CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
5. Vrije vormen tekenen Potlood (N) Met het potlood kan je uit de vrije hand tekenen. Het is wel vrij moeilijk om met een muis nauwkeurig te tekenen. Een tekentablet is daarom uiterst zinvol. Illustrator maakt van de getekende lijn een vectorobject door ankerpunten en handgrepen op de getekende lijn te plaatsen. Hiermee kan je de lijn achteraf aanpassen als pad. De coĂśrdinaten van de potloodlijn worden beĂŻnvloed door een samenspel van de volgende instellingen. - Getrouwheid - Vloeiendheid Je opent deze opties in een dialoogvenster door te dubbelklikken op het gereedschap potlood. - Het aantal pixels bij Getrouwheid bepaalt het aantal ankerpunten dat gemaakt wordt. Hoe nauwkeuriger (bvb. 2 pixels), hoe meer ankerpunten de lijn zal bevatten. - Het percentage bij Vloeiendheid bepaalt of de lijn veel buigpunten of juist veel hoekpunten moet bevatten. Hoe kleiner percentage, hoe hoekiger. - Activeer de optie Nieuwe potloodstreken vullen als je de actieve vulkleur wilt gebruiken als vulkleur voor een nieuwe illustratie. - Activeer de optie Selectie behouden als een pad geselecteerd moet blijven nadat je het hebt getekend. Activeer de optie Geselecteerde paden bewerken indien je wil dat het pad wordt aangepast als je er met het potlood overheen sleept. - De waarde in pixels Binnen bepaalt welke afstand er over het pad gesleept moet worden om het te bewerken. Als een pad open is en geselecteerd, kunt u verder tekenen vanaf het laatste ankerpunt. Dit wordt zichtbaar door een slash (/) of een x-teken. Je kan een gesloten pad maken door tijdens het tekenen de Alt-toets in te drukken.
het gereedschap Vloeiend
het gereedschap Padgummetje
14
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Met het gereedschap Vloeiend, achter het potlood, kan je een geslecteerde lijn vloeiender maken door eroverheen te slepen. Met het gereedschap Padgummetje, achter het potlood, kan je delen van geslecteerde paden verwijderen door eroverheen te slepen.
Oefening open poppetje.ai Teken haren op het hoofd van het poppetje met de gereedschappen Potlood, Vloeiend en Padgummetje. Teken wolken in de lucht...
Tekenen met de Pen (P) De Pen is een van de belangrijkste gereedschappen van het programma. Vooral voor het exact tekenen komt de Pen goed van pas. Het leren werken met de Pen vergt veel oefening, maar is zeker de inspanning waard. Alle objecten die met de Pen worden getekend, bestaan uit paden. Een pad (vector) bestaat uit minimum twee ankerpunten met daartussen een lijnstuk. Een ankerpunt verbindt twee lijnstukken met elkaar. Bij een rechthoek, een veelhoek en een ster worden de lijnstukken verbonden door hoekpunten. Bij een cirkel of ovaal door buigpunten. De techniek die hieraan de basis ligt, is ontwikkeld door Pierre BĂŠzier (1990-1999), een Franse ingenieur bij Renault, vandaar dat de gebogen of kromme lijnen nog vaak BĂŠzier-curves worden genoemd. Deze techniek maakt het mogelijk mooie vloeiende lijnen te tekenen. Als je tekent met het potlood, dan volgt de lijn de bewegingen van de muis. Illustrator plaatst de juiste ankerpunten voor je. Als je met de Pen tekent, plaats jij de ankerpunten zelf en trekt het programma de tussenliggende lijnen.
*Grote ankerpunten weergeven: Bewerken > Voorkeuren > Weergave selectie en anker > Kies de derde instelling
een lijnstuk met hoekpunten
een lijnstuk met buigpunten
15
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Om een object met hoekige vormen te tekenen, volstaat het met de Pen te klikken op de pagina (x). Elke keer je klikt, ontstaat een hoekpunt dat door een rechte verbonden wordt met het vorige hoekpunt. De vorm krijgt de laatst gebruikte vulling en lijnspecificaties.
ankerpunt hendels lijnstuk
Bij vormen met gebogen lijnen wordt het pengereedschap op een andere wijze gebruikt. Een buigpunt heeft namelijk twee handgrepen/hendels die bepalen welke richting het ankerpunt bereikt en vanuit welke richting deze het punt weer verlaat. Deze twee richtingen staan met elkaar in balans om zo vloeiend mogelijke paden te maken.
Oefening open poppetje.ai Teken met de Pen een glooiende heuvel onder het poppetje. Deselecteer de lijn en teken een nieuwe heuvel iets lager dan de eerste. Herhaal dit zo vaal je wilt.
Handgrepen worden automatisch gemaakt als u booglijnen maakt. Je maakt een booglijn door met de Pen op het werkblad te klikken en met ingedrukte muisknop te slepen. Daarna klik je (en sleep je) voor het volgende ankerpunt. De vorm van het gebogen lijnstuk wordt bepaald door de magnetische aantrekkingskracht van de handgrepen. De handgreep links bepaalt het verloop (hier de helling) van de linkerzijde van het lijnstuk en omgekeerd. Om achteraf een ankerpunt te wijzigen van een hoekpunt naar een buigpunt of omgekeed, gebruik je het gereedschap Ankerpunt converteren, bovenaan in het venster Beheer. Om een bestaande vorm uit te breiden, moet je ervoor zorgen dat het pad open is. Vervolgens kan je met het pennetje vanaf een uiteinde verder tekenen zodra er een slash (/) getoond wordt naast het pennetje.
een open pad
een gesloten pad
16
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Een pad wordt gesloten als de Pen weer bij het beginpunt is aangekomen. Naast de Pen staat dan een kleine o. Je kan ankerpunten toevoegen (+) aan een pad door met de Pen op een pad te klikken. Indien je op een bestaand ankerpunt klikt, verwijder je dat punt (-). Je kan hiervoor ook de verborgen gereedschappen gebruiken.
Oefening open poppetje.ai Plaats enkele ankerpunten bij op de glooiende heuvel, verwijder ook enkele en sluit het pad.
17
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
6. Paden bewerken Als je met het gereedschap Direct selecteren op een ankerpunt klikt, worden de handgrepen zichtbaar. Als je een handgreep versleept, wordt de gebogen lijn aangepast. Hoe verder je de handgreep verwijdert van het ankerpunt, hoe groter de bocht (oefen verticale en horizontale bewegingen). Het gebogen lijnstuk kan je ook verplaatsen zonder de handgrepen te gebruiken. Selecteer het lijnstuk met het gereedschap Direct selecteren (dit wordt niet zichtbaar) en versleep het.
Ankerpunten toevoegen Voor meer controle op de vorm van een pad kan je tussen elke twee ankerpunten een extra ankerpunt toevoegen. De vorm blijft dezelfde, maar je kan de ankerpunten gebruiken om de vorm nauwkeuriger aan te passen of te vervormen. Kies Object, Pad, Ankerpunten toevoegen.
Ankerpunten converteren Je kan een handgreep onaghankelijk van de tegenovergestelde handgreep veranderen met het gereedschap Ankerpunt converteren.
Oefening converteer het bovenste ankerpunt van een cirkel Knippen Als je ankerpunten niet wilt verwijderen, maar het gedeelte dat bij de ankerpunten hoort wil losknippen, dan kies je in het venster Beheer de optie Pad knippen bij geselecteerde ankerpunten. Daarna is het losse pad verplaatst.
Verbinden Soms kan het zijn dat je al een nieuw pad bent begonnen op een plek waar je eigenlijk wou doorgaan. Deze paden kan je alsnog verbinden. - Selecteer twee losse uiteinden van twee paden (Direct Selecteren + Shift) - Klik op Object, Pad, Verbinden. Je kan ook de optie Verbinden ook kiezen in het venster Beheer.
18
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Middelen Je kan ook ankerpunten uitlijnen met de opdracht Middelen. Je verlaatst dan twee of meer ankerpunten naar een tussenliggende positie. Dit kan nodig zijn als je twee uiteinden van paden wilt verbinden zonder een extra lijn aan toe te voegen. - Selecteer de ankerpunten die uitgelijnd moeten worden - Kies op Object, Pad, Middelen. In het dialoogvenster kan je aangeven langs welke as de ankerpunten gelijk moeten komen te liggen. Illustrator bepaalt op basis van de geselecteerde ankerpunten het midden op de horizontale en/of verticale as en verplaatst de ankerpunten naar die positie. Als je beide assen kiest, dan komen de ankerpunten op exact dezelfde plaats terecht. Daarna kan je eventueel de uiteinden aan elkaar knopen door te kiezen Object, Pad, Verbinden.
19
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Oefening een vector logo maken
1. Open Logo-TF: Kies Bestand, Openen en blader naar het bestand 2. Kies de Pen-tool. (shortcut: P) 3. Voordat we gaan beginnen met tekenen zetten we het object van het plaatje op slot (locken). Dit doe je met Cmd + 2 of via het menu: Object --> Vergrendelen --> Selectie
Dit is handig zodat we straks niet per ongeluk het plaatje selecteren en verschuiven. Het plaatje is nu vergrendeld en de blauwe selectielijn zal nu ook niet meer verschijnen. 4. Vervolgens kiezen we een kleurtje dat lekker opvalt op zwart voor de zogenaamde Streek, ik kies meestal fel rood of geel. Streek betekent niets anders dan de lijn in dit geval. Dubbelklik op de Streek en kies een kleur.
5. We zijn bijna klaar om te tekenen, maar eerst gaan we het beeld wat vergroten op het plaatje, zodat we wat secuurder te werk kunnen gaan. Ik gebruik hier meestel Cmd+ voor. Dit werkt overigens in Photoshop precies zo. Wil je weer uitzoomen (beeld verkleinen) gebruik dan Cmd- (min teken). Als je geen zin hebt om deze toetsencombinaties uit je hoofd te leren (wat ik je wel kan aanraden) bereik je hetzelfde met het vergrootglas-icoontje. (tip: druk op ALT om de vergootfunctie van dit ikoontje om te wisselen met de verkleinfunctie) 6. Gebruik het hand-gereedschap (SPATIE) om naar de linkerhoek van het plaatje te navigeren. We beginnen bovenin met tekenen. Met de pen-gereedschap nog steeds geselecteerd klik je één keer op een hoekpunt van het plaatje. Vervolgens klik je op het volgende punt net zolang totdat het losse objectje is overgetrokken.
Tijdens het tekenen kan je opmerken dat er zich een wit vlak vormt. Dit willen we nu niet, dus dat zetten we uit. Dat doen we door voor de vulkleur transparant te kiezen. Dit doen we door op de witte kleur te klikken (één keer) zodat deze naar voren komt en daarna klikken we op het transparantie-ikoontje eronder.
7. Uiteindelijk willen we de tekening opbouwen uit losse objecten (of vormen) die samen een geheel vormen. Deze objecten moeten opzichzelf wel mooi aansluiten, dat doen we door op het beginpunt te klikken als we klaar zijn met tekenen. De cursor verandert dan in een klein cirkeltje om aan te geven dat het object ‘gesloten’ wordt.
20
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Op het moment dat een vorm wordt gesloten en je klikt met het pen-gereedschap ergens anders wordt er automatisch een nieuwe vorm aangemaakt.
8. Herhaal deze oefening voor de overige vormen. Hou het voorhoofd voor het laatst. 9. Begin onderin met het voorhoofd en werk naar boven toe. Als je bovenin aankomt maak dan een bezier-curve die uitlijnt met de ronde vorm van het voorhoofd. Als je klaar bent, of selecteer een ander gereedschap om het tekenen van deze vorm te onderbreken. Om de boog te bewerken, kies je Direct selecteren gereedschap en versleep de hendels. 10. Voor de binnenkant van het voorhoofd werken we van boven naar beneden. Nu gaan we een ronde vorm maken met een scherpe hoek. Dit lijkt moeilijk maar als je dit onder de knie krijgt, ben je al een heel eind. Tip: Hou SHIFT ingedrukt tijdens het tekenen met het pen gereedschap om lijnen te trekken in een hoek met een veelvoud van 45 graden, dus bijvoorbeeld horizontale of vertikale lijnen)
Op het einde wijs je de kleur van de streek toe aan de vulkleur. En klaar! Het enige wat we nog moeten doen is opslaan als EPS.
21
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
7. Tekengereedschap voor losse paden Lijn Je kan een lijn tekenen door, voor het eerste punt met het gereedschap Lijnsegment op de pagina te klikken en vervolgens te slepen voor het tweede punt. Hou je Alt ingedrukt, dan kan je de lijn tekenen van een denkbeeldig middelpunt. Bij Shift ingedrukt, zal de lijn altijd onder een hoek van 45 graden staan. Om de dikte van de lijn te bepalen, kies Venster, Streek en geef bij Dikte de gewenste waarde op.
Boog Met het gereedschap Boog teken je een gebogen lijn. Met de C-toets, wissel je tussen een gesloten of open boog. Druk je tijdens het tekenen op de F-toets dan wordt de boog gespiegeld. Met de pijltoetsen kan je de ronding be誰nvloeden.
Spiraal (een soort slakkenhuis van gebogen lijnen) Een spiraal wordt standaard vanut het midden getekend. Selecteer het gereedschap Spiraal en sleep de gewenste grootte op je pagina. Tijdens het slepen kan je de pijltoetsen gebruiken om het aantal bogen aan te passen. Als je de Cmd-toets ingedrukt houdt, dan wijzig je de spanning van de spiraal.
22
CURSUS ADOBE ILLUSTRATOR CS2als-gebogen CS3 segmenten verbinden. Met een hoekpunt kunt u zowel rechte
Syntra midden vlaanderen 2008 - 2009
Zie ook 'Richtingslijnen en richtingspunten' op pagina 149
Galerie met tekengereedschappen In Illustrator kunt u beschikken over de volgende tekengereedschappen:
Met het gereedschap Pen (P) MetCS2het gereedschap Met het LIEN gereedschap Met het gereedschap CURSUS ADOBE ILLUSTRATOR CS3 * LEERKRACHT: VYNCKE * SYNTRA * 2008 - 2009 tekent u rechte en kromme Ankerpunt toevoegen (+) Ankerpunt verwijderen (-) Ankerpunt converteren lijnen om objecten te maken.
voegt u ankerpunten aan paden toe.
verwijdert u ankerpunten van paden.
CURSUS ADOBE ILLUSTRATOR CS2- CS3 * LEERKRACHT: LIEN VYNCKE *
OEFENINGEN
(Shift+C) wijzigt u boogpunten in hoekpunten en vice versa.2008 - 2009 SYNTRA
*
8
OEFENINGEN
Met het gereedschap Lijnsegment (\) tekent u afzonderlijke rechte lijnsegmenten.
Met het gereedschap Boog tekent u afzonderlijke holronde of bolronde boogsegmenten.
Met het gereedschap Spiraal tekent u spiralen rechtsom en linksom.
Met het gereedschap Rechthoekig raster tekent u rechthoekige rasters.
Met het gereedschap Lijnsegment (\) tekent u afzonderlijke rechte lijnsegmenten.
Met het gereedschap Boog tekent u afzonderlijke holronde of bolronde boogsegmenten.
Met het gereedschap Spiraal tekent u spiralen rechtsom en linksom.
Met het gereedschap Rechthoekig raster tekent u rechthoekige rasters.
Met het gereedschap Webraster tekent u ronde diagramrasters.
Met het gereedschap Rechthoek (M) tekent u vierkanten en rechthoeken.
Met het gereedschap Afgeronde rechthoek tekent u vierkanten en rechthoeken met afgeronde hoeken.
Met het gereedschap Ovaal (L) tekent u cirkels en ovalen.
Met het gereedschap Webraster tekent u ronde diagramrasters.
Met het gereedschap Rechthoek (M) tekent u vierkanten en rechthoeken.
Met het gereedschap Afgeronde rechthoek tekent u vierkanten en rechthoeken met afgeronde hoeken.
Met het gereedschap Ovaal (L) tekent u cirkels en ovalen.
23
lijnsegmenten.
boogsegmenten.
CURSUS ADOBE ILLUSTRATOR CS2 - CS3
Syntra midden vlaanderen 2008 - 2009
Met het gereedschap Webraster tekent u ronde diagramrasters.
Met het gereedschap Rechthoek (M) tekent u vierkanten en rechthoeken.
Met het gereedschap Afgeronde rechthoek tekent u vierkanten en rechthoeken met afgeronde hoeken.
Met het gereedschap Ovaal (L) tekent u cirkels en ovalen.
Met het gereedschap Webraster tekent u ronde diagramrasters.
Met het gereedschap Rechthoek (M) tekent u vierkanten en rechthoeken.
Met het gereedschap Afgeronde rechthoek tekent u vierkanten en rechthoeken met afgeronde hoeken.
Met het gereedschap Ovaal (L) tekent u cirkels en ovalen.
Met het gereedschap Veelhoek tekent u regelmatige vormen met meerdere zijden.
Met het gereedschap Ster tekent u sterren.
Met het gereedschap Vlam maakt u vlam- of zonlichteffecten.
Met het gereedschap Potlood (N) tekent en bewerkt u vrije lijnen.
Met het gereedschap Veelhoek tekent u regelmatige vormen met meerdere zijden.
Met het gereedschap Ster tekent u sterren.
Met het gereedschap Vlam maakt u vlam- of zonlichteffecten.
Met het gereedschap Potlood (N) tekent en bewerkt u vrije lijnen.
Met het gereedschap Vloeiend maakt u BĂŠzierpaden vloeiend.
Met het gereedschap Wissen wist u paden en ankerpunten uit het object.
Met het gereedschap Vloeiend maakt u BĂŠzierpaden vloeiend.
Met het gereedschap Wissen wist u paden en ankerpunten uit het object.
9
9
24