Welkom bij de eerste kennismakingsles van Adobe Illustrator. Vandaag ga je ontdekken hoe je met een paar eenvoudige tools al verrassend sterke ontwerpen kunt maken. Illustrator is een van de standaard in de creatieve industrie, en deze les legt de basis voor alles wat je later gaat doen.
Bij deze opdrachten wordt ervan uit gegaan dat de installatie van Adobe Illustrator in het Engels staat.
Wat ga je vandaag leren
In deze les werk je met de belangrijkste basistools van Illustrator:
Shapes – cirkels, rechthoeken, polygon en meer
Selectietools – objecten verplaatsen, schalen en roteren
Kleur aanpassen – werken met vulkleuren via het Properties-paneel
Vormen aanpassen - dit doe je met verschillende tools.
Je leert hoe je vormen combineert, schaalt en aanpast om zo tot een eigen character te komen.
Onthoud dat het niet gaat om direct het perfecte ontwerp te maken, maar om te experimenteren, te proberen en ervan te leren. Elke creatie die je maakt, helpt je om beter vertrouwd te raken met het programma.
Blijf nieuwsgierig, durf nieuwe dingen uit te proberen en wees niet bang om fouten te maken. Juist door te oefenen ontwikkel je jouw creatieve vaardigheden
Stap 1: Open Illustrator
Stap 2: Hierna maak je een nieuwe bestand aan. Klik op New file (blauwe knop).
Stap 3: Nu wordt er een nieuw venster geopend. Klik Print bovenaan en kies dan A4 en geef het de volgende benaming Oefen_Opdracht. Klik hierna op Create (blauwe knop) rechts onder
Als het goed is zie je nu het volgende in beeld een wit vel met allemaal tools aan de linkerkant. Zie voorbeeld hieronder.
Met de Selection Tool kan je objecten selecteren. (Zwarte pijl)
Met de Direct Selection Tool (Witte pijl) kan je objecten selecteren en veranderen van vorm.
Hiermee maak je basis vormen. Wanneer je Cmnd/Ctrl knop in klikt maak je een perfect vierkant of cirkel
Wanneer je een basisvorm hebt geselecteerd en sleept over je werkblad dan maak je de vorm.
Wanneer je een basisvorm selecteerd en 1x klikt op je werkveld dan kan je maten invoeren hoe groot je iets wilt over andere properties.
Met deze tool kan je verschillende vormen samenvoegen of vormen uit een vorm halen en dit tot een nieuwe vorm maken.
Dit doe je wanneer je eerst alle vormen geselecteerd hebt met de Selection Tool. Daarna klik op de Shapebuilder Tool en sleep je met je muis over de gemaakte vormen.
Om vormen uit andere vormen te halen selecteer je eerst weer met de Selection Tool alle vormen. Daarna druk je op de Option/Alt toets en dan op de Shapebuilder Tool en klik je de vorm aan die je eruit wil snijden.
Hier mee kan de vorm mee draaien.
Met het vergrootglas kan je in/uitzoomen op je werkveld.
Option/Alt toets indrukken op uit te zoomen
Met het handje kan je over je werkveld heen bewegen van links naar recht van boven naar beneden.
Wanneer je dubbel klikt op het vierkantje komt er een nieuw window te voorschijn waar je jouw kleur kan kiezen.
Met deze tool kan je kleuren overnemen die je al eerder hebt gebruikt op een vorm die je net hebt aangemaakt.
Je gaat nu heel even oefen met de verschillende tools die hierboven zijn uitgelegd.
OEFENING 1
Maak de volgende verschillende vormen en geef ze een kleur
Rechthoek
Driehoek
Vierkant
Ellipse
Cirkel
VOORBEELD
OEFENING 2
Zoom nu is helemaal uit tot je niet meer verder kunt. Hoeveel % ben je dan helemaal uitgezoomd? En zoom dan weer terug naar 50%
VOORBEELD
OEFENING 3 A
Als je goed hebt opgelet tijdens het maken van de vormen, dan heb je misschien gezien dat er in de hoek van elk object een klein rondje staat. Wanneer je op dit rondje klikt en vervolgens met je muis sleept, kun je de hoeken van de vorm afronden.
Door verschillende afrondingen te gebruiken, kun je je ontwerp een zachtere en vriendelijkere uitstraling geven. Experimenteer hier gerust mee om te ontdekken welk effect het heeft op jouw vorm.
Selecteer nu met de Selection Tool de vormen die je net gemaakt hebt en maak alle hoeken rond. En maakt bij de het cirkel een PacMan mannetje van.
VOORBEELD
OEFENING 3 B
Als je goed hebt opgelet tijdens het maken van de vormen, dan heb je misschien gezien dat er in de hoek van elk object een kleinvierkantje staat. Wanneer je met je muis er net boven zet kan je ook jouw vorm roteren dit is net wat sneller dan met de Rotatie Tool.
Probeer dit ook eens uit en zet de verschillende vormen en draai deze is.
OEFENING 4
Je gaat hier nu een kleine regen wolk maken met behulp van de Shape Builder Tool. Maar nu eerst drie verschillende cirkels en rechthoek en rond hier de hoeken vanaf.
Hierna selecteer je alle vormen met de Direct Selection Tool en klik je op de Shape Builder Tool en ga je over alle vormen heen zodat ze aan elkaar vast zitten.
De laatste stap is de wolk nog een grijze kleur te geven zonder lijn.
TIP: Om meerdere vormen te gelijk te selecteren kan je Shift toets indrukken en de vormen aan klikken.
En sneller manier is wanneer je de Direct Selection Tool geselecteerd hebt een vierkant om de vormen trekt zo selecteert hij alles binnen dat vierkant.
OPSLAAN
De oefening die je nu gemaakt hebt wil je niet kwijt raken dus deze moet je nog even moeten gaan opslaan.
En waar moet je deze dan opslaan deze sla je op in de OneDrive van school en op je eigen computer.
Als het goed is heb je een goede mappen structuur al aangemaakt op de OneDrive en ook op je eigen computer.
TIP: Sla altijd eerst je werk op, op het bureaublad (Desktop) en verplaats daarna het bestand naar de OneDrive en naar jouw eigenmap op je computer.
Hoe sla je nu werk op?
Bij verschillende programma's zeker alle Adobe Pakketen vind je altijd links boven in File staan.
Hier vind je dan verschillende manieren om op te slaan Save, Save As.., Save a Copy
Save = Deze gebruik je als je aan het begin van het aanmaken jou bestand al een goede naam hebt gegeven. En als hij al een keer is opgeslagen dan vervang je als ware het vorige bestand waarin je gewerkt hebt.
Save As = Deze gebruik je als je nog geen goede naam hebt gegeven aan begin van het aanmaken van je document. Of om als je hem onder een andere naam wilt opslaan. Uiteraard kan je dit ook gebruiken als je meerdere versies van een bestand wilt opslaan.
Save a Copy = Deze gebruik je als je van je werkt bestand waar je aan in het werken bent ook eventueel een plaatje van wilt opslaan een .jpg bestand.
Bestand opslaan
Om nu de Oefen_opdracht op te slaan kies je voor File-->Save
Nu opent er een nieuw Window en hierin geef je aan dat je het op je Bureaublad (Desktop) op wilt slaan. En klik je op Save
Op een Mac zal het scherm voor het opslaan er iets anders uitzien.
Wanneer het bestand op je bureaublad (Desktop) staat. Upload je deze naar de map in je Onedrive en sleep je deze naar jou desbetreffende map van jouw eigen computer.
En upload je het bestand bij de opdracht op Teams.
Stap 1: Maak een nieuw bestand aan en noem dit Hoofd_Character.
Dit doe je door links boven in op File-->New te klikken
Stap 2: Nu wordt er een nieuw venster geopend. Klik Print bovenaan en kies dan A4 en geef het de volgende benaming Hoofd_Character. Klik hierna op Create (blauwe knop) rechts onder.
OEFENING 5
Je gaat nu een hoofd maken hiervoor gebruikje de volgende basis vormen. Rechthoek, Vierkant, Cirkel, Ellipse hier gebruik je wel een Fill color voor maar geen Outline
Stap 1: Ogen
Dupliceren
Maak een Ellipse niet te groot want dat word een oog. Om nu een oog de dupliceren selecteer je eerst het oog met de Selection Tool.
Nu kun je Cmnd/Ctlr+C (kopieren) en dan Cmnd/Ctlr+V (plakken) doen. Zoals in veel andere programma's.
Maar binnen Illustrator is het veel makkelijker om Option/Alt te klikken en dan te slepen op de vorm en dan heb je ook een duplicaat.
Stap 2: Hoofd
Arrange (Bring to Front, Bring Forward, Send Bakward, Send to Back)
In Illustrator wanneer je een vorm maakt plaats hij de nieuwe vorm altijd over de oude vorm heen. Om nu er nu voor te zorgen wanneer je een vorm gemaakt hebt achter een andere vorm te plaatsen kun je dit via Arrange doen of via Layers (hier later meer over)
Nu maak je een rechthoek over de ogen heen.
Wanneer de rechthoek is geselecteerd klik je op je rechtermuis knop (RMB) Dan ga je naar Arrange-Send to Back.
Of je gaat boven in het scherm naar Object-Arrange-Send to Back
Stap 3: Hoofd
Afrondingen
Het hoofd is nu nog wat rechthoekig daar ga je wat aan doen. Selecteer het rechthoek en klik op het linker rondje onderin het rechthoek zoals bij Oefening 3.
Klik nu op Shift Toets en klik dan op je het rechter rondje onderin het rechthoek. Als het goed is zijn deze 2 nu meer opgelicht dan de bovenste 2 rondjes. Nu sleep je met je muis iets naar boven om de beide onderkanten wat af te ronden.
Stap 4: Mond
Direct Selection Tool
Maak nu een nieuwe Elipse met een witte kleur en geen outline aan. Dit word de mond en dit wil je net een andere vorm laten worden. Hier gebruik je dan de Direct Selection Tool voor. Selecteer de Elipse nu met de Direct Selection Tool en klik dan op het bovenste puntje. Net als hiernaast is. En dit punt kun je nu iets verplaatsen zodat het een in interessante mond gaat krijgen.
Stap 5: Oren (A)
Dupliceren - Eyedropper
Nu ga je de oren maken gebruik op nieuw de Ellipse met een witte kleur. Zet deze aan zijkant van het hoofd waar jij het oor wilt hebben. Dupliceer deze nu ook voor de andere kant zoals uit gelegd bij Stap 1
Selecteer nu de oren met de Selection Tool en klik op het Eyedropper Tool icoontje. Hierna klik je ergens op het hoofd waar je de kleur van over wilt nemen en je zal zien dat de oren de zelfde kleur worden als het hoofd.
Op deze manier kan je snel kleuren veranderen.
Stap 5: Oren (B)
Je kan nu met de verschillende technieken die je net geleerd heb ook de binnenkant van het oor maken.
Maak dan een Ellipse wat kleiner en een iets andere kleur dan het oor zelf.
Deze plaats je dan achter het hoofd zoals in Stap 2 gedaan is alleen hier moet je nu even zelf kijken welke je zou moeten gebruiken. En het kan zijn dat je verschillende vormen ook naar voren of achter moet plaatsen. Experimenteer hier eens mee.
Stap 5: Haar
Ieder haar is anders hier zal je dus zelf een beetje creatief moeten zijn om een leuk haar type te maken. Dit kan je dus al heel makkelijk doen door gebruik te maken van de basis vormen. Deze zal je soms samen moeten voegen met de Shape Builder Tool en ook weer met de Arrange te spelen of het helemaal voor aan moet of juist op de achtergrond.
Kleine samenvatting van Oefening 5
Als je alles nu goed gedaan hebt heb je verschillende stappen doorlopen en heb je een hoofd gemaakt naar eigen smaak. Je kan dit hoofd ook als basis gaan gebruiken voor de opdracht hier onder. Dan heb je al een goed basis om van uit te gaan.
OPSLAAN
De oefening die je nu gemaakt hebt wil je natuurlijk ook niet kwijt raken dus deze zal je nog even moeten gaan opslaan.
Bestand opslaan
Om nu het Hoofd_Character bestand op te slaan kies je voor File-->Save
Je bestand wordt dan opgeslagen als een Hoofd_Character.ai dit wil zeggen dat het een werkbestand is en deze altijd nog kan aanpassen later.
Dit doe je natuurlijk alleen als je als het bestand al een goede naam hebt gegeven toen je het bestand hebt aangemaakt.
Nu opent er een nieuw Window en hierin geef je aan dat je het op je Bureaublad (Desktop) op wilt slaan. En klik je op Save
Op een Mac zal het scherm voor het opslaan er iets anders uitzien.
Wanneer het bestand op je bureaublad (Desktop) staat. Upload je deze naar de map in je Onedrive en sleep je deze naar jou desbetreffende map van jouw eigen computer.
En upload je het bestand bij de opdracht op Teams.
Selection Tool = V
Direct Selection Tool = A
Rectangle = M
Ellipse = L
Shape Builder = Shift + M
Rotatie = R
In/UIzooem = Ctrl/Cmnd + +-
Pannen = Spatiebalk
Eydropper = I
Om nog meer Shortcuts te leren van Illustrator klik hier om de cheatsheet te downloaden
Wat ga je nu maken met de technieken die je net hebt geleerd? Je gaat een Flat Design Character van jezelf ontwerpen om jezelf aan de rest van de klas voor te stellen. Tijdens de volgende les worden alle ontwerpen uitgeprint en aan elkaar getoond. Iedereen heeft een eigen stijl, dus laat je inspireren door het werk van je klasgenoten en ontdek hoe verschillend dezelfde opdracht kan worden uitgewerkt.
In de laatste 30 min van de les ga je de opdracht uitprinten
Flat design is een tweedimensionale, minimalistische ontwerpstijl waarbij alle overbodige effecten worden weggelaten. Het draait om eenvoudige vormen, effen kleuren, strakke typografie en geen schaduwen, texturen of 3D‑effecten. Daardoor oogt het ontwerp rustig, overzichtelijk en modern.
Minimalistische vormen — ontwerpen bestaan uit simpele shapes zoals cirkels, rechthoeken en iconische silhouetten.
Effen kleuren — felle of contrasterende kleuren zonder verloop of schaduw.
Geen 3D‑effecten — dus geen glans, texturen, reliëf of realistische details.
Duidelijke typografie — meestal strakke sans‑serif lettertypen.
Rust en overzicht — veel witruimte en een heldere hiërarchie.
Sneller en lichter — minder grafische effecten betekent snellere laadtijden.
Goed schaalbaar — werkt perfect op verschillende schermformaten (responsive design).
Duidelijk en gebruiksvriendelijk — gebruikers zien sneller wat belangrijk is.
Modern en tijdloos — veel grote merken (Apple, Google, Microsoft) gebruiken het
Wanneer je aan jezelf denkt, probeer dan jouw persoonlijke eigenschappen terug te laten komen in het ontwerp. Ben je bijvoorbeeld altijd vrolijk? Maak dan een character dat lacht. Draag je je haar vaak in een staart? Laat dat dan ook zien in je ontwerp. Heb je een bril? Voeg die dan toe aan je character.
Ook je interesses mogen terugkomen. Houd je bijvoorbeeld van metal en draag je vaak zwarte kleding? Verwerk dit dan in je ontwerp. Draag je vaak sieraden? Laat die dan zien. Ben je gek op sneakers? Zorg er dan voor dat jouw character die ook draagt.
Kortom: maak een character dat echt laat zien wie jij bent. Hoe meer persoonlijke kenmerken je toevoegt, hoe beter anderen jou straks kunnen herkennen in jouw ontwerp. Wanneer je dit weet ga je beginnen met je ontwerp.
Wil je nog meer geinspireerd worden zoek dan in google op flat design character en klik op afbeeldingen dan zie je nog meer voorbeelden.
Stap 1: Open Illustrator
Stap 2: Maak een nieuw bestand aan en noem dit Flat-Design_Character.
Klik weer op de New File de (blauwe knop)
Stap 2: Wanneer je Illustator al open hebt staan doe je dit via links boven in op File-New te klikken
Stap 3: Nu wordt er een nieuw venster geopend. Klik Print bovenaan en kies dan A4 en geef het de volgende benaming Flat-Design_Character. Klik hierna op Create (blauwe knop) rechts onder.
Kijk bij de oefening als je iets niet meer weet. Probeer zelf zoveel mogelijk te maken. Het gaat er vooral om dat je oefent met de tools die je hebt gekregen. Met de basisvormen kun je al heel veel creëren zonder dat het te ingewikkeld wordt. Later leer je meer over Illustrator en ontdek je hoe je nog mooiere en betere creaties kunt maken.
Onthoud dat het niet gaat om direct het perfecte ontwerp te maken, maar om te experimenteren, te proberen en ervan te leren. Elke creatie die je maakt, helpt je om beter vertrouwd te raken met het programma.
Blijf nieuwsgierig, durf nieuwe dingen uit te proberen en wees niet bang om fouten te maken. Juist door te oefenen ontwikkel je jouw creatieve vaardigheden
OPSLAAN
Voordat je het bestand gaat opslaan voor te printen zorg je uiteraard eerst nog even dat je werk bestand (.ai) hebt opgeslagen.
Om het straks je character te printen ga je deze opslaan als een .PDF
De printer kan deze bestanden lezen en ook snel verwerken om te printen.
Bestand opslaan
Om nu de Flat-Design_Charater op te slaan kies je voor File-->Save As..
Nu opent er een nieuw Window en hierin geef je aan dat je het op je Bureaublad (Desktop) op wilt slaan. En bij het veld Save as Type kies je nu voor Adobe PDF (.PDF) En klik je op Save
Op een Mac zal het scherm voor het opslaan er iets anders uitzien.
Wanneer het bestand op je bureaublad (Desktop) staat. Upload je deze naar de map in je Onedrive en sleep je deze naar jou desbetreffende map van jouw eigen computer.
Printen met je laptop:
Deze hoef je niet te installeren op je laptop, hiervoor is een website die je kan gebruiken om je bestanden naar de printers te uploaden.
Wanneer je een eigen laptop of ander apparaat gebruikt dat is verbonden met Eduroam Wi-Fi en je wilt vanaf dat apparaat printen, kun je de onderstaande stappen volgen:
Open je Chrome webbrowser en ga naar deze link.
Log in met je GLR-gebruikersnaam en wachtwoord.
Je komt op een pagina waar je bestanden kunt uploaden om te printen.
Klik op “SELECT FILES” om de bestanden die je wilt printen vanaf je apparaat te selecteren. Je kunt ook bestanden naar het scherm slepen.
Na het uploaden kun je je afdruk bij de printer ophalen.
Deze methode werkt wanneer je op school verbonden bent met Eduroam Wifi.
Printen met schoolcomputers
Printen vanaf de vaste school-PC's en iMacs kan via de printfunctie van het betreffende apparaat of de gebruikte software.
Printtegoed opwaarderen
Dit doe je op de mynetpay site waar je kunt inloggen met je schoolaccount.
Om bij de printer toegang te hebben tot je printtegoed moet jouw schoolpas eerst aan je printtegoed account gekoppeld worden. Dit doe je door bij een printer of fysiek printtegoed oplaadpunt (zoals bij de servicebalie op A1, bovenaan de roltrap) jouw schoolpas aan te bieden. Hier vul je vervolgens jouw school e-mailadres en wachtwoord in. De pas is nu gekoppeld aan het account.
Mocht je jouw schoolpas kwijtraken is er geen man overboord. De printtegoeden zijn namelijk in de e-wallet opgeslagen en niet op de pas. Een nieuwe pas koppelen zorgt er ook voor dat de printtegoeden weer beschikbaar zijn op de nieuwe pas.
Ervaar je problemen met printen of printtegoed? Dan kan je naar de technische servicedesk voor hulp.