Vectorvormen in Illustrator
Digitaal
Digitaal
Je gaat voor het project Iconisch Rotterdam een illustratie maken voor op de cover.
De bekende Erasmusbrug gaan jullie in Illustrator overtrekken zodat er een vector illustratie ontstaat die op de cover van jullie boekje geplaatst wordt. We doen dit door gebruik te maken van de pen tool, pathfinder- en de shapebuilder tool.
Je kan met de Pen Tool, Pathfinder- en Shapebuilder tool in Adobe Illustrator eenvoudige en complexe vormen tekenen door ankerpunten en paden op een gecontroleerde manier toe te passen.
Je kan het verschil uitleggen tussen vector- en rasterafbeeldingen, en vectoren toepassen bij het maken van schaalbare ontwerpen in Illustrator.
Je kan uitleggen wat artboards zijn in Illustrator en deze effectief instellen en organiseren binnen een ontwerpdocument.
De theorie wordt door je docent klassikaal uitgelegd.
Je gaat deze opdracht individueel uitvoeren. Uiteraard kun je wel met je groepsgenoten overleggen.
Voor het project kies je als groep de beste skyline uit en wordt uiteindelijk op de cover van jullie boekje geplaatst.
Apple/Windows computer
Adobe Illustrator
One Drive + Externe harde schijf
Als je een laptop gebruikt heb je daarop de Engelstalige versie van Adobe Creative Cloud nodig.
Wat zijn Artboards in Illustrator?
In Illustrator is een artboard (tekengebied) vergelijkbaar met een vel wit papier dat de basis vormt voor je artistieke werk. Er kunnen meerdere artboards in één document bevatten die je los van elkaar kan aanpassen, verplaatsen, dupliceren en herschikken. Dit maakt het werken in grote projecten erg gemakkelijk en overzichtelijk.
Over het algemeen werk je voor één ontwerp met ook maar één of twee artboards. Bijvoorbeeld bij het ontwerpen van je logo maak je eerste ruwe variaties (ideeën vormen) op de eerste artboard en de tweede gebruik je om je definieve ontwerp en details aan te passen.
Hoe gebruik je de Pen-tool?
Voordat je gaat tekenen, selecteer je de tool Pen en stel je in het deelvenster Eigenschappen de lijndikte in op 1 pt, en zet je de kleur op zwart en de vulkleur op 'geen'.
Laten we beginnen bij rechte lijnen, die maak je door simpel weg één keer te klikken, je maakt dan een ankerpunt aan. Klik ergens anders nog een keer en je maakt een rechte lijn.
Wil je een gebogen(curved) lijn? Houdt dan bij de tweede keer dat je een ankerpunt aanmaakt je muis ingedrukt en beweeg je muis tegelijk.
Wil je van een gebogen lijn naar een rechte lijn? Klik dan nogmaals op het laatste ankerpunt van je gebogen lijn.
Met meerdere lijnen kan je dus vormen maken. Deze moet je dan wel sluiten. Als je vormen wilt sluiten krijg je bij je cursor rechtsonder een klein cirkeltje te zien.
Wat zijn vectoren?
Vectoren zijn vormen die zijn opgebouwd uit lijnen, punten en curven in plaats van pixels. Adobe Illustrator werkt met vectoren.
Vectorafbeeldingen blijven altijd scherp, hoe ver je ook inzoomt of hoe groot je ze ook maakt. Dat komt omdat ze gebaseerd zijn op wiskundige formules. In tegenstelling tot pixel afbeeldingen in Photoshop (ook wel rasterafbeeldingen genoemd). Als je die te veel vergroot, worden de bestaande pixels uitgerekt, wat resulteert in een groter, maar minder gedetailleerd en wazig beeld.
Wat is de Pathfinder en Shapebuilder tool?
De Pathfinder is een paneel met knoppen die je helpen vormen met elkaar te combineren of te splitsen. Maak van meerdere vormen één nieuwe vorm of haal bijvoorbeeld juist overlappende delen weg.
De Shapebuilder Tool doet eigenlijk vrijwel hetzelfde als de pathfinder maar is een meer visuele en intuïtieve manier van werken. Ontdek welke tool voor jou het fijnst werkt!
Open een nieuw document in Illustrator. En stel het volgende in:
Bestandsnaam: SkylineRotterdam_naam
Width: 210 mm
Height: 210 mm
Artboards: 2
Color mode: CMYK
Klik op Create document.
Kies vervolgens hier een afbeelding van de skyline van Rotterdam. Kijk even goed, er zitten verschillende niveau's tussen. Van makkelijke skylines tot meer uitdagende skylines.
Download de skyline die je gaat gebruiken op je bureaublad.
Maak twee lagen aan in je document. Noem laag 1 > Skyline. Hierin komt de afbeelding van je skyline te staan. Laag 2 noem je > Illustratie.
Je gaat van de laag Skyline een template layer maken. Dit doe je door op het witte vierkantje van de laag dubbel te klikken. Hiermee krijg je de optie om het vakje template aan te vinken. De laag staat hiermee op slot, en wordt doorzichtig. Je kunt e.v.t. dit getal aanpassen om het nog doorzichter te maken, 20% of juist minder doorzichtig 80%.
Voordat je gaat tekenen ga je de artboards verplaatsen. De skyline komt namelijk op de cover te staan van het boekje. Deze loopt door in de achtergrond. Om dit naadloze effect te kunnen creëren ga je de artboards precies naast elkaar zetten.
Ga naar de Art board tool (zie afbeelding) en schuif hiermee het 2e art board tegen de de linkerkant van de 1e aan. Straks met exporteren maakt dit het makkelijker om over te zetten naar InDesign.
Artboard 02 staat aan de linkerkant van Artboard 01. Artboard 01 is dus de voorkant!
Zet de skyline afbeelding over de twee artboards heen in de juiste laag. Kies een positie die jij mooi vind.
Nu staat alles klaar om in bovenste laag genoemd Illustratie aan je vector illustratie te gaan werken.
Je gaat nu een afbeelding van een skyline overtrekken in Illustrator. Hiervoor kun je verschillende gereedschappen gebruiken, maar de Pen Tool is het meest geschikt. Met dit gereedschap kun je zowel strakke rechte lijnen als vloeiende, gebogen vormen maken.
De meeste gebouwen in een skyline hebben rechte lijnen en scherpe hoeken, dus je kunt de basisvormen vrij makkelijk opzetten. Kleine details kun je eventueel later als losse vormen toevoegen.
Let op:
Als je begint te tekenen, zie je dat je lijn zwart is, maar dat er ook automatisch een wit vlak (vulkleur) in je vorm verschijnt. Dat kan soms onhandig zijn tijdens het tekenen.
👉 Tip: Zet de vulkleur tijdelijk uit, zodat je alleen de lijnen ziet. Zet de vulkleur pas weer aan als je vorm af is, en verander die dan naar zwart als dat nodig is. Of gebruik Cmnd+Y om de opmaak (lijn en vulkleur) onzichtbaar te maken. Je ziet enkel de lijnen. Draai het weer terug met Cmnd+Y om de vulling weer zichtbaar te maken.
Pen Tool
Pathfinder
Shapebuilder
Kies de Pen Tool (sneltoets: P).
Klik op het canvas om te beginnen met een ankerpunt. Klik daarna ergens anders nog een keer om direct een rechte lijn te maken.
Houdt de muisknop ingedrukt op weer een andere plek en beweeg de muis om een gebogen lijn te maken.
Maak meerdere ankerpunten om een vorm te tekenen.
Klik weer op het eerste ankerpunt om de vorm te sluiten.
👉 Tip: Gebruik zo min mogelijk punten voor een strakkere vorm.
Selecteer twee of meer vormen.
Open het Pathfinder-paneel. Te vinden onder menu: Venster > Pathfinder
Kies een functie, zoals:
Unite = vormen samenvoegen.
Minus Front = bovenste vorm wordt van de onderste vorm afgehaald. (Er wordt een hap uit genomen)
Intersect = alleen het overlappende deel blijft over.
De vormen zijn nu één nieuwe vorm.
👉 Tip: Gebruik dit voor het maken van complexe vormen uit simpele basisvormen.
Teken eerst overlappende vormen (bijvoorbeeld cirkels of vierkanten).
Selecteer alle vormen.
Kies de Shapebuilder Tool (sneltoets: Shift + M).
Beweeg je muis over de vakjes:
Sleep erover om ze samen te voegen.
Houd Alt (Option) ingedrukt en klik om een deel weg te halen.
De vormen zijn nu één nieuwe vorm.
👉 Tip: Dit is een snelle, visuele manier om vormen te bewerken.
Maak de skyline af. Je kunt zelf bepalen welke details je laat zien. Maar let op, sommige details zijn bepalend om het gebouw te herkennen.
Als je klaar bent sla je het document op als illustrator document op als je dit nog niet had gedaan.
File > Save as. Geef de volgende naam: SkylineRotterdam_jouwnaam
Wist je dat je ChatGPT kunt vragen om extra verduidelijking?
Ook vind je ontzettend veel video's op youtube en SoftTalk.
Interessante tutorials/bronnen:
Wat vond je goed gaan?
Wat kon er beter?
Heb je wellicht nieuwe dingen geleerd door zelf te experimenteren?
Of heb wellicht bij een klasgenoot gekeken en daar iets van opgestoken?