How to use the pen tool in illustrator – Detailed illustrator pen tool tutorial for beginners to intermediate users

Az Illustrator toll eszköz az első eszközünk a vektoros rajzok készítéséhez. Nem ez az egyetlen eszközünk.

Lehet, hogy nagyon szép projektek vannak a fejedben. De ha profi tervező akarsz lenni, a rajzolás előtt meg kell tanulnod, hogyan kell tartani és használni a toll eszközt. Röviden, ez a cikk arra összpontosít, hogyan kell rajzolni, nem pedig arra, hogy mit kell rajzolni.

Az első fejezetben az egyenes vonalú rajzolás a toll eszközzel kerül elmagyarázásra, és a toll eszköz származékai kerülnek bemutatásra. A 2. fejezet elmagyarázza, hogyan készíthetünk görbéket az Illustratorban. Az utolsó fejezet azzal foglalkozik, hogyan rajzoljunk sablonkép segítségével, és mire kell figyelni.

Toll eszköz

A toll eszköz az Illustrator felhasználói felületének bal oldalán található eszközpanelen található az alábbi ábrán látható módon. Egyenes vonalú és görbe rajzoknál egyaránt használható.

Toll eszköz az eszközpanelen

Az ikon toll alakú. A billentyűzet gyorsbillentyűje a P betű. A tollat az eszközpanelen lévő ikonra kattintva az egér bal gombjával, vagy a billentyűzeten a P betű lenyomásával veheti fel. Amikor a toll eszköz aktív, a kurzor a “Toll ikon” formáját veszi fel, mint az eszközpanelen. A jobb alsó sarokban pedig a rajzolást segítő ikonok jelennek meg. .a toll eszközre kattintás után a toll alakzat helyett megjelenő x (kereszt) alakzat oka a Capslock billentyű. A kurzort precíznek hívják. Ezt a Caps Lock kikapcsolásával állíthatod vissza. Az x alakú kurzorral való rajzolás állítólag pontosabban rajzol, de én személy szerint nem éreztem különbséget a saját rajzaimon.

A tollszerszámot az illustratorban két kézzel tartjuk. 🤔

Ne lepődj meg. A rajzolás a jobb oldali egérrel és a bal oldali billentyűzet gyorsbillentyűivel történik. Az egérrel a jobb kézben a kurzort a munkaterületen irányítjuk, míg a segédfeladatokat tartalmazó billentyűzetbillentyűket a bal kézzel vezéreljük.

Három billentyűt gyakran fogunk használni a rajzolás során. Ezek a következők: CTRL / Command, ALT / Option és Shift / shift. Ritkán a szóköz billentyű is használható.

Ez a cikk a magyarázatok az Illustrator angol nyelvű felületű windowsos verziójára készültek. A használt szoftver verziója a CC 2017. Ezért a PC / laptop felhasználóknak a tollal való rajzoláskor a bal oldali ujjaikat az alábbiakban bemutatott módon kell elhelyezniük. A CTRL-t a gyűrűsujjal, a SHIFT-et a középső ujjal, az ALT-et pedig a hüvelykujjal gyakorolja.

blank
A toll eszköz gyorsbillentyűi

1. rész: Egyenes vonal rajzolása

A rajzolás megkezdése előtt törölje a vonal kitöltését az Illustrator felületének tetején található vezérlőpanelről, és állítsa a vonalvastagságot (vonalat) 1 pontra, feketére.

blank
Vezérlőpanel a vonalvonás és a kitöltés színéhez

Most készítsünk együtt egy rajzot az alábbiak szerint. (Nem az ábrákat. Csak a vonalat. 🙂 )

illusztrátor toll eszköz örnek çizim
vonalrajz-minta
  • Válassza ki a toll eszközt (P).
  • Kattintson bárhová a rajzlapon. Ez lesz az 1. pont.

Az első kattintás létrehozza a vonal kezdőpontját. Ezt nevezzük horgonypontnak. Az Intelligens útmutató akkor jelenik meg, amikor az egér eltávolodott az első Horgonyzási ponttól. Ez az intelligens útmutató információt nyújt a tényleges vonal irányáról, amelyet rajzolni fog. Ha nem látja az intelligens útmutatót, tegye láthatóvá a CTRL + U billentyűkombinációval.

blank

Az irányt kiválaszthatja. Ha azt szeretné, hogy a szögérték korlátozott legyen, akkor az egér mozgatásával a Shift billentyű lenyomva tartásával 45°-os szögekre rögzítheti. Ha van egy szögérték, amivel dolgozni szeretne, akkor azt is beállíthatja. A kívánt szögértékeket a Szerkesztés> Beállítások> Intelligens vezetők menüpont kiválasztásával adhatja meg. A Shift billentyű lenyomva tartásával végzett mozgatásban az intelligens vezetők most az Ön által megadott szögben rögzülnek.

illusztrátor intelligens vezetők szögének beállítása
Okos vezetők beállításai párbeszédpanel
  • Most helyezze el a második és harmadik pontot, mint a példában.

Mivel a vonalszakaszok egyenesen csatlakoznak egymáshoz, a horgonypontokat kifejezetten sarokhoronypontoknak nevezzük.

Ezzel a módszerrel folytathatja a rajzolást. De a rajz első részét a példának megfelelően befejezzük

A rajz befejezésének több módja is van. Az utolsó horgonypont elhelyezése után kissé távolítsuk el az egeret a horgonyponttól, és a rajzolás befejezéséhez nyomjuk meg az ESC billentyűt a billentyűzeten. Ennek a vonalnak a neve Open path. vagyis a kezdő- és a végpont az összekapcsolatlan vonal

Az ESC billentyűvel való befejezés a rajzolás szüneteltetését jelenti. A tollat még mindig a kezünkben tartjuk, de már nem rajzolunk. A kurzor továbbra is a tollszerszám ikonja. Az első vonaltól független új vonalakat hozhatunk létre, ha új horgonypontokat helyezünk el a rajzlapon.

Ha úgy gondoljuk, hogy rossz horgonypontot és vonalat készítettünk, a CTRL + Z billentyűkombinációval visszavonhatjuk a rajzot (ezt a billentyűkombinációt nagyon gyakran használom :-))

Most először hozzuk létre a független második részt, mint a példában.

  • A 4-es horgonypontból az egérrel hozzunk létre egy vonalat az ábrán látható módon 45°-os szögben.
  • A 7-es horgonypont létrehozása után az ESC billentyűvel fejezzük be a rajzolást.

Amikor a kurzort eltávolítjuk a vonalakról, látni fogjuk, hogy az első vonalszakasz nincs kijelölve, az utolsó vonalszakasz pedig kijelölve van. Ahogy az egeret a vonalak fölé mozgatja, a kurzor jobb alsó sarkában automatikusan megjelennek a különböző toll alakzatok.

Az alábbi animáción az említett tollszerszám alakzatok láthatók. Ezek az alakzatok megmondják, hogyan viselkedik a kurzor kattintáskor. A kurzor másképp viselkedhet egy kijelölt és egy nem kijelölt vonalon. Ezért az animációban a bal oldali vonalszakasz kijelölve, a jobb oldali pedig kijelölés nélkülinek tűnik. Ahhoz, hogy megértsük, hogy a vonal ki van-e jelölve, a kurzort a rajzlapon bárhol lévő üres területre kell mozgatni

blank

Az animációban a tollszerszám ikonja alatt automatikusan megjelenő alakzatok a következő jelentéssel bírnak:

illusztrátor tollszerszám képe Normál rajz: A csillagszerű szorzójel azt jelenti, hogy a toll eszközzel normál rajzokat lehet készíteni a munkaterületen horgonypontok létrehozásával.
toll eszköz bağlantı başlangıcı Kiterjesztés: Az alakzat egy előrenyomó. akkor jelenik meg, amikor a kurzor a vonalvég horgonypont felett van. Ha a horgonypontra kattint, a vonal folytonossá válik, és új horgonypontok jönnek létre.
illusztrátor toll eszköz bağlantı noktası silme ikonu Horgonypont törlése: megjelenik, amikor a kurzor a kijelölt vonal horgonypontjára kerül. A horgonypontra kattintva törli azt, és a két legközelebbi horgonypont között új vonal jön létre.
illustrator connect pent tool ikon Join anchor points: Megjelenik, amikor a kurzor az új vonalszakasz első horgonypontja fölé kerül, miután egy másik vonalszakaszon a hosszabbítás módszerét alkalmazta. ha rákattint, a két vonalszakasz összekapcsolódik.
blank Horgonypont hozzáadása: A plusz alakzat megjelenik a kurzorral a kijelölt vonalszakaszon. ha nincs kijelölve, a plusz alakzat nem jelenik meg. a kijelölt vonalra kattintva új horgonypontot adunk hozzá.
illusztrátor zárt pálya tollszerszám ikon Zárt pálya létrehozása: A kör alakzat akkor jelenik meg, amikor a rajzfolyamat eléri a kezdeti horgonypontot. Ha rákattint, zárt pálya jön létre.
illusztrátor tollszerszám horgonypont eszköz Horgonypont eszköz: Új horgonypont létrehozása után automatikusan megjelenik, és azonnal eltűnik, amikor a kurzor elmozdul. ha a horgonypontot húzza, megjelennek a horgonypont fogantyúk. A kurzor elengedése és újrapozícionálása egy íves segédvonalat jelenít meg.

Most fejezze be a rajzolást az animáció szerint, és figyelje meg a kurzor alakját rajzolás közben.

  • először a 3. és 4. horgonypontot kösse össze.
  • Most a 7. és 1. horgonypontot kösse össze, hogy zárt pályát hozzon létre.

Remélem, minden rendben van. 🙂

Kérem, vegye figyelembe:

A rajzolás ESC-vel történő befejezése mellett a két különálló vonal összekötése és egy zárt pálya létrehozása természetesen befejezi a rajzolást.
A rajzlapon lévő üres területen a CTRL billentyűvel végzett bal egérkattintás befejezi a rajzot.
SHIFT + bal egérkattintás új vonalat hoz létre, amely a kijelölt vonal útvonalából indul.
Ha a CTRL billentyűt lenyomva tartjuk, a tollszerszám kurzor ikonja a közvetlen kijelölő eszköz ikonjává változik, és közvetlen kijelölő eszközként működik. blank
Ha a CTRL + ALT billentyűk együttes lenyomása esetén a tollszerszám kurzor ikonja a csoportos kijelölő eszköz ikonjává változik, és csoportos kijelölő eszközként működik. blank
Ha az ALT billentyűt lenyomva tartjuk, a tollszerszám ikonja a horgonypont eszköz ikonjává alakul és horgonypont eszközként működik. blank
A horgonypont létrehozásakor, ha az egérkattintás befejezése előtt lenyomva tartjuk a Space billentyűt, a horgonypont mozgatható.

2. rész: Görbe rajzolása

A toll eszköz az Illustratorban görbe rajzolásra szolgál. Ahogy az alábbi, a toll eszközzel történő görbe rajzolás animáción látható, a bal egérgombot lenyomva tartva húzza a munkaterületen bárhová. Az első kattintás a kialakítandó görbe első rögzítési pontja. A horgonypontot konkrétan Sima horgonypontnak nevezzük. A kurzorral ellentétes irányban két fogantyú jelenik meg, ha az egérgombot lenyomva tartva húzza. Ezek a fogantyúk határozzák meg a létrehozandó görbe irányát és hosszát. felengedéskor és az egér mozgatásakor megjelenik a görbe előnézete. Ezt az előnézetet konkrétan gumiszalagnak nevezik. a beállítások párbeszédpanel segítségével be- és kikapcsolhatja.

A második rögzítési pontra kattintva létrejön a tényleges görbe. ha a görbének egymáshoz érintőlegesnek kell lennie, akkor az első rögzítési pontra alkalmazott lépések megismétlődnek.

blank

A fogantyúk mindkét irányban egyformán meghosszabbodnak. Ha azonban a sima rögzítési pont létrehozása után lenyomva tartjuk az ALT billentyűt, a második fogantyú hossza és szöge egymástól függetlenül módosítható. A következő animáció mutatja, hogyan kell ezt megtenni.

blank

Ha az érintőgörbét nem akarjuk folytatni, vagyis ha az utolsó horgonypontból egyenes vonalat akarunk képezni, a Toll eszközzel az utolsó horgonyponton egy kattintással eltávolítjuk a fogantyút. A horgonypontból most már egyenes vonalat hozhat létre.

A fogantyúkat általában a horgonypont eszközzel vezérli. A horgonypont eszköz gyorsbillentyűje a Shift + C. Másrészt láttuk, hogy a fogantyúkat az ALT billentyű lenyomva tartásával is vezérelhetjük, miközben a toll eszköz aktív. Amíg az ALT billentyű lenyomva van, a horgonypont eszköz a Toll eszköz helyébe lép.

3. rész: Rajzolás sablonképből

Próbáljuk ki a tanultakat egy példával.

A sablonrétegek segíthetnek eligazodni, amikor egy képből rajzolunk. Új dokumentum létrehozásakor egy üres fehér rajzlap jelenik meg. Ha a való világhoz hasonlót szeretnénk rajzolni, akkor importálhatunk egy képfájlt, és azt sablonrétegként használhatjuk. Valójában a valós világ alatt itt nem csak a valódi fényképeket értjük. A vázlatok is importálhatók sablonrétegként.

A kép sablonrétegként történő importálásához:

  • Menjen a Fájl>hely
  • Keresze meg a képét, és válassza ki
  • A (Vastag) sablon opció engedélyezése

A Link opció segítségével határozza meg, hogy az Illustrator munkaterületén beágyazza-e a képét. Ha a Link van kiválasztva, a kép a munkaterületen eltűnik, ha a lemezen lévő képet törlik, vagy a fájl elérési útját megváltoztatják.

blank
  • A párbeszédpanel bezárásához nyomja meg a Helyezés gombot

A kép ilyen módon történő elhelyezésével egy sablonréteg jön létre. Csökkenti a képet %50 %-kal lefelé. Ezáltal a kép alkalmasabbá válik a rajta lévő rajzolásra. Végül zárolja a réteget.

megnyithatja a rétegpanelt, hogy láthassa az imént létrehozott réteget. ha nem látja a rétegpanelt, lépjen az Ablak menübe, és válassza a Rétegek parancsot.

illustrator katmanlar paneli
Layers Panel

Ha a kép nagyobb, mint az artboardod, amivel általában találkozom, akkor le kell kicsinyítened az elhelyezett képet.

  • Először oldja fel a réteg zárolását
  • Méretezze le a képet
  • Zárolja újra a réteget

Ha befejezte a rajzolást, törölheti ezt a réteget.

Mivel a réteg le van zárva, nem lehet rajta rajzolni. váltson másik rétegre, vagy hozzon létre egy újat a vektor rajzolásához.

A fő szabály az, hogy a lehető leglágyabb görbéket hozzuk létre minél kevesebb sima horgonyponttal.

Az alapgörbét Bézier-görbének nevezzük. A Bézier-görbék lehetnek C-alakúak vagy S-alakúak. A fogantyúk iránya hozza létre a görbét C vagy S. Az alábbiakban mindkét görbe esetében látható a fogantyúk iránya a horgonypontoknál. A rajzolás kezdőpontja a bal oldal.

Bezier eğrisi
Bezier-görbék

A kenyérszelet kép görbéinek rajzai az alábbiakban láthatók. A kenyérszeletet egyenes és görbe szegmensként rajzoltuk vektorba, összesen 5 horgonyponttal.

blank

A horgonypontok száma eltérő lehet ugyanazon vektorrajz esetében. Az alábbi példában a bal oldali objektumnak 13 horgonypontja van. Ezzel szemben a jobb oldali objektum 20 horgonypontot tartalmaz. Figyelje meg a vektorokat, és jegyezze meg, mely horgonypontok feleslegesek. Képzelje el, hogy csökkentheti-e a horgonypontokat! Ne feledje, hogy nem mindig a horgonypontok csökkentése a cél. A részletek elveszhetnek. Koncentráljon a bal oldali objektum aljára. !!!!

blank

Mint látja, a jobb oldali objektumon a görbe közepén vannak a felesleges horgonypontok.

Ezért

A saját rajzain ne helyezzen horgonypontokat a “C” vagy “S” alakú görbék tetejére. Ne adjon horgonypontot minden egyes görbéhez, amit a rajzolás során lát, ahogy a legtöbb tervező teszi. Ez nem a helyes rajzolási módszer.

Nézze át a sablonobjektumot, mielőtt a vektort a kép fölé rajzolja. Képzelete alapján hozza létre fejben a “C” és “S” bezier görbéket. Ha igen, kezdje el a rajzolást a saroktól. Rajzoljon egy “S” vagy “C” alakzatot.

blank

A görbe tetejére egy horgonypont hozzáadása a rajzolás egyszerű módja. Mert nem kell sokat foglalkoznod a fogantyúkkal. Másrészt viszont plusz horgonypontokba kerül.

Mellett, Most már tudjuk, hogy a fogantyúk könnyen kezelhetők az ALT billentyűvel. Tehát ne féljünk visszamenni a már létrehozott horgonypontokhoz.

Emlékezzünk arra, hogy a horgonypontok kijelölése a CTRL + bal egérgombbal történik. Erre gyakran szükség lesz. A többi szükséges gyorsbillentyűt már fentebb leírtuk.

Nagyon sok sikert.

Akif Kutlu

P.S. A következő videókat is ajánljuk. Ezek török nyelven vannak. De bekapcsolhatod a feliratozást és az automatikus fordítást a nyelvedre.

How to use the pen tool in illustrator – Részletes Illustrator toll eszköz bemutató kezdő és középhaladó felhasználóknak
Tagged on: Illustrator toll eszköz bemutató Layer toll eszköz sablon

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.