Categorie: Niveau 3 – Verdieping

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.webp  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”]

Excalibur

Duur: 2 uur

In Photoshop kun je iets laten gloeien alsof het licht geeft. Daarnaast kun je lichtval creëren door met aanpassingslagen en maskers te werken. In deze oefening ga je het zwaard Excalibur laten gloeien alsof het toverkracht bezit…

Lees verder “Excalibur”

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: 4 uur
Deadline: 11 december

Opdracht

Je maakt een zo realistisch mogelijke vectorillustratie van een product. Je gebruikt hiervoor een foto als onderlegger, die je in Illustrator natekent. Het doel is dat je tekening, op 100% bekeken, zo dicht mogelijk bij de foto komt: dezelfde vormen, dezelfde kleuren, hetzelfde licht en hetzelfde materiaal.

Je werkt uitsluitend in Illustrator. Photoshop is niet toegestaan. Je mag de foto niet vectoriseren (Image Trace) en je mag geen AI-beeldgeneratie gebruiken. In je eindbeeld zitten geen pixels uit de foto. Raster-effecten uit het Effect-menu van Illustrator (zoals Gaussian Blur en Grain) mag je wel gebruiken.

Kies een van de volgende 3 foto’s (klik op de foto om deze te downloaden).

Voorbereiding

  1. Maak in Illustrator een nieuw document aan en plaats de foto (File > Place). Vink ‘Link’ uit, zodat de foto direct wordt ingesloten (embedded).
  2. Zorg dat de foto op 100% wordt geplaatst en zet het artboard op dezelfde afmetingen (Object > Artboards > Fit to Artwork Bounds).
  3. Hernoem de laag met de foto naar ‘Template’. Open het contextmenu van het Layers-palet en kies Template. De foto wordt nu gedimd en op slot gezet.
  4. Maak daarboven de volgende lagen aan, van onder naar boven:
    • Achtergrond en slagschaduw
    • Basisvormen
    • Volume (verlopen en mesh)
    • Schaduw
    • Licht
    • Details
      Gebruik deze lagen tijdens het hele werkproces. Een vorm die schaduw is, staat op de laag Schaduw, enzovoort.
  5. Ga naar Effect > Document Raster Effects Settings en zet de resolutie op 300 ppi. Doe dit voordat je effecten als Gaussian Blur gebruikt, anders worden ze later grof.

Werkwijze

Stap 1 – Analyseer de foto (± 30 min)

Voordat je één lijn tekent, bestudeer je de foto. Zoom in tot minimaal 200% en loop het hele product af. Beantwoord voor jezelf (of schrijf op in een tekstvak buiten je artboard):

  • Uit welke onderdelen bestaat het product? Welke delen liggen voor of achter andere delen?
  • Uit welke materialen bestaat het? Denk aan glas, mat of glanzend plastic, metaal, stof, rubber. Elk materiaal vraagt een andere aanpak (zie stap 6).
  • Waar komt het licht vandaan? Waar zitten de lichtste en de donkerste punten?
  • Welke randen zijn hard (scherpe overgang) en welke zijn zacht (vloeiende overgang)?
  • Waar zitten reflecties, glimlichten (highlights), eigen schaduw en slagschaduw?
    Teken eventueel op een tijdelijke laag met een felle kleur grove lijnen om de licht- en schaduwzones aan te geven. Deze laag verwijder je aan het eind.
Stap 2 – Teken de basisvormen (± 1 uur)

Teken op de laag Basisvormen alle onderdelen van het product als gesloten vormen.

  • Gebruik voor rechte en vrije vormen de Pen Tool. Gebruik zo min mogelijk ankerpunten: zet punten op de uiteinden van bochten en niet midden in een bocht. Een strak pad met weinig punten ziet er realistischer uit dan een hobbelig pad met veel punten.
  • Gebruik voor geometrische vormen de vormgereedschappen (Ellipse, Rectangle, Rounded Rectangle). Een cirkel teken je niet met de Pen Tool.
  • Is een onderdeel symmetrisch? Teken dan één helft en spiegel deze met de Reflect Tool. Voeg daarna beide helften samen met de Shape Builder.
  • Gebruik de Shape Builder om vormen samen te voegen of op te splitsen in onderdelen.
  • Laat vormen die tegen elkaar aan liggen iets overlappen (de achterste vorm iets groter), zodat er geen witte kieren ontstaan.
  • Geef elke vorm tijdelijk een egale kleur en geen lijn (stroke). Lijnen gebruik je alleen waar het product zelf een lijn heeft (bijvoorbeeld een stiksel).
    Controleer je vormen in Outline-weergave (Ctrl/Cmd+Y): zie je overbodige punten, open paden of rommelige overlap? Los dit nu op, niet aan het eind.

Bronnen

Stap 3 – Bepaal de kleuren (± 15 min)
  • Neem met de Eyedropper kleuren over uit de foto. Kies daarbij steeds de middentoon van een vlak, niet de lichtste of donkerste plek. Licht en donker voeg je later toe.
  • Sla de kleuren op als stalen (Swatches), bij voorkeur als Global Color. Zo kun je later een kleur aanpassen zonder alles opnieuw in te kleuren.
  • Let op: de foto is gedimd door de template-laag. Zet de laag tijdelijk terug naar normaal (dubbelklik op de laag, vink Dim uit) als je kleuren wilt vergelijken.
Stap 4 – Geef volume met verlopen en mesh (± 1,5 uur)

Een vlak met één kleur ziet er plat uit. Op de laag Volume geef je de vormen ronding en diepte. Kies per vorm de techniek die het beste past:

  • Lineair verloop: voor vlakken die gelijkmatig van licht naar donker lopen, zoals de zijkant van de puntenslijper.
  • Radiaal verloop: voor ronde, bolle vormen, zoals de basis van de knikker. Verplaats het middelpunt van het verloop naar de kant van de lichtbron en rek het verloop uit met de Gradient Tool.
  • Freeform gradient: voor vormen met meerdere licht- en donkerplekken. Je plaatst kleurpunten op de plek waar de foto die kleur heeft.
  • Gradient Mesh: voor complexe, vloeiende overgangen, zoals de plooien in het t-shirt of een gebogen glanzend oppervlak. Begin met een eenvoudige vorm en zo min mogelijk meshlijnen (Object > Create Gradient Mesh met bijvoorbeeld 2 rijen en 2 kolommen, of klik met de Mesh Tool). Voeg alleen lijnen toe waar dat nodig is. Geef elk meshpunt een kleur uit de foto met de Eyedropper. Te veel meshlijnen maken je vorm onbeheersbaar.
  • Meerdere verlopen stapelen: je kunt in het Appearance-palet meerdere fills op één vorm zetten, elk met een eigen verloop en blendmode.

Bronnen

Stap 5 – Licht en schaduw (± 1 uur)

Teken schaduwen en lichten als aparte vormen bovenop de basis, op de lagen Schaduw en Licht.

  • Schaduwen: teken de schaduwvorm, kleur deze donker en zet de blendmode op Multiply. Zo blijft de kleur eronder zichtbaar. Pas de dekking (opacity) aan tot het klopt met de foto.
  • Lichten: teken de lichtvorm, kleur deze licht (wit of een lichte tint) en zet de blendmode op Screen of laat hem op Normal met lagere dekking.
  • Harde randen (scherpe glimlichten, scherpe schaduwranden): laat de vorm scherp.
  • Zachte randen: gebruik Effect > Blur > Gaussian Blur, of gebruik een opacity mask met een verloop van wit naar zwart om een vorm geleidelijk te laten verdwijnen.
  • Zorg dat schaduw en licht niet buiten het object uitsteken: zet ze in een clipping mask met de basisvorm, of gebruik Draw Inside (Shift+D).
  • Slagschaduw: teken op de laag Achtergrond en slagschaduw de schaduw die het product op de ondergrond werpt. Een slagschaduw is vlak bij het product het donkerst en scherpst, en wordt verderop lichter en zachter. Kijk ook naar de contactschaduw: de donkere lijn precies waar het product de ondergrond raakt.
    Controleer steeds: komt al het licht van dezelfde kant als in de foto?

Bronnen

  • Opacity mask met verloop (tekst + video): Logos by Nick. Laat zien hoe je met een zwart-wit verloop als opacity mask een vorm geleidelijk transparant maakt; zwart wordt transparant, wit blijft dekkend. Bruikbaar voor zachte lichten en schaduwen. logosbynick.com/transparent-gradient-mask-with-illustrator
  • Highlights met opacity masks (tekst): Shapeshed. Hier wordt een vorm met een highlight gemaakt via een opacity mask, waarbij de lichtbron linksboven wordt nagebootst. Kort en goed als aanvulling. shapeshed.com/illustrator-101-opacity-masks
Stap 6 – Materiaal en details (± 1 uur)

Zoom opnieuw in tot minimaal 200% en zoek wat je nog niet hebt getekend. Werk op de laag Details. Denk per materiaal aan het volgende:

  • Glas en transparantie: je ziet door het materiaal heen, vaak vervormd. Teken wat er binnenin of erachter zit en plaats dat in een clipping mask met de buitenvorm. Gebruik lage dekking en blendmodes. Glas heeft vaak zeer scherpe, felle glimlichten en een donkere rand. Let op licht dat door het glas valt en in de slagschaduw terechtkomt.
  • Metaal en glanzend plastic: sterk contrast tussen licht en donker, vaak in scherpe banden naast elkaar. Reflecties van de omgeving zijn zichtbaar. Gebruik meerdere stops in je verloop dicht bij elkaar voor scherpe overgangen.
  • Mat plastic en rubber: zachte overgangen, weinig contrast, geen of zeer zachte glimlichten.
  • Stof: plooien bestaan uit zachte schaduwen en lichten (mesh of geblurde vormen). Stiksels teken je met een stroke met een stippellijn (Stroke-palet > Dashed Line), eventueel met een lichte schaduwlijn ernaast. Structuur van de stof kun je benaderen met Effect > Texture > Grain of Texturizer op een aparte vorm met lage dekking.
  • Kleine onderdelen: schroefjes, randjes, naden, opdruk, krasjes, randen die het licht vangen (een dunne lichte lijn op de rand van een vorm maakt het vaak direct realistischer).
    Teken alleen details die echt in de foto staan.

Bronnen

Stap 7 – Controleer en vergelijk (± 30 min)
  • Verberg de template-laag en bekijk je tekening op 100%. Zet daarna de template weer aan en vergelijk.
  • Leg je illustratie en de foto naast elkaar (kopieer de foto tijdelijk buiten het artboard) en vergelijk vorm, kleur, contrast en licht.
  • Knijp je ogen tot spleetjes: kloppen de grote licht- en donkervlakken? Zo niet, pas eerst die aan voordat je aan details werkt.
  • Controleer in Outline-weergave (Ctrl/Cmd+Y) of er geen losse punten, lege paden of overbodige vormen zijn (Object > Path > Clean Up).
  • Verwijder eventuele hulplagen uit stap 1.

Tips

  • Werk van groot naar klein en van grof naar fijn. Eerst moeten de grote vormen en de grote licht- en donkervlakken kloppen. Details maken een tekening met verkeerde verhoudingen niet beter.
  • Werk van donker naar licht: leg eerst de middentoon neer, daarna de schaduwen, en de felste lichten als laatste.
  • Bij de Mesh Tool: Shift+klik voegt een meshlijn toe zonder de kleur te veranderen. Alt/Option+klik op een meshlijn verwijdert die lijn.
  • Een Gaussian Blur hangt af van de grootte van de vorm. Schaal je een vorm met een blur? Zet dan in de voorkeuren ‘Scale Strokes & Effects’ aan, anders klopt de blur niet meer.
  • Een Global Color aanpassen past de kleur overal in je tekening aan. Handig als je achteraf merkt dat een kleur te verzadigd is.
  • Gebruik Lock (Ctrl/Cmd+2) en Hide (Ctrl/Cmd+3) voor vormen waar je even niet aan werkt, zodat je niet steeds het verkeerde selecteert.
  • Een kleur uit de foto ziet er in je tekening vaak doffer of anders uit. Vertrouw op je ogen, niet blind op de Eyedropper.
  • Sla regelmatig op, en sla tussentijds een kopie op (bijvoorbeeld na stap 2 en na stap 4). Mesh en blur kunnen je bestand zwaar maken.
  • Kom je er niet uit? Kijk terug in de lessen Opacity Masks en Gradients Verdieping.

Materialen & Bronnen

Succescriteria

Vorm

  • De vormen volgen nauwkeurig de contouren van het product in de foto.
  • Paden zijn strak, met zo min mogelijk ankerpunten. Geometrische vormen zijn met vormgereedschap getekend.
  • Alle vormen zijn gesloten en er zijn geen kieren tussen aangrenzende vormen.

Kleur en volume

  • De kleuren komen overeen met de foto.
  • Het product heeft volume door het gebruik van verlopen (lineair, radiaal of freeform) en/of gradient mesh, passend bij de vorm.

Licht en schaduw

  • Licht en schaduw zijn consistent met de lichtbron in de foto.
  • Schaduwen en lichten zijn als aparte vormen getekend, met passende blendmodes, dekking, opacity masks en/of blur.
  • Harde en zachte overgangen komen overeen met de foto.
  • Er is een slagschaduw en contactschaduw op de ondergrond.

Materiaal en detail

  • De materiaaleigenschappen (bijvoorbeeld transparantie, glans, matheid, stofstructuur) zijn herkenbaar weergegeven.
  • Details uit de foto zijn bestudeerd en nagemaakt (bijvoorbeeld reflecties, stiksels, randen, kleine onderdelen).
  • Op 100% bekeken nadert de illustratie fotorealisme.

Werkwijze en bestand

  • Het bestand heeft de lagenstructuur uit de voorbereiding, en vormen staan op de juiste laag.
  • De foto is ingesloten en ingesteld als Template-laag.
  • De Document Raster Effects Settings staan op 300 ppi.
  • Er is geen Image Trace, AI-beeldgeneratie of Photoshop gebruikt, en het eindbeeld bevat geen pixels uit de foto. Is dit wel het geval, dan wordt de opdracht niet beoordeeld.

Inleveren

  • Bestandstype: één Adobe Illustrator (AI) werkbestand met ingesloten foto

 

Design Magazine

Je gaat twee spreads en een cover ontwerpen voor een Design Magazine. Je hebt hiervoor vier weken de tijd. Je leert in deze opdracht een bestaand tijdschrift te analyseren en op basis hiervan een stramien-pagina (master) op te zetten. Je leert een bestand op een technisch correcte wijze op te zetten en gebruik te maken van alineastijlen en tekenstijlen. Je leert je ontwerp in te vullen met aangeleverde kopij en een automatische inhoudsopgave te maken. Daarnaast leer je hoe je drukgeschikt aan moet leveren.

Lees verder “Design Magazine”

Afbeeldingen op internet

Duur: 4 uur

Iedereen gebruikt afbeeldingen die worden gevonden op internet. Op zich niets mis mee, als je maar weet waar je op moet letten. Het komt veel voor dat gevonden afbeeldingen te klein zijn of van te lage kwaliteit. Daarnaast is er ook weinig aandacht voor gebruikslicenties.

Tijd: 4 uur

Lees verder “Afbeeldingen op internet”

Burn baby!

Tijd: 90 min

Maskers zijn krachtige instrumenten om moeilijke bewerkingen te doen. Bijvoorbeeld het selecteren, knipppen en plakken van vlammen. In combinatie met de juiste layer effects en adjustment layers is het mogelijk om een fotorealistisch beeld te maken.

Lees verder “Burn baby!”