Categorie: Illustrator

Shape Builder Tool

Duur: 1 uur

De Shape Builder is een tool die je als de opvolger van het Pathfinder paneel zou kunnen zien, al vervangt het niet alle functies. Maar je kunt met deze tool veel sneller en intuïtiever vormen knippen en/of samenvoegen.

IntroOefening 1Oefening 2Oefening 3Theorie
Shape Builder
De ShapeBuilder herkent het overlappende deel van de vormen

De Shape Builder zoekt naar overlappende vlakken binnen een selectie. Dus als je meerdere vormen selecteert én deze overlappen elkaar, dan kun je de overlap als een los vlak bewerken. Bekijk het voorbeeld hiernaast. Je kunt dit grijze vlak bijvoorbeeld wegknippen of juist toevoegen aan de cirkel.

Je kunt Shift-klikken om vlakken weg te halen. Je kunt klik-slepen om een lijntje te trekken waarmee je meer controle hebt over wat je weghaalt of samenvoegt. In het voorbeeld hieronder wordt met het trekken van de lijn alle drie de vlakken tot één vorm gemaakt:

Pathfinder

En wanneer kies je dan toch voor het Pathfinder paneel in plaats van de Shape Builder? Hiervoor zijn drie redenen aan te wijzen:

  • Pathfinder houdt de originele vormen ‘live’ en bewerkbaar.
  • Pathfinder kan sommige vormen in een klik bewerken, waar de Shape Builder hier vele kliks voor nodig heeft.
  • Pathfinder gaat soms iets efficiënter om met ankerpunten.

Laten we om te beginnen eens oefenen op bestaande vlakken.

  1. Download de Training Shape Builder en open deze in Illustrator.
  2. Lees de instructie op tabblad “Intro”
  3. Maak van de toverstaf één vorm.
  4. Maak bij de sneeuwman:
    • één vorm van de witte bollen van zijn lijf,
    • één vorm van de wortel-neus
    • één vorm van de schoenen.
  5. Maak van de maan één vorm (zonder de bruine cirkel).
  1. Maak van de A één vorm.
  2. Maak een kopie van de A en plaats deze iets onder de originele A. Teken nu met de Rectangle en Line tool de lijnstukken ertussen.
  3. Gebruik de Shape Builder om van het klaverblad te tekenen. Het resultaat moet worden als hieronder:

Laten we eens oefenen met een tekening van een gestileerde vos die helemaal wordt opgezet in basisvormen (cirkels in dit geval) en die vervolgens wordt bewerkt met de Shape Builder.

  1. Maak oefening 3 en geef hier je eigen draai aan.
  2. Volg de instructies op het werkblad.
  3. Gebruik indien nodig de instructie in deze video (2:25 -8:00):

Onderstaande Video van 2:25-8:00:

Pen Tool

Duur: 45 min

Misschien wel de oudste tool voor het tekenen van vectoren is de Pen Tool. Hiermee kun je lijnen trekken waarmee je vorm kunt tekenen. Deze Tool komt in vrijwel alle grafische toepassingen voor en een goede beheersing heb je dus veel aan.

IntroThe Bézier GameOefening 1 & 2Oefening 3Theorie
Een open vorm met blauwe vulkleur

Met de pentool teken je in Illustrator een zogenaamd ‘object’. Dit wordt ook wel een vorm (shape) genoemd. Een lijn is in deze gedachte ook een vorm. Elke vorm bestaat uit een lijn en een vulling (fill). Wanneer de lijn van een vorm uitkomt waar hij begint, dan spreek je van een gesloten vorm.

Zodra je met deze tool klikt op je tekengebied (artboard), dan komt er een lijn vast te zitten aan je cursor. Dat is soms even wennen. Door opnieuw te klikken zet je een ankerpunt op het canvas, maar je lijn blijft aan je cursor zitten. Je krijgt hem los met ESC of door hem vast te maken aan het begin.

De lijnen die je tekent met de pentool beginnen en eindigen met een ankerpunt (anchor). Deze ankerpunten zijn soms voorzien van richtingspunten (handles). De grootte en de richting van deze handles geven een curve aan het aangrenzende lijnsegment.

Wanneer je een anker maakt door te klikken en dan de muis sleept, dan maak je richtingspunten. Wanneer je hierbij Alt indrukt kun je de richtingspunten (handles) van een anker individueel sturen. Met Shift dwing je de lijn horizontaal, verticaal of onder 45 graden.

  1. Speel The Bézier Game totdat je (ten minste) de auto helemaal kan tekenen.

We beginnen met oefenen van het maken van rechte lijnen, scherpe hoeken, afgeronde hoeken en curves. Focus op het gebruik van de sneltoetsen.

  1. Download de Training Pen Tool en doe hiervan oefening 1 en 2.
  2. Volg de instructies op het werkblad.

Terwijl je de Pen Tool geselecteerd hebt kun je gebruik maken van een aantal andere tools door sneltoetsen te gebruiken:

CMD/CTRLTijdens het indrukken selecteer je de Direct Selection Tool (de witte pijl). Je kunt hiermee een ankerpunt of beide richtingspunten als raaklijn verplaatsen.
Option/AltTijdens het indrukken selecteer je de Anchor Point Tool. Hiermee kun je richtingspunten individueel verplaatsen.
SpaceTijdens het indrukken selecteer je de Move Tool. Hiermee kun je het artboard verplaatsen binnen je werkruimte.

Nu kun je vormen (shapes) tekenen die bestaan uit lijnen met een kleur en vullingen met een kleur. Oefen met het maken van een simpele tekening, zoals het batman logo. Probeer zo min mogelijk vormen (shapes) nodig te hebben. En teken deze vormen met zo min mogelijk ankerpunten.

  1. Ga verder in de Training Pen Tool die je bij de vorige tabblad hebt gedownload en doe hiervan oefening 3.

Verpakking

We gaan de komende weken een verpakkingsontwerp maken voor een product dat je zelf uitkiest. Eerst bepaal je de vorm en de maat van je verpakking en daarna ga je de opdruk ontwerpen. Hierbij gebruik je Illustrator om een drukwerk geschikte PDF te maken. Deze print je uit en vervolgens vouw je de verpakking in elkaar.

Leerdoelen

Met deze oefening leer je de volgende begrippen kennen:

  • Plano
  • Kleurruimte
  • Rilllen
  • Stansen
  • Overdruk

Daarnaast leer je de volgende tools/functies in Illustrator kennen:

  • Stippellijnen maken
  • Lijnen losmaken van object
  • Lijnen op overdruk zetten
  • Mesh Tool
  • Pattern Tool

PlanningLes 1Les 2Les 3Les 4Les 5Beoordeling

  • Week 4 – 4/6-8/6 – Les 1
    • Bedenk een plano uitsnede
    • Test print maken
  • Week 5 – 11/6-15/6 – Les 2
    • Toets 1
    • Verbeter je uitsnede
    • Verdeel snij- en vouwlijnen
  • Week 6 – 18/6-22/6 – Les 3
    • Toets 2
    • Ontwerp je verpakking
  • Week 7 – 25/6-29/6 – Les 4
    • Ontwerp je verpakking
    • Peer-feedback
    • Deadline einde van de les:
      inleveren AI pakket werkbestand, druk-PDF en print-PDF
  • Week 8 – 2/7-6/7 – Les 5
    • Print je verpakking en zet hem in elkaar
    • Deadline: inleveren foto’s van je verpakking

Week 4 – 4/6-8/6

Instructie (30 min)

In deze les behandelen we de volgende onderwerpen:

  • Plano (slide)
  • Stansen en Rillen (slide)
  • Zelfstudie: Hoe geef ik objecten een precieze maat in Illustrator? (video)

Let op: Bovenstaande onderwerpen komen terug in de toets.

Opdracht (90 min)

Slechts een voorbeeld – niet namaken 🙂

Je gaat een uitsnede bedenken voor een verpakking. Deze moet je tekenen of uitprinten op A3. Om zeker te weten dat je product gaat passen meet je de lengte, hoogte en breedte van je product en gebruik je de volgende vuistregel:

 l x b x h < 1600 cm³

Bedenk hoe je je verpakking in elkaar gaat vouwen en als je plakranden gebruikt, waar deze dan moeten komen.

Challenge! Ben je goed in ruimtelijk denken? Probeer het zonder plakranden en vouw of steek de verpakking in elkaar.

Hoe voer je deze opdracht uit?
  1. Meet je product op en bedenk een verpakking-vorm (30 min).
    Laat je inspireren op internet (zoek bijvoorbeeld op “Plano packaging” of “Packaging Ideas“) of kijk hieronder bij Inspiratie.
  2. Zet je plano uitsnede op als een lijntekening met de hand of in Illustrator en print deze uit op een A3 (30 min).
  3. Knip of snij de verpakking los en vouw of plak deze in elkaar (20 min).
  4. Aan het einde van de les maak je een foto van het resultaat met je meegenomen product ernaast. Geef deze foto de naam klas_achternaam_voornaam_verpakking.jpg  en lever deze in via Dropbox.

Let op! heb je het niet af kunnen krijgen in de les, maak dan sowieso een foto van hoe ver je nu bent en lever deze in. Maak deze les thuis af en neem je gevouwen verpakking de volgende les mee.

Inspiratie

Kijk ook naar de voorbeelden in de slide “Plano”.

Beoordeling

Bij de beoordeling let de docent nu nog niet op de kwaliteit van je verpakking. Het gaat er om dat je zelf inzicht krijgt in het denken van het platte vlak naar 3D.

Je wordt beoordeeld op je inzet. Het belangrijkste is dat je hebt meegedaan. Zorg er dus voor dat je in ieder geval een foto upload, hoe je eindproduct er ook uitziet! 🙂

Week 5 – 11/6-15/6

Toets (15 min)

De stof die je voor deze toets moet kennen is de inhoud van de les van vorige week. Je vindt deze stof onder Instructie op tabblad Les 1.

Instructie (15 min)

In deze les behandelen we de volgende onderwerpen:

  • Wat is overdruk? (slide)
  • Zelfstudie: Hoe zet ik objecten op overdruk? (video)
  • Zelfstudie: Hoe maak ik een stippellijn? (video)
  • Zelfstudie: Hoe knip ik lijnen los van objecten? (video)
  • Zelfstudie: Hoe geef ik lijnen een PMS kleur en de kleur een naam? (video)

Let op: Bovenstaande onderwerpen komen terug in de toets.

Oefening (90 min)

Vorige week ben je begonnen met de plano vorm van je verpakking. Door deze meteen te printen en in elkaar te zetten heb je ontdekt waar er nog foutjes zitten en waar het goed gaat.

Deze week ga je deze vorm perfectioneren. Let op de juiste maatvoering zodat je product er straks precies in past. Je lijnen verdeel je in snijlijnen en vouwlijnen.

Challenge! Heeft jouw verpakking een opening nodig om je product te zien? Bepaal waar je het beste een plastic raampje kunt maken.

Hoe voer je deze opdracht uit?
  1. Maak de lijntekening van je plano verpakking helemaal af in Illustrator.
  2. Bepaal welke lijnen van je verpakking snijlijnen zijn. Maak deze lijnen los en verzamel ze in een aparte laag. Geef ze allemaal dezelfde PMS kleur. Noem deze kleur “snijlijnen”.
  3. De overige lijnen zijn je vouwlijnen. Geef deze allemaal dezelfde PMS kleur (maar wel een andere kleur dan je snijlijnen) en noem deze kleur “stanslijnen”.
  4. Zet nu alle vouwlijnen op overdruk.

Let op! Je hoeft deze les niets in te leveren.

Beoordeling

Bij de beoordeling let de docent op de volgende punten:

  • Je stanslijnen staan in een eigen laag
  • Je stanslijnen hebben allemaal dezelfde PMS kleur
  • De PMS kleur van je stanslijnen heet “stanslijnen”
  • Je vouwlijnen zijn stippellijnen.
  • Je vouwlijnen staan in een eigen laag
  • Je vouwlijnen hebben allemaal dezelfde PMS kleur
  • De PMS kleur van je vouwlijnen heet “vouwlijnen”
  • Je vouwlijnen staan op overdruk

Week 6 – 18/6-22/6

Toets (20 min)

De stof die je voor deze toets moet kennen is de inhoud van de les van vorige week. Je vindt deze stof onder Instructie op tabblad Les 2.

Instructie (15 min)

In deze les behandelen we de volgende onderwerpen:

  • Scherm: Hoe kun je met offset een clipping mask voor afloop maken? (video)
  • Zelfstudie: Hoe werkt de Mesh Tool? (video)
  • Zelfstudie: Hoe werkt de Pattern Tool? (video)

Oefening (90 min)

Deze week ga je bedenken hoe je opdruk er uit gaat zien. Welke teksten en welke graphics komen er in je ontwerp? Gebruik voorbeelden om te onderzoeken welke teksten je vaak tegenkomt bij jouw soort product.

Gebruik de Mesh Tool of Pattern Tool bij het maken van kleurvlakken in je ontwerp.

Challenge! Laat graphics aansluiten (of doorlopen) over twee vlakken die elkaar in de platte versie niet raken, maar gevouwen wel tegen elkaar komen.

Hoe voer je deze opdracht uit?
  1. Werk in een aparte laag voor het ontwerp. Zet deze onder de lagen met vouwlijnen en snijlijnen.
  2. Zorg ervoor dat je overal 3 mm afloop toepast. Hou de plakranden vrij van bedrukking.
  3. Wanneer je gebruik maakt van raster beelden, dan zijn deze minimaal 300 dpi.
  4. Gebruik de Mesh Tool of Pattern Tool ergens in je ontwerp.
  5. Verwerk je naam en je klas ergens in het verpakkingsontwerp.
  6. Sla je werk op als Illustrator pakket.

Let op! Je pakket hoeft nu nog geen druk-PDF te bevatten.

Beoordeling

Bij de beoordeling let de docent op de volgende punten:

  • Je ontwerp zit in een eigen laag
  • Je hebt afloop 3 mm rondom goed toegepast
  • Je rasterafbeeldingen zijn minimaal 300 dpi
  • Je naam en klas staat ergens op de verpakking
  • Je hebt de Mesh Tool of Pattern Tool gebruikt in je ontwerp

Week 7 – 25/6-29/6

Instructie (15 min)

In deze les behandelen we de volgende onderwerpen:

  • Drukwerk PDF maken
  • Print PDF maken
  • PDF’s controleren

Oefening (75 min)

Je hebt je ontwerp zo goed als af. Je gaat nu twee PDF’s maken, een drukwerk-PDF en een print-PDF. Je laat je werk controleren door een van je klasgenoten.

De print-PDF is om te printen op school of op de Factory. De drukwerk-PDF is geschikt voor drukken bij een drukkerij. De juiste specificaties voor beide PDF’s vind je op deze pagina.

Challenge! De eerste tien studenten die hun print-PDF af hebben kunnen hun werk laten snijden met de lasercutter op de Factory. Laat je naam hiervoor noteren bij de docent. Exporteer vanuit Illustrator je (omtrek) stanslijn als *.dfx bestand (AutoCAD uitwisselingsbestand). Hoor je niet bij de eerste 10 dan moet je zelf snijden.

Hoe voer je deze opdracht uit?
  1. Gebruik het eerste uur van de les voor het maken van de druk- en print-PDF.
  2. Wil je kans maken op het gebruik van de snijplotter, laat dan je PDF aftekenen bij de docent (alleen de eerste 10).
  3. Het tweede uur start je met het geven van Peer-feedback (gebruik daarvoor de checklist hieronder). Neem hiervoor maximaal 30 minuten de tijd.
  4. Naar aanleiding van de feedback maak je verbeteringen aan je werk.
  5. Als alles klaar is maak je opnieuw een pakket van je Illustrator bestand. Maak ook opnieuw de (verbeterde) druk- en print-PDF, en voeg deze toe aan het pakket.
  6. Lever het bovenstaande in bij je docent (bij Jof via Dropbox inleveren).
  7. Lever het ingevulde feedback-formulier aan het einde van de les in bij je docent.

Let op! Voor het gebruik van de snijplotter (door de eerste 10 studenten) moet je zelf een afspraak maken bij de Factory. Wacht hier niet te lang mee, zodat ze het bij de Factory kunnen inplannen.

Peerfeedback (30 min)

Voeg je print- en druk-PDF toe aan het Illustrator pakket dat je vorige week hebt gemaakt. Je gaat nu samen met een (willekeurige) andere student je werk bespreken. Stuur het volledige pakket naar elkaar toe en open het werk van de ander in Illustrator.

Je ontvangt van je docent dit Peer-feedback formulier om mee te werken.

Controleer het Illustrator werkbestand op de volgende punten:

  • De stanslijnen staan in een eigen laag
  • De stanslijnen hebben allemaal dezelfde PMS kleur
  • De PMS kleur van de stanslijnen heet “stanslijnen”
  • De vouwlijnen zijn stippellijnen.
  • De vouwlijnen staan in een eigen laag
  • De vouwlijnen hebben allemaal dezelfde PMS kleur
  • De PMS kleur van de vouwlijnen heet “vouwlijnen”
  • De vouwlijnen staan op overdruk
  • Het ontwerp zit in een eigen laag
  • Afloop 3 mm rondom is goed toegepast
  • De rasterafbeeldingen zijn minimaal 300 dpi
  • De naam en klas staat ergens op de verpakking
  • De Mesh Tool of Pattern Tool is gebruikt in het ontwerp
  • Het Illustrator pakket en werkbestand hebben de juiste naam

Controleer de PDF’s op de volgende punten:

  • Druk-PDF geeft geen fouten bij: Sheetfed Offset (CMYK and spotcolors)
  • Druk-PDF gebruikt kleurprofiel: ISO Coated v2 300% (ECI)
  • Druk-PDF heeft twee platen voor spotkleuren: “stanslijnen” en “rillijnen”
  • Druk-PDF spotkleuren staan ingesteld op overdruk
  • Print-PDF geeft geen fouten bij: PDF/X-4
  • Print-PDF gebruikt kleurpofiel: Coated FOGRA39
  • Beide PDF’s hebben de juiste naam

Beoordeling

Bij de beoordeling let de docent op de volgende punten:

  • Je hebt je pakket met druk- en print-PDF’s op tijd ingeleverd
  • Je hebt je ontvangen feedback formulier ingeleverd bij je docent
  • Je pakket, werkbestand en PDF’s hebben de juiste naam
  • Druk-PDF geeft geen fouten bij: Sheetfed Offset (CMYK and spotcolors)
  • Druk-PDF gebruikt kleurprofiel: ISO Coated v2 300% (ECI)
  • Druk-PDF heeft twee platen voor spotkleuren: “stanslijnen” en “rillijnen”
  • Druk-PDF spotkleuren staan ingesteld op overdruk
  • Print-PDF geeft geen fouten bij: PDF/X-4
  • Print-PDF gebruikt kleurpofiel: Coated FOGRA39

Week 8 – 2/7-6/7

Oefening (120 min)

In deze les ga je het definitieve ontwerp printen en in elkaar zetten. Als je moet of wilt printen op de Factory dan mag je dat in deze les doen. Zorg ervoor dat je aan het einde van de les een in elkaar gevouwen product hebt.

Challenge! Gebruik stevig papier om je verpakking op te printen. Dan krijg je een mooiere verpakking en het vouwt en lijmt ook nog eens makkelijker.

Hoe voer je deze opdracht uit?
  1. Verzamel de juiste bestanden die je nodig hebt om te printen.
  2. Bezoek de Factory, indien je daar wilt printen of snijden.
  3. Zorg ervoor dat je uiterlijk 20 minuten voor het einde van de les terug in de klas bent.
  4. Maak nu in de klas minimaal vijf foto’s van je verpakking met het product er in. Zorg ervoor dat je alle zijden goed in beeld brengt en eventueel ook foto’s van details maakt (deze foto’s kun je gebruiken voor je portfolio!).
  5. Stop alle foto’s in één ZIP bestand. Geef dit bestand de juiste naam en lever deze in bij je docent (bij Jof via Dropbox)

Let op! Wanneer je het product niet bij je hebt, maak dan thuis de foto’s en lever deze vandaag nog in.

Beoordeling

Bij de beoordeling let de docent op de volgende punten:

  • Je foto’s zijn op tijd ingeleverd.
  • Je hebt minimaal vijf foto’s ingeleverd
  • De foto’s zijn scherp en goed belicht
  • De foto’s tonen alle zijden van je verpakking
  • De foto’s zijn ingeleverd in één ZIP bestand
  • Je gebruikt de juiste naamgeving voor dit ZIP bestand

Hieronder vind je een overzicht van alle punten waarop beoordeeld wordt. Dit is een verzameling van de punten die in individuele lessen genoemd staan.  Gebruik dit als checklist voor het controleren van je werk.

  1. Les 1
    1. Je hebt een geschikt product meegenomen
    2. Je hebt op tijd een foto ingeleverd
    3. De foto toont inzet
    4. De foto heeft de juiste naam
    5. Challenge: gevouwen in plaats van gelijmd
  2. Les 2
    1. Je stanslijnen staan in een eigen laag
    2. Je stanslijnen hebben allemaal dezelfde PMS kleur
    3. De PMS kleur van je stanslijnen heet “stanslijnen”
    4. Je vouwlijnen zijn stippellijnen.
    5. Je vouwlijnen staan in een eigen laag
    6. Je vouwlijnen hebben allemaal dezelfde PMS kleur
    7. De PMS kleur van je vouwlijnen heet “vouwlijnen”
    8. Je vouwlijnen staan op overdruk
    9. Challenge: kijkraampje met plasticje is aanwezig
  3. Les 3
    1. Je ontwerp zit in een eigen laag
    2. Je hebt afloop 3 mm rondom goed toegepast
    3. Je rasterafbeeldingen zijn minimaal 300 dpi
    4. Je naam en klas staat ergens op de verpakking
    5. Je hebt de Mesh Tool of Pattern Tool gebruikt in je ontwerp
    6. Challenge: ontwerp loopt door over snijvlakken
  4. Les 4
    1. Je hebt je pakket met druk- en print-PDF’s op tijd ingeleverd
    2. Je hebt je ontvangen feedback formulier ingeleverd bij je docent
    3. Je pakket, werkbestand en PDF’s hebben de juiste naam
    4. Druk-PDF geeft geen fouten bij: Sheetfed Offset (CMYK and spotcolors)
    5. Druk-PDF gebruikt kleurprofiel: ISO Coated v2 300% (ECI)
    6. Druk-PDF heeft twee platen voor spotkleuren: “stanslijnen” en “rillijnen”.
    7. Druk-PDF spotkleuren staan ingesteld op overdruk
    8. Print-PDF geeft geen fouten bij: PDF/X-4
    9. Print-PDF gebruikt kleurpofiel: Coated FOGRA39
    10. Challenge: je hebt je werk laten snijden met een lasercutter
  5. Les 5
    1. Je foto’s zijn op tijd ingeleverd.
    2. Je hebt minimaal vijf foto’s ingeleverd
    3. De foto’s zijn scherp en goed belicht
    4. De foto’s tonen alle zijden van je verpakking
    5. De foto’s zijn ingeleverd in één ZIP bestand
    6. Je gebruikt de juiste naamgeving voor dit ZIP bestand
    7. Challenge: je verpakking is geprint op stevig papier

Veelgestelde vragen:

Hoe geef ik objecten een precieze maat?

Hoe knip ik lijnen los van objecten?

Hoe maak ik een stippellijn?

Stippellijn: 3’55 – 5’30

Hoe verschaal ik objecten zonder dat lijndikte mee schaalt?

Hoe kun je met offset een clipping mask voor afloop maken?

Hoe werkt de Pattern Tool?

Bekijk de volgende video’s op Lynda.com:

Drawing out and refining your design (9’39)
Building your vector pattern with a bounding box (15’22)
Organize, size, rotate, and adjust your pattern fills (9’45)
Pattern Tool basics (11’16)

 

Hoe werkt de Mesh Tool?

Bekijk de volgende video’s op Lynda.com:

Introducing the gradient mesh (6’10)
Working with the Mesh Tool (6’12)
Creating a mesh with the Mesh Tool (7’19)

Hoe geef ik lijnen een PMS kleur en de kleur een naam?

Hoe zet ik objecten op overdruk?

Hoe controleer ik of stans en rillijnen goed zijn in mijn PDF?

Hoe moet ik mijn ontwerp lasercutten bij de Factory?

Bij de Factory heb je twee bestanden nodig; eentje met je ontwerp en eentje met de instructie voor de lasercutter. Het ontwerp lever je aan als PDF en de instructie als DXF.

PDF met ontwerp

  1. In je ai werkbestand verberg je de lagen snijlijnen en vouwlijnen.
  2. Zorg ervoor dat View > Snap to Grid uit staat en View > Smart Guides aan staat.
  3. Kies File > Document Setup en klik rechtsboven op Edit Artboards.
  4. Gebruik nu de zwarte pijl om het Artboard te resizen naar de minimum maat voor jouw uitsnede, oftewel laat de vier randen snappen op de uiterste delen van je ontwerp. (Zie afbeelding hiernaast)
  5. Sla het bestand op met File > Save As en kies bestandstype PDF.
  6. Kies PDF Preset: [PDF/X-4:2008] met Standard: PDF/X-4:2010 en Compatibility: Acrobat 7 (PDF 1.6).
  7. Onder Marks and Bleeds vink je aan: Trim Marks. Zet Offset op 0 cm.

    klik mij
  8. Indien je in je documentinstellingen de afloop op 3 mm hebt ingesteld vink je aan Use Document Bleed Settings. Zo niet, stel dan hier voor Top, Bottom, Left en Right 3 mm in.
  9. Kies onder Output het Output Intent Profile Name: Coated FOGRA39.
  10. Klik Save PDF.

DXF met instructie lasercutter

  1. Voor de veiligheid sla je eerst je ai bestand op als ‘lasercutter-instructie.ai’ (of iets dergelijks)
  2. Verwijder de lagen ‘ontwerp’ en ‘vouwlijnen’ uit je bestand
  3. Zet alle snijlijnen op lijndikte 0,25 punt

    klik mij
  4. Sla het bestand op met File > Export > Export As en kies bestandstype DXF
  5. Bij de opties kies je voor Scale: 1 Millimeters = 1 Unit(s) (zie screenshot hiernaast)
  6. Klik op OK.

[printfriendly title=”Download de les als PDF”]

Vier azen

Je gaat vier ontwerpen maken voor de azen van een kaartspel. Bij deze ontwerpen is het de bedoeling dat je met ieder ontwerp je mening over een onderwerp geeft. Anders gezegd, het is belangrijk dat je een gedachte of een mening achter een ontwerp kunt uitleggen. Natuurlijk gelden er ook technische eisen.

PlanningKleurenBeoordeling

In de les
  • Presentatie en uitleg van de oefening
  • Je moet de oefening in de les afronden, probeer zo ver mogelijk te komen. Zorg ervoor dat je minimaal 2 azen helemaal hebt ontworpen.
  • Je ontwerpen moeten een half uur voor het einde van de les worden ingeleverd.
  • Nabespreken van enkele random gekozen ontwerpen

De kleuren (of ‘suits’)

Iedere kleur vertegenwoordigt een bepaalde waarde. Gebruik de steekwoorden hieronder om je te laten inspireren. Let op: geef in je ontwerp een stelling of mening aan.

Harten: het gevoelsleven

  • Lente
  • Thuis
  • Hart
  • Emoties
  • Liefde
  • Kindertijd
  • Kwetsbaarheid
  • Kunst
  • Water

Klaveren: de gedachtewereld

  • Zomer
  • Opleiding
  • Gedachte
  • Intellect
  • Reflectie
  • Jeugd
  • Onverantwoordelijkheid
  • Literatuur
  • Lucht

Ruiten: de materiële wereld

  • Herfst
  • Carrière
  • Waarde
  • Veiligheid
  • Oordeel
  • Volwassen
  • Verantwoordelijk
  • Vermaak
  • Vuur

Schoppen: je fysieke zelf

  • Winter
  • Omgeving
  • Wijsheid
  • Gezondheid
  • Acceptatie
  • Ouderdom
  • Verandering
  • Religie
  • Aarde

  • Teksten zijn in lettercontour gezet (1 punt)
  • Je verwerkt in ieder ontwerp een of meerdere beelden (1 punt)
  • Beeld is minimaal 150 dpi effectieve resolutie (1 punt)
  • Afloop is goed toegepast (1 punt)
  • Je hebt een drukwerk PDF (specs) aangeleverd (1 punt)
  • Je hebt vier ontwerpen onderbouwd met een stelling/mening (5 punten)

LET OP:

  • Lever je het werk in ná de deadline (half uur voor einde les) dan gaat er een punt af.
  • Bij afwezigheid lever je in vóór de start van de volgende les zonder punt aftrek.

Inleveren

  • Bestandstype: zip bestand met InDesign pakket inclusief drukwerk PDF
  • Deadline: half uur voor het einde van de les.
  • Locatie: zip bestand uploaden naar Dropbox.

Benodigdheden

Flits Graphics

Je werkt bij Flits Graphics, een middelgroot bureau waar zo’n 20 mensen werken. Het bureau maakt allerlei soorten media-uitingen, waaronder veel huisstijlen. Er zijn veel verschillende functies binnen het bedrijf, waaronder deze vier:

  • Accountmanager
    Onderhoudt het contact met de klant, factureert en geeft collega’s opdrachten vanuit de klant.
  • Art Director
    Zet de ontwerplijn uit en zorgt ervoor dat er een artistieke visie in het ontwerp zit.
  • Designer
    Vertaalt de artistieke visie naar een ontwerp
  • Kwaliteit controleur
    Verzamelt de aanleveringsspecificaties en controleert het aangeleverde ontwerp bij oplevering.

Nu ontvangt op een ochtend de accountmanager de volgende doorgestuurde e-mail van de directeur van Flits Design:

Fw: Henk ik heb je nodig!

Goedemorgen!

Laat even liggen wat je nu doet. Zie mail hieronder.
Kun jij dit ASAP intern uitzetten?  Ik bel je over een half uur.

Henk

Van: Karel Klant <k.klant@exorbitant.nl>
Datum: maandag 11 december 2017 09:36
Aan: Henk de Baas <h.debaas@flitsgraphics.nl>
Onderwerp: Henk ik heb je nodig!

Henk!

Ik heb met spoed 250 visitekaartjes nodig voor een last-minute deelname aan een congres. Ik vertrouw alleen jou met mijn schets. Over een uur rij ik langs bij drukkerij XYZ. Als het jou lukt om voor die tijd een ontwerp op te sturen, dan ben ik je voor eeuwig dankbaar.

Emma mailt je zo de details.

Karel

Exorbitant Vermogensbeheer

Opdracht

Werk in teams van vier man en verdeel de bovenstaande rollen onderling. Volg de onderstaande stappen voor iedere rol en probeer zo snel mogelijk op te leveren!!!

Account ManagerArt DirectorDesignerControleur

Onderhoudt het contact met de klant, factureert en geeft collega’s opdrachten vanuit de klant.

  1. Stuur de klant (=docent) een mailtje dat de opdracht is aangenomen. (5 min)
  2. Dan mailt ‘Emma’ (=docent) je een schets. Deze stuur je door naar de  Designer (5 min)
  3. Je stuurt een nieuwe email naar Emma met de titel offerte waarin je de details van de opdracht bevestigt en de normale prijs van 595,- ex BTW staat vermeld. (15 min)
  4. Vervolgens ga je een factuur opmaken in InDesign voor dit werk waarin de volgende  gegevens staan vermeld: (30 min)
    1. Naam en adresgegevens klant
    2. Logo Flits Graphics (hier)
    3. Naam en adresgegevens Flits Graphics (zelf verzinnen)
    4. KVK inschrijvingsnummer Flits Graphics (zelf verzinnen)
    5. BTW nummer Flits Graphics (zelf verzinnen)
    6. Rekening nummer Flits Graphics (zelf verzinnen)
    7. Aantal en naam van geleverde diensten/producten
    8. Kosten voor geleverde dienst/product ex BTW
    9. BTW 21%
    10. Totaalprijs inclusief BTW
  5. Sla de factuur (ook) op als Optimized PDF.
  6. Nu wacht je op de mail van de controleur. Deze stuurt je een drukwerk PDF en eventueel instructie/toelichting.
  7. Nu wacht je op de mail van de Art Director. Deze stuurt je een collage.
  8. Mail de collage en de drukwerk PDF samen met de factuur met als onderwerp “oplevering” naar Emma (=docent).

Zet de ontwerplijn uit en zorgt ervoor dat er een artistieke visie in het ontwerp zit.

  1. Bedenk welke artistieke visie het bureau Flits heeft. (15 min)
    1. Verzamel één beeld online dat je aanspreekt.
    2. Bedenk zoveel mogelijk steekwoorden die je hierbij vindt passen.
    3. Kies nu één steekwoord uit deze tien dat voor jou de artistieke visie vertegenwoordigt.
  2. Samen met de ontwerper bepaal je een kleurenpalet en de fonts die aansluiten bij de artistieke visie. (10 min)
  3. Verzamel meer beeld op basis van het gekozen steekwoord en zet dit netjes in een eenvoudige collage in Photoshop. Zorg ervoor dat je belangrijkste steekwoord in de collage leesbaar is. (20 min)
  4. Wanneer je van de ontwerper het eindontwerp ontvangt leg je deze naast de collage en het steekwoord. Bepaal samen of er nog aanpassingen nodig zijn. (10 min)
  5. Stuur de collage per mail op naar de Accountmanager.

Vertaalt de artistieke visie naar een ontwerp

  1. Zet een standaard visitekaartje op in InDesign: (5 min)
    1. formaat: 55 x 85 mm
    2. afloop: 3 mm
  2. Verzamel de gegevens die ‘Emma’ heeft opgestuurd, zoals: (5 min)
    1. Naam
    2. Adres/contact gegevens
    3. Bedrijfsnaam
    4. Logo
  3. Zet alle elementen in het document. (5 min)
  4. Ga nu samen met de Art Director zitten om te bepalen welk steekwoord de artistieke visie van Flits vertegenwoordigt en overleg met elkaar hoe dit binnen het aangeleverde ontwerp kan worden vormgegeven. (10 min)
  5. Maak het ontwerp (20 min)
  6. Ga nu weer met de Art Director zitten en leg je ontwerp naast de collage en het steekwoord. Bepaal samen of er nog aanpassingen nodig zijn. (10 min)
  7. Rond het ontwerp af en stuur een drukwerk PDF naar de Kwaliteits controleur.

Verzamelt de aanleveringsspecificaties en controleert het aangeleverde ontwerp bij oplevering.

  1. Zoek online de aanleveringsspecificaties op voor visitekaartjes bij de drukkerij die de klant in zijn email noemt. (5 min)
  2. Verzamel deze specificaties in een tekst document en mail deze door naar de designer. (10 min)
  3. Bepaal vervolgens hoe je deze specificaties moet controleren in het opgeleverde document. (5 min)
  4. Het door de klant aangeleverde logo is helaas in pixels, dit moet worden omgezet in vectoren. (20 min)
  5. Stuur het vector logo naar de designer.
  6. Wanneer je het uitgewerkte ontwerp (PDF) ontvangt dan controleer je deze volledig op de aanleveringsspecificaties van de drukkerij en of alles er in staat wat de klant er in wilde hebben. (10 min)
  7. Pas als dit 100 procent in orde is mail je de definitieve PDF naar de Accountmanager, deze levert door aan de klant.

Benodigdheden

Product illustratie

Veel productontwerpen worden in een 3D model opgezet en vervolgens als beeld gerendered, bijvoorbeeld voor in advertenties. Maar wanneer een product nog in de conceptfase zit en er nog geen 3d model is, dan kan het nodig zijn om een strakke tekening van het concept te hebben, bijvoorbeeld om je concept aan de opdrachtgever te presenteren. Onderstaande voorbeelden geven aan dat er veel verschillende uitwerkingsniveau’s zijn.

Tijd: 180 minuten
Deadline: 11 december



Opdracht

Je gaat een product illustratie maken. Je gebruikt hiervoor een onderlegger (een foto) welke je gaat natekenen in Illustrator. Je mag de foto uiteraard niet ‘vectoriseren’ (tracen) in Illustrator, want dit geeft geen strak resultaat.

Om te beginnen kies je een van de volgende 3 foto’s (klik op de foto om deze te downloaden).

Je maakt nu twee versies van je gekozen product (let op: sla iedere versie als afzonderlijk bestand op):

  1. Versie 1 – lijntekening
    1. Je werkt de tekening uit in een lijnentekening.
    2. Gebruik de pentool om de lijnen mee te tekenen.
    3. Zorg dat je gesloten vlakken tekent maar kleur ze niet in (de vlakken heb je nodig om de volgende versie te tekenen).
    4. Werk in verschillende lijndiktes om belangrijke lijnen te benadrukken.
  2. Versie 2 – vlakkentekening
    1. Ga verder met de basis die je hebt getekend in versie 1.
    2. Zet de lijndiktes allemaal op nul, en kleur de shapes in (teken eventueel nieuwe shapes indien nodig).
    3. Werk met kleurverlopen wanneer je origineel dit ook heeft.

Wil je een hoger cijfer dan een 7 binnenslepen, probeer dan het volgende:

  1. Versie 3 – detaillering (bonus)
    1. Ga op zoek in je tekening naar details. Zoom in en zoek naar details die je niet hebt getekend. Denk hierbij aan schaduw, highlights, kleurverlopen, textuur, etc.
    2. Probeer zo veel mogelijk van deze details in je tekening te verwerken.

Klik hier voor TIPS! (=punten scoren)

  • Een speciale ’template’ laag kan je afbeelding dimmen en op slot zetten zodat je hem niet per ongeluk selecteert. Open je foto in Illustrator en selecteer de laag met de afbeelding. Open het contextmenu van het Layers palette en selecteer Template.
  • Sluit je afbeeldingen in om zeker te zijn dat je bestand volledig door anderen kan worden bekeken. Selecteer je afbeelding (klik op het bolletje achter de naam van de laag in het Layers palette). Klik nu op Embed in de eigenschappenbalk bovenaan je werkblad.

Materialen

Beoordeling

  • Versie 1 (2 punten)
    • Je volgt nauwkeurig de lijnen in de foto
    • Je werkt met verschillende lijndiktes
    • Indien van toepassing: je werkt met verschillende lijntypes (bv streepjes voor stiksels)
  • Versie 2 (3 punten)
    • Je volgt nauwkeurig de vlakken in de foto
    • Je werkt met verschillende kleuren (of schaduwtinten)
    • Je gebruikt kleurverlopen (indien nodig meerdere per vorm, in blendmode Multiply)
  • Versie 3 (3 punten)
    • Je hebt details in de foto bestudeerd en nagemaakt
    • Je beeld nadert fotorealisme
  • Algemeen (2 punten)
    • Je afbeelding is ingesloten
    • De afbeelding is ingesteld als Template layer
    • Je levert voor iedere versie een AI werkbestand in
    • Je bundelt je bestanden in een zipfile
    • Je gebruikt de juiste naamvoering

Inleveren

  • Deadline: 11 december 2017
  • Bestandstype: Adobe Illustrator (AI) werkbestanden met ingesloten afbeeldingen, gebundeld in één zipfile
  • Locatie: Dropbox

 

Instellingen

Duur: 1 uur

In de workflow tussen beeldbronnen (zoals een camera of een scanner), editors (zoals photoshop) en weergave (zoals een beeldscherm of drukwerk) zijn drie dingen belangrijk:

  • Kleurbeheer: zorgt ervoor dat je origineel zo goed mogelijk wordt benaderd door de drukkerij (of beeldscherm).
  • Joboptions: stellen je workflow in voor specifieke toepassingen.
  • Programma-instellingen: versnellen je workflow en verkleinen de kans op fouten.
KleurprofielenJoboptionsInDesignBenodigdheden & Theorie
  1. Download de zipfile met kleurprofielen: ISOcoated_v2_300_eci.icc en ISOnewspaper26v4.icc
  2. Plaats beiden op je computer in de volgende map:
    1. Mac: [Harddisk]/Bibliotheek/ColorSync/Profiles
      LET OP! In de finder moet je CMD ingedrukt houden om de Bibliotheek in de lijst met locaties te tonen.
    2. Win: [Harddisk]/Windows/System32/spool/drivers/color
  3. Open Photoshop en kies Edit > Color Settings.
  4. Onder Workspaces kies je voor CMYK het profiel: ISO Coated v2 300 (ECI).
  5. Klik op opslaan en bewaar deze instelling als ISO_Coated_v2_300%_(ICE)_Ma.csf in de volgende map:
    1. Mac: [Harddisk]/Bibliotheek/Application Support/Adobe/Color /Settings
    2. Win: [Harddisk]/Users/[gebruikersnaam]/AppData/Roaming /Adobe/Color/Settings
      LET OP! In sommige gevallen krijg je een foutmelding over schrijfrechten. In dit geval sla je de instelling tijdelijk op op je bureaublad en zet je deze via de Finder/Explorer in de juiste map. Daarna zou hij zichtbaar moeten zijn (bij stap 6).
  6. Open Bridge en kies Edit > Color Settings. Indien nodig; vink onderin het venster aan “Expand list of color settings”
  7. Selecteer in deze lijst ISO_Coated_v2_300%_(ICE)_Ma en klik Apply
    (deze stap werkt bij illegale software mogelijk niet).
  1. Stel de juiste joboption in.
    1. Download de zipfile met joboptions.
    2. Pak deze zip uit naar een map op een tijdelijke plek (bijvoorbeeld je Desktop).
    3. Open InDesign en kies File > Adobe PDF Presets > Define…
    4. Vind de uitgepakte map en laad één voor één de joboptions.
  2. Nu gaan we dit testen:
    1. Open een nieuw document in InDesign en kies File > Export…
    2. Geef het bestand een naam en klik op Save.
    3. Kies bij Adobe PDF Preset het gewenste profiel en klik Export.
    4. Zoek het gemaakte PDF’je op op je computer en open deze.
      (Wanneer deze in Voorvertoning opent, selecteer dan de PDF en druk CMD-I. Klik ‘Open met’ en selecteer Acrobat Pro. Dit zorgt ervoor dat PDF’s altijd in Acrobat openen).
    5. In Acrobat Pro klik je op Tools (linksboven).
    6. Zoek de tool Print production (Afdrukproductie) en kies Add (Voeg toe) in het pull-down menuutje onder de tool. De tool verschijnt nu in je toolbar aan de rechterzijde. Sleep de tool hierin naar de bovenste plek zodat je er makkelijk bij kan.
    7. Klik op Print production (Afdrukproductie).
    8. Klik vervolgens op Output Preview (Uitvoervoorbeeld). Onder Simulation Profile zie je welk profiel deze PDF gebruikt.

Als je in InDesign zelf alineastijlen gaat maken start je met de [Basisalinea] stijl. Wanneer de basisinstellingen hier goed staan ingesteld dan voorkomt dat je dit later per stijl apart moet doen.

Woordafbreking

De standaard instelling is een Amerikaanse instelling. De Engelse taal heeft kortere woorden en teksten worden niet afgebroken. In het Nederlands en vele andere talen breken we woorden in zinnen wel af. Om te voorkomen dat dit ‘lukraak’ gebeurt neem je deze instellingen over. Je kan dit later altijd nog wijzigen als je ontwerp daarom vraagt.

Spatiëring

Om een rustiger tekstbeeld te krijgen plaatsen we de letters en woorden iets dichter bij elkaar.

Composer

De composer bepaalt wanneer een woord wordt afgebroken in een zin. De alinea composer wil alle regels even lang maken. Bij elke tekstwijziging worden alle regels herschikt. In links-lijnende Nederlandse teksten is dat niet mooi en ’t is vervelend als je correcties aan het doen bent. Door deze instelling te wijzigen naar Alinea composer enkele regel treedt dit verschijnsel niet op en ontstaat er een regelmatiger beeld in de kolom met links-lijnende tekst.

  1. Stel InDesign op de juiste manier in.
    1. Open InDesign en sluit alle openstaande bestanden.
    2. Selecteer Window > Styles > Paragraph Styles (Alineastijlen).
    3. Dubbelklik [Basic Paragraph] ([Basisalinea]) en neem de volgende instellingen over:
      1. Advanced Character Formats (Geavanceerde tekenopmaak)
        1. Horizontal scale: 100%
        2. Vertical scale: 100%
        3. Baseline shift (verschuiving basislijn): 0 pt
        4. Skew (schuintrekken): 0º
        5. Language (Taal): Dutch Reform 2005 (Nederlands nieuwe spelling)
      2. Hyphenation (Woordafbreking)
        1. Words with at least: 6 letters
        2. After first: 3 letters
        3. Hyphen Limit (Limiet afbreekstreepjes): 3 hyphens (streepjes)
        4. Hyphenation Zone (Afbreekzone): 0 mm
        5. Vink uit:
          1. Hyphenate Capitalized Words (Woorden in hoofdletters afbreken)
          2. Hyphenate Last Word (Laatste woord afbreken)
          3. Hyphenate Across Column (Woorden afbreken in kolommen)
      3. Justification (Uitvulling)
        1. Word Spacing (Woordspatiëring): 80%, 90%, 110%
        2. Letter Spacing (Letterspatiëring): -2%, -1%, 0%
        3. Glyph Scaling (Glyph schaling): 100%, 100%, 100%
        4. Auto Leading (Automatische regelafstand): 120%
        5. Single Word Justification (Uitvullen enkel woord): Full Justify (Volledig uitvullen)
        6. Composer: Adobe Single-line Composer (Adobe Composer enkele regel)
  2. Nu gaan we dit testen:
    1. Open InDesign en sluit alle openstaande bestanden.
    2. Selecteer Window > Type & Tables > Paragraph (Alinea).
    3. Open het contextmenu van het deelvenster en selecteer Justification (Uitvulling). Controleer of de waarden zijn zoals hierboven ingevuld.
    4. Open het contextmenu van het deelvenster en selecteer Hyphenation (Woordafbreking). Controleer of de waarden zijn zoals hierboven ingevuld.
    5. Open een (nieuw) document en selecteer de Type tool.
    6. In eigenschappen bovenin zie je de Taal instellingen. Controleer of deze is ingesteld op Nederlands nieuwe spelling.

De bestanden:

Sites met meer info over het de grafische workflow:

Filmpjes van Tytis Sonnenfeld:

Workflow

Wanneer je nu een opdracht start, dan herhaal je telkens de volgende handelingen om een goede kleurweergave te waarborgen:

  1. Bedenk welk profiel je nodig hebt (RGB, CMYK) voor het doel van je werk.
  2. In Photoshop, Illustrator en/of Indesign selecteer je View > Proof Setup > Custom…
  3. Kies hier het profiel wat je nodig hebt, bijvoorbeeld ISO Coated v2 300 (ECI).
  4. Vink View > Proof Colors aan om je ontwerp in proefkleuren weer te geven.

Controleer altijd wanneer je een PDF voor drukwerk uitvoert of je de juiste kleurprofielen gebruikt en of je de juiste joboptions hebt ingesteld.