Mindent megtudhatsz a pontozott vonalakról Illustratorban

Adobe Illustrator sorozatunk célja, hogy segítsünk megtanulni, hogyan lehet effekteket létrehozni a vektoros tervezőszoftverben. Azért vagyunk itt, hogy segítsünk leegyszerűsíteni a tervezési folyamatot mindenki számára, a kezdőktől a veteránokig! Ma arra összpontosítunk, hogyan lehet pontozott vonalakat létrehozni.

Az Adobe Illustrator egy világszerte használt, hatékony eszköz a grafikai tervezéshez és illusztrációhoz.

Tele van olyan funkciókkal, amelyekkel bármit megtervezhetsz, amit csak el tudsz képzelni, de arról is ismert, hogy elég meredek a tanulási görbéje. Még a profi tervezőknek is, akik már régóta a pályán vannak, néha szükségük van egy kis felfrissítésre néhány effekt alkalmazásával kapcsolatban. Szóval akár felfrissítésre ugrik be, akár először tanulja meg, hogyan hozzon létre egy szaggatott vonalat az Illustratorban, olvasson tovább!

Ebben a cikkben a szaggatott vonal létrehozásának különböző módjait mutatjuk be az Adobe Illustratorban, és megmutatjuk, hogyan készíthetsz szaggatott vonalat a Vectornatorban.

Mikor érdemes szaggatott vonalat használni a grafikai tervezésben?

Számos oka lehet annak, hogy egy tervező szaggatott vonalat használjon a terveiben. Íme néhány indíték:

• Dekoratív hatás, amely textúrát ad a képhez
• Pöttyös minta létrehozása
• Mozgás és irány megmutatása, például repülés
• Iránymutatás térképen vagy infografikán
• Grafikus papír hatás létrehozása
• Útbaigazítás, például, hogy hol kell valamit kivágni a csomagolás tervezésénél.
• Megmutatni, hogy hol kell valamit írni vagy aláírni
• Utasításokat adni, például, hogy hová kell hajtogatni valamit

Kép forrása: Dreamstime

Hogyan hozzunk létre szaggatott vonalat Illustratorban?

A "szaggatott vonal" lehet kör alakú pont, négyzet, téglalap vagy bármilyen más alakú. A szaggatott és a szaggatott vonalak felcserélhetők, és az alábbi utasítások mindkettőre vonatkoznak.

Az Illustratorban többféleképpen is létrehozhatsz szaggatott vonalakat. Az alábbiakban három lehetőséget mutatunk be. Miért ne próbálnád ki mindegyiket, hogy kiderüljön, melyik módszert kedveled?

1. lehetőség: Szaggatott és szaggatott vonalak létrehozása a Stroke eszközzel

• Először is, kezdjük egy vonal meghúzásával.
• Ezután nyissa meg a Megjelenés panelt a Tulajdonságok-> Megjelenés menüpontra navigálva, vagy Windowson az F6 billentyűparanccsal, Macen pedig a Shift+F6 billentyűkombinációval.
• Ha a megjelenési panel meg van nyitva, válassza a "Stroke" lehetőséget. Ez megnyitja a Strokes panelt, és különböző stroke opciókat ad.
• Válassza ki a "szaggatott vonal" opciót a Stroke palettán. Ez, ahogyan azt elképzelheti, egy szaggatott vonalat hoz létre.
• Most válassza a "lekerekített sapka" lehetőséget a lekerekített kötőjelek elkészítéséhez.

• A lekerekített szaggatott vonalakat pontokká csökkentheti a vonás súlyának és a hézagok értékének beállításával a vonás ablakban. Ez szaggatott vonalhatást eredményez.
• Négyzet alakú pont létrehozásához válassza a "Kivetítés" sapkát.
• A pontok és kötőjelek közötti távolságot a hézagértékek növelésével vagy csökkentésével módosíthatja.

• A szaggatott vonal színét a "Stroke Color" (Vonalszín) szerkesztésével szerkesztheti. Erre az opcióra kattintva megnyílik egy színpanel, ahol kiválaszthatja a kívánt színt.
• Ha különböző hosszúságú kötőjelekből álló kötőjelmintát vagy kötőjel-sorozatot, illetve szaggatott mintát szeretne létrehozni, játszhat a kötőjel-beállításokkal, és a kötőjel- és hézagértékek beállításával különböző sorozatok hozhat létre.

2. lehetőség: Pöttyözött ecset létrehozása az Ecset eszközzel

Ennél a módszernél egy kör létrehozásával kezdjük.

• Válassza ki a bal oldali megjelenítési panelen az alakzat eszközt. Ekkor a téglalap eszköz, a lekerekített téglalap eszköz, az ellipszis eszköz, a sokszög eszköz, a csillag eszköz és a fakó eszköz közül választhat. Az "ellipszis eszközt" fogja kiválasztani.
• Tartsa lenyomva a "shift" billentyűt, és húzza az egeret, hogy létrehozzon egy kört.
• Szerkesztheti a létrehozott kört kitöltéssel, a szín megváltoztatásával és a méret beállításával.
• Ha elégedett vagy a körrel, navigálj az ablak-> ecsetek menüpontra. Ekkor megjelenik az ecsetek ablak.
• Most kattintson és húzza a kört az előre beállított részbe.
• Ekkor felugrik egy párbeszédablak, amely a következőt mondja: "Új ecsettípus kiválasztása." Ez lehetőséget ad a "Scatter Brush", "Art Brush" vagy "Pattern Brush" kiválasztására.

• Válassza ki a "Scatter Brush" lehetőséget, és nyomja meg az "Ok" gombot.
• Egy másik ablak fog megjelenni a "Scatter Brush" további beállításaival. Válassza az "Ok" lehetőséget.
• Most menj a vonal eszközhöz, és húzd a vonalat oda, ahol a szaggatott vonalat szeretnéd megjeleníteni.
• Most válassza ki az imént létrehozott ecsetet.
• Voila! Egy szaggatott vonal jelenik meg ott, ahol az imént létrehozta a vonalat.

• Lehet, hogy még nem felel meg a kívánt specifikációnak, ezért módosítani kell. A szaggatott vonal szerkesztéséhez kattintson duplán az imént használt ecsetre.

• Egy új ablak fog megjelenni, ahol beállíthatja a pontozott vonal méretét, színét és súlyát, valamint a pontok közötti távolságot. Ezeket a beállításokat a csúszkák húzásával állíthatja be. A távolságot akár véletlenszerűen is beállíthatja, hogy a pontok közötti szabálytalan távolsággal rendelkező pontozott vonalat hozzon létre.
• Ha elégedett a szerkesztésekkel, nyomja meg az "Ok" és az "Apply To Strokes" gombot.

3. lehetőség: Blend eszköz

Az Illustratorban a blende eszközzel is létrehozhat szaggatott vonalat.

• Kezdje egy vonal létrehozásával a vonal eszközzel.
• Most hozzon létre egy kört az ellipszis eszközzel. Tartsa lenyomva a shiftet a kör rajzolása közben, hogy tökéletes kört alkosson.
• Ezután duplikáld a kört. Először válts a "Selection" eszközre.
• Ezután tartsa lenyomva az alt billentyűt, kattintson a körre, és húzza el. Ezzel létrehozza a kör másolatát.

Lila körök lila lineával

• Most jelölje ki mindkét kört, és navigáljon az "Objektum"-> "Keverés"-> "Készítés." Ugyanezt a hatást elérheti úgy is, hogy mindkét kört kijelöli, átvált a keverés eszközre, majd az egyik körre, majd a másikra kattintva létrehoz egy keverést.

• Ezután jelölje ki az elegyet és a vonalat is a kijelölő eszközzel.
• Navigáljon az "Object"-> "Blend"-> "Replace Spine" menüpontra.

• Most navigáljon az "Object-> "Blend"-> "Blend Options" menüponthoz.
• Megjelenik egy párbeszédpanel a távolság és a tájolás beállításaival.
• A "Távolság" mellett válassza a "Meghatározott lépések" lehetőséget a legördülő menüből.
• Most adja meg, hogy hány pontot szeretne az első két pont között, hogy elérje a kívánt távolságot. Ha például "2"-t ír be, akkor az eredeti két pont között már csak két kör lesz.

• A legördülő menüből kiválaszthatja a "Megadott távolság" lehetőséget is, hogy megváltoztassa a résértékeket, és beállítsa a pontok közötti távolságot, ami nagyobb vagy kisebb résméretet eredményez a pontok között.
• Ismétlem, ezzel a módszerrel bármilyen tetszőleges alakzatból felépítheted a szaggatott vonalat.

Próbáljon ki egy Illustrator alternatívát

Ha szeretnél kipróbálni egy Illustrator alternatívát macOS-re, próbáld ki a Vectornator-t. Úgy tervezték, hogy rendkívül felhasználóbarát legyen, miközben megtartja az olyan iparági szabványos szoftverek szabványait és funkcióképességét, mint az Illustrator. Az alábbiakban összeállítottunk egy útmutatót arról, hogyan hozhatsz létre szaggatott vagy szaggatott vonalat a Vectornator-ban.

Nézze meg az alábbi GIF-et egy gyors bemutatóért, hogyan készítsünk egy pontozott vonalat a Vectornatorban, és kövesse az alatta lévő utasításokat.0

• Először is, kezdj el egy vonalat létrehozni a toll eszközzel. Ha segítségre van szükséged a toll eszközzel való munka elsajátításához, itt találsz egy kis leírást.
• Létrehozhat egyenes vonalat, görbe vonalat vagy egy teljes alakzatot.
• Ha elégedett vagy a vonallal, menj a képernyő jobb oldalán lévő Ellenőrzőbe, és a "Stroke" mellett lévő kapcsolóra kattintva kapcsold be.
• Ekkor megjelenik a stroke menü.
• Ebben a menüben beállíthatja az összes vonásbeállítást, a vonásszélességtől a sapka alakjáig és színéig.
• Az Illustratorhoz hasonlóan itt is egy lekerekített rést választasz, hogy szaggatott vonalat kapj.
• Ha a vonalat pontozott vagy szaggatott vonallá szeretné változtatni, lépjen a vonalak menü "Vonal" szakaszába.
• Adjon meg egy értéket a bal oldali mezőbe. Ez határozza meg az egyes pontok vagy kötőjelek hosszát. Kezdetben bármilyen értéket választhat, és ezt szükség szerint módosíthatja menet közben.
• Most lépjen át a stroke menü "Gap" szakaszába, és írjon be egy értéket a bal oldali mezőbe. Ez határozza meg a pontok vagy kötőjelek közötti rés méretét.
• Ahhoz, hogy az összes pont egyenlő méretű legyen, és egyenlő távolságot tartson köztük, a "Dash" és a "Gap" mezőkben mindkét mezőben azonos értékeket kell megadnia.
• Ha változatosságot szeretne teremteni a mintában, akkor az egyes mezőkben lévő értékeket úgy állíthatja be, hogy különböző hézagméreteket és kötőjelhosszúságokat hozzon létre.
• Miután létrehozta a kívánt pontozott vonalat, kiválaszthatja ugyanezen eszközök bármelyikét, hogy rajzoljon vele. Így nagyon egyszerűen hozhat létre pontozott alakzatokat, például vonalat, négyzetet vagy kört.

Néhány Dotted Line inspiráció

Most, hogy már tudod, hogyan készíts szaggatott vonalat Illustratorban és Vectornatorban, nézd meg az alábbi példákat, hogy ötleteket találj a szaggatott vonalak alkalmazásának különböző módjairól.

Mozgás ábrázolása a térképen

A térképeken gyakran találkozhatunk csavarodó és elforduló szaggatott vonalakkal. Jól használhatóak valaminek az irányának ábrázolására.

Vágási utasítások ábrázolása

A szaggatott vagy szaggatott vonal, amelyet egy olló ikon előz meg, egy univerzális jelzés arra, hogy hol kell valamit elvágni. Ezzel valószínűleg találkozol, ha a csomagolástervezéssel foglalkozol.

Kép forrása: Dreamstime

Textúra és dimenzió

A pontozott és szaggatott vonalak textúrát és dimenziót kölcsönöznek a képeknek, és remekül illeszkednek az illusztrációkba, különösen az olyan absztrakt geometriai mintákba, mint az alábbi.

Kép forrása: Dreamstime

Infografika

A szaggatott és a szaggatott vonalak kiválóan alkalmasak az infografikák irányának közvetítésére, mint az alábbi képen.

Kép forrása: Dreamstime

Készen állsz?

Remélhetőleg most inspirálva érzi magát, és fel van szerelve a szaggatott vonalak és szaggatott minták Adobe Illustratorban és Vectornatorban történő létrehozásához szükséges tudással.

Mindig szívesen látjuk, hogy mit alkot a közösségünk, így ha úgy érzed, hogy meg szeretnéd osztani velünk a pöttyös vonalas dizájnodat, mindenképpen írj nekünk egy sort a DM-ünkbe!