Hoe gebruik je de pen tool in illustrator – Gedetailleerde illustrator pen tool tutorial voor beginners tot gevorderden

De Illustrator pen tool is ons eerste gereedschap voor het maken van vector tekeningen. Het is niet ons enige gereedschap.

Je hebt misschien hele mooie projecten in gedachten. Maar als je een professionele ontwerper wilt zijn, moet je leren hoe je het Pen-gereedschap vasthoudt en gebruikt voordat je gaat tekenen. Kortom, dit artikel richt zich op hoe te tekenen, niet wat te tekenen.

In het eerste hoofdstuk wordt het tekenen van rechte lijnen met het pen-gereedschap uitgelegd en worden afgeleiden van het pen-gereedschap getoond. Hoofdstuk 2 legt uit hoe je curves maakt in illustrator. De laatste sectie behandelt hoe te tekenen met behulp van een sjabloon afbeelding en waar op gelet moet worden.

Pen gereedschap

Het Pen gereedschap bevindt zich in het gereedschapspaneel aan de linkerkant van de illustrator gebruikersinterface zoals te zien is in de onderstaande figuur. Het wordt gebruikt in zowel rechtlijnige tekeningen als in gebogen tekeningen.

pen gereedschap in gereedschapspaneel

Het pictogram is penvormig. De sneltoets voor het toetsenbord is de letter P. U kunt de pen oppakken door met de linkermuisknop op het pictogram in het gereedschappenpaneel te klikken of door de letter P op het toetsenbord in te drukken. Wanneer het pen-gereedschap actief is, neemt de cursor de vorm aan van een “Pen-icoon” zoals in het gereedschapspaneel. En, de rechter benedenhoek toont de icoontjes om je te helpen bij het tekenen. .de reden voor de vorm x (kruis) in plaats van de penvorm na het klikken op de pen tool, is de Capslock toets. De cursor wordt nauwkeurig genoemd. U kunt deze herstellen door caps lock uit te zetten. Men zegt dat tekenen met de x-vormige cursor nauwkeuriger is, maar persoonlijk heb ik het verschil niet gevoeld in mijn eigen tekeningen.

Het pen gereedschap in illustrator wordt met twee handen vastgehouden. 🤔

Doe niet zo verbaasd. Het tekenen gebeurt met de rechtermuis en de sneltoetsen van het linker toetsenbord. Met de muis in de rechterhand wordt de cursor over het werkveld geleid, terwijl de toetsen van het toetsenbord met hulptaken door de linkerhand worden bediend.

Er zijn drie toetsen die u gedurende het tekenen vaak zult gebruiken. Deze zijn: CTRL / Command, ALT / Option en Shift / shift. In zeldzame gevallen kan ook de spatietoets worden gebruikt.

In dit artikel wordt uitleg gegeven voor de windows versie van een illustrator met een Engelse interface. De gebruikte softwareversie is CC 2017. Daarom moeten pc / laptop-gebruikers hun linkervingers plaatsen zoals hieronder wordt weergegeven wanneer ze tekenen met het pengereedschap. Oefen CTRL met uw ringvinger, SHIFT uw middelvinger en ALT met uw duim.

blank
Shortcut keys for the pen tool

Part 1: Rechte lijn tekenen

Voordat u met de tekening begint, verwijdert u de lijnvulling uit het configuratiescherm bovenaan de illustrator-interface en stelt u de lijndikte (stroke) in op 1 punt in zwart.

blank
Configuratiescherm voor lijnstreep en vulkleur

Nu, laten we samen een tekening maken zoals hieronder. (Niet de figuren, alleen de lijn. 🙂 )

illustrator pen tool örnek çizim
Lijntekening voorbeeld
  • Selecteer de Pen tool (P).
  • Klik ergens op het artboard. Dit wordt uw eerste punt.

De eerste klik creëert het beginpunt van uw lijn. Het wordt het ankerpunt genoemd. De Slimme gids verschijnt wanneer de muis van het eerste Ankerpunt is weggegaan. Deze slimme gids geeft informatie over de richting van de eigenlijke lijn die u zult tekenen. Als u geen slimme gids ziet, maakt u deze zichtbaar met CTRL + U.

blank

U kunt de richting selecteren die u wilt. Als u wilt dat de hoekwaarde wordt beperkt, kunt u deze vastzetten op 45 ° hoeken met de muisbeweging door de Shift-toets ingedrukt te houden. Als je een hoekwaarde hebt waar je mee wilt werken, kun je die ook aanpassen. U kunt de gewenste hoekwaarden opgeven door te kiezen voor Bewerken> Voorkeuren> Slimme hulplijnen. In de beweging die wordt gemaakt door de Shift-toets ingedrukt te houden, worden de slimme hulplijnen nu vastgezet op de hoeken die u opgeeft.

illustrator set smart guide angle
Dialoogvenster Instellingen slimme hulplijnen
  • Plaats nu het tweede en derde punt, zoals in het voorbeeld.

Omdat de lijnsegmenten recht op elkaar aansluiten, worden de ankerpunten specifiek hoekankerpunten genoemd.

U kunt op deze manier verder tekenen. Maar we zullen het eerste deel van de tekening beëindigen zoals in het voorbeeld

Er zijn verschillende manieren om de tekening te beëindigen. Na het plaatsen van het laatste ankerpunt, beweegt u de muis iets weg van het ankerpunt en drukt u op ESC op het toetsenbord om de tekening te beëindigen. Deze lijn wordt een Open pad genoemd. dat wil zeggen, het begin- en eindpunt zijn de niet verbonden lijn

Beëindigen met de ESC toets betekent dat de tekening wordt gepauzeerd. We houden de pen nog steeds vast, maar we tekenen niet. De cursor is nog steeds een pen-gereedschap icoon. We kunnen nieuwe lijnen maken onafhankelijk van de eerste lijn door nieuwe ankerpunten op het artboard te plaatsen.

Als je denkt dat je een verkeerd ankerpunt en lijn hebt gemaakt, kun je je tekening ongedaan maken met CTRL + Z. (een toetsencombinatie die ik heel vaak gebruik :-))

Nu laten we eerst het onafhankelijke tweede deel maken zoals in het voorbeeld.

  • Vanaf je ankerpunt # 4 maak je met je muis een lijn zoals in de figuur onder een hoek van 45°.
  • Na het maken van ankerpunt 7, beëindig je de tekening met ESC.

Wanneer je je cursor weg beweegt van de lijnen, zul je zien dat het eerste lijnstuk ongeselecteerd is en het laatste lijnstuk geselecteerd is. Als u met de muis over de lijnen beweegt, verschijnen er automatisch verschillende penvormen in de rechterbenedenhoek van de cursor.

In de onderstaande animatie worden genoemde penvormpjes getoond. Deze vormen vertellen je hoe de cursor zich gedraagt als je erop klikt. De cursor kan zich verschillend gedragen op een geselecteerde lijn en een niet-geselecteerde lijn. Daarom lijkt het linker lijnstuk in de animatie geselecteerd en het rechter als gedeselecteerd. Om te begrijpen of de lijn geselecteerd is, moet de cursor naar een leeg gebied op het tekenbord worden verplaatst

blank

De vormen die automatisch onder het pictogram van het pen-gereedschap in de animatie verschijnen, hebben de volgende betekenis:

illustrator pen-gereedschap afbeelding Normaal tekenen: Een stervormig vermenigvuldigingsteken betekent dat het Pen-gereedschap standaardtekeningen kan maken door ankerpunten op het werkvlak te maken.
pen-gereedschap bağlantı başlangıcı Uitbreiding: de vorm is een voorwaartse schuine streep. verschijnt wanneer de cursor zich boven het ankerpunt voor het lijneinde bevindt. Als op het ankerpunt wordt geklikt, wordt de lijn doorgetrokken en worden nieuwe ankerpunten gemaakt.
illustrator-pentool bağlantı noktası silme ikonu Ankerpunt verwijderen: verschijnt wanneer de cursor zich op het ankerpunt op de geselecteerde lijn bevindt. Door op het ankerpunt te klikken wordt het verwijderd en de nieuwe lijn wordt gemaakt tussen twee dichtstbijzijnde ankerpunten.
illustrator verbind pent gereedschapspictogram Verbind ankerpunten: Verschijnt wanneer de cursor over het eerste ankerpunt van het nieuwe lijnstuk beweegt na gebruik van de verlengmethode op een ander lijnstuk. indien aangeklikt, worden twee lijnstukken verbonden.
blank Ankerpunt toevoegen: De plusvorm verschijnt met de cursor op het geselecteerde lijnsegment. als deze niet is geselecteerd, verschijnt de plusvorm niet. door op de geselecteerde lijn te klikken wordt een nieuw ankerpunt toegevoegd.
pictogram van het pengereedschapillustrator gesloten pad Gemaakt gesloten pad: de cirkelvorm verschijnt wanneer het tekenproces het initiële ankerpunt bereikt. Indien aangeklikt, Gesloten pad gemaakt.
illustrator pen gereedschap ankerpunt gereedschap Ankerpunt gereedschap: Verschijnt automatisch na het maken van een nieuw ankerpunt en verdwijnt onmiddellijk als de cursor weggaat. als het ankerpunt wordt versleept, verschijnen er ankerpunthandvatten. Loslaten en verplaatsen van de cursor toont een gebogen hulplijn.

Voltooi nu de tekening zoals in de animatie en observeer de cursor vormen tijdens het tekenen.

  • voeg eerst ankerpunten 3 en 4 samen.
  • Voeg nu 7 en 1 samen om een gesloten pad te maken.

Ik hoop dat alles in orde is. 🙂

Let op:

Naast het beëindigen van de tekening met ESC, het samenvoegen van twee afzonderlijke lijnen en het creëren van een gesloten pad beëindigt de tekening natuurlijk.
Linkse muisklik met CTRL op een leeg gebied op het tekenbord beëindigt de tekening.
SHIFT + Linkse muisklik creëert een nieuwe lijn die begint vanaf het pad van de geselecteerde lijn.
Als u de CTRL-toets ingedrukt houdt, verandert het cursorpictogram van het pengereedschap in het pictogram van het gereedschap voor directe selectie en fungeert het als gereedschap voor directe selectie. blank
Als u de CTRL + ALT-toetsen tegelijk ingedrukt houdt, verandert het cursorpictogram van het pengereedschap in het pictogram van het gereedschap voor groepsselectie en fungeert het als gereedschap voor groepsselectie. blank
Als u de ALT-toets ingedrukt houdt, verandert het pictogram van het pengereedschap in het pictogram van het ankerpuntgereedschap en fungeert het als het ankerpuntgereedschap. blank
Bij het maken van het ankerpunt kan, als de spatiebalk wordt ingedrukt voordat de muisklik is voltooid, het ankerpunt worden verplaatst.

Deel 2: Kromme tekenen

Het pengereedschap wordt gebruikt voor het tekenen van krommen in Illustrator. Zoals te zien is in de animatie van het tekenen van een kromme met het pengereedschap hieronder, wordt de linkermuisknop ingedrukt gehouden en naar een willekeurige plaats op het werkblad gesleept. De eerste klik is het eerste ankerpunt van de te vormen kromme. Het ankerpunt wordt specifiek het gladde ankerpunt genoemd. Twee handvatten verschijnen in de tegenovergestelde richting van de cursor als de muisknop ingedrukt wordt gehouden en gesleept wordt. Deze handvatten bepalen de richting en de lengte van de te maken kromme. wanneer de muisknop wordt losgelaten en de muis wordt bewogen, verschijnt de voorvertoning van de kromme. Dit voorproefje wordt specifiek het elastiekje genoemd. u kunt het aan- en uitzetten met het voorkeuren dialoogvenster.

Door op het tweede ankerpunt te klikken, wordt de eigenlijke kromme gemaakt. indien de kromme aan elkaar moet raken, worden de stappen die op het eerste ankerpunt zijn toegepast, herhaald.

blank

De handvatten worden in beide richtingen even lang. Indien echter de ALT toets ingedrukt wordt gehouden na het maken van het gladde ankerpunt, kunnen de lengte en de hoek van het tweede handvat onafhankelijk worden gewijzigd. De volgende animatie laat zien hoe dit moet.

blank

Als de raaklijncurve niet moet worden voortgezet, dat wil zeggen, als een rechte lijn moet worden gevormd vanuit het laatste ankerpunt, verwijdert een klik op het laatste ankerpunt met het Pen-gereedschap het handvat. U kunt nu een rechte lijn maken vanuit het ankerpunt.

De handvatten worden normaal gecontroleerd door het ankerpunt gereedschap. De sneltoets voor het ankerpunt gereedschap is Shift + C. Aan de andere kant hebben we gezien dat de handvatten ook kunnen worden gecontroleerd door de ALT toets ingedrukt te houden terwijl het Pen gereedschap actief is. Zolang de ALT toets ingedrukt is, heeft het ankerpunt gereedschap voorrang op het Pen gereedschap.

Deel 3: Tekenen vanuit de sjabloonafbeelding

Laten we eens testen wat we geleerd hebben met een voorbeeld.

Sjabloonlagen kunnen ons helpen bij het tekenen vanuit een afbeelding. Wanneer u een nieuw document maakt, verschijnt er een leeg wit tekenblad. Als u iets wilt tekenen dat lijkt op de echte wereld, kunt u een afbeeldingsbestand importeren en dat gebruiken als een sjabloonlaag. Eigenlijk is de echte wereld hier niet alleen de echte foto’s. Schetsen kunnen ook als sjabloonlaag worden geïmporteerd.

Om een afbeelding als sjabloonlaag te importeren:

  • Ga naar Bestand>plaats
  • Vind uw afbeelding en selecteer
  • Sjabloonoptie inschakelen (Dik)

De optie Koppeling wordt gebruikt om te bepalen of uw afbeelding in de Illustrator-werkruimte moet worden ingesloten. Als Koppeling is geselecteerd, verdwijnt de afbeelding in de werkruimte wanneer de afbeelding op de schijf wordt verwijderd of het pad van het bestand wordt gewijzigd.

blank
  • Druk op de plaatsknop om het dialoogvenster te sluiten

Door de afbeelding op deze manier te plaatsen, wordt een sjabloonlaag gemaakt. Hiermee wordt de afbeelding %50 verkleind. Hierdoor wordt de afbeelding beter geschikt om erop te tekenen. Zet tenslotte de laag op slot.

u kunt het lagenpaneel openen om de zojuist gemaakte laag te zien. als u het lagenpaneel niet ziet, gaat u naar het menu Venster en selecteert u Lagen.

illustrator katmanlar paneli
Lagenpaneel

Als de afbeelding groter is dan je artboard, wat ik meestal tegenkom, moet je de geplaatste afbeelding verkleinen.

  • Vergrendel eerst de laag
  • Verschaal de afbeelding
  • Vergrendel de laag weer

Als je klaar bent met tekenen kun je deze laag verwijderen.

Omdat de laag op slot zit kan er niet op getekend worden. Verander de andere laag of maak een nieuwe laag om je vector te tekenen.

De hoofdregel is om de zachtste krommen te maken met zo weinig mogelijk gladde ankerpunten.

De basis kromme wordt de Bézier kromme genoemd. Bézier krommen kunnen zowel C-vormig als S-vormig zijn. De richting van de handvatten creëert de kromme C of S. Het volgende toont de richting van de handvatten op de ankerpunten voor beide krommen. Het beginpunt van de tekening is de linkerkant.

Bezier eğrisi
Bezier krommen

De krommingstekeningen voor de afbeelding van het broodplakje worden hieronder getoond. Het broodbeleg is in een vector getraceerd als een recht en gebogen segment met in totaal 5 ankerpunten.

blank

Er kan een verschillend aantal ankerpunten zijn voor dezelfde vectortekening. In het onderstaande voorbeeld heeft het linker object 13 ankerpunten. Het rechter object daarentegen bevat 20 ankerpunten. Observeer de vectoren en noteer welke ankerpunten overbodig zijn. Bedenk of je de ankerpunten kunt verminderen! Onthoud dat het niet altijd het doel is om de ankerpunten te verminderen. Details kunnen verloren gaan. Concentreer je op de onderkant van het linker object. !!!!

blank

Zoals je kunt zien, zijn de onnodige ankerpunten op het rechter object de punten in het midden van de kromme.

Zo,

Geef geen ankerpunten aan de bovenkant van de “C” of “S” vormige krommen in je eigen tekeningen. Voeg geen ankerpunt toe aan elke kromme die je tijdens het tekenen ziet, zoals de meeste ontwerpers doen. Dit is niet de juiste tekenmethode.

Bekijk het sjabloonobject voordat je de vector over de afbeelding tekent. Op basis van uw verbeelding, creëer in uw gedachten de “C” en “S” bezier curven. Zo ja, begin dan te tekenen vanuit de hoek. Teken een “S”- of “C”-vorm.

blank

Het toevoegen van een ankerpunt aan de bovenkant van de curve is een eenvoudige manier van tekenen. Omdat je niet veel aandacht hoeft te besteden aan handvatten. Aan de andere kant kost het je extra ankerpunten.

Bovendien, We weten nu dat de handvatten gemakkelijk kunnen worden beheerd met de ALT toets. Dus wees niet bang om terug te gaan naar de ankerpunten die je hebt gemaakt.

Houd in gedachten dat ankerpunt selectie wordt gedaan met CTRL + linker muis. Het zal vaak nodig zijn. Andere noodzakelijke sneltoetsen zijn hierboven al beschreven.

Goed geluk.

Akif Kutlu

P.S. De volgende video’s zijn ook aan te raden. Ze zijn in het Turks. Maar u kunt ondertitels aanzetten en ze automatisch laten vertalen naar uw taal.

Hoe gebruik je het pen gereedschap in illustrator – Gedetailleerde illustrator pen gereedschap tutorial voor beginners tot gevorderden
Tagged on: illustrator pen gereedschap tutorial Layer pen tool template

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.