Az Adobe Illustrator a design munkákhoz elengedhetetlen vektorgrafikus képszerkesztő program.
Remek grafikák készíthetők vele, de sokszor a legegyszerűbbnek tűnő dolog is sok fejtörést tud okozni.
Számos „rejtett” funkció segítségével tudunk megvalósítani egy-egy elképzelt grafikát, objektumot, egyedi megoldást.
Az Illustrator egyik leghasznosabb, ám egyben legidegesítőbb eszközének működésébe nyerhetünk bepillantást ebben a bemutatóban.
Megismerkedhetünk a kör alakzat létrehozásának és a szöveg köré helyezésének lépéseivel, a különböző igazítási beállításokkal, illetve az eszköz speciális trükkjeivel, amelyek a pontos elhelyezést és forgatást segítik.
Felmerül a kérdés: hogyan tehetjük egyszerűbbé és precízebbé a szöveg elhelyezését körvonalak mentén, és miként javíthatjuk ki az eszköz idegesítő hibáit?
Az Illustrator vektorgrafikus program a grafikai elemek, a különféle karakterek megrajzolásán és a profi logók megtervezésén kívül számtalan egyéb műveletben is a segítségünkre lehet.
Az egyik ilyen technika nem más, mint a szöveg formára történő hajlítása, a szöveg “megformázása”.
Legyen az a forma éppen egy virág, levél, vízcsepp, szív, hullám, hexagon, stb, erre a formára remekül meg/ráhajlíthatjuk az adott szöveget.
Szöveg írása görbékre és alakzatokba
Az Adobe Illustratorban számos módszer létezik arra, hogy a szöveget egyedi alakzatokba vagy görbék mentén helyezzük el.
Szöveg írása zárt görbére
Illesszünk be egy körvonalat/ellipszist, majd válasszuk ki a Szöveg eszközön belül a „Szöveg a görbén” funkciót.
Miután begépeltük, és elkattintunk, a körvonal el fog tűnni, és csak az ívelt szöveg marad ott.
A szöveget el tudjuk mozgatni a megfelelő irányba: a Kijelölés eszközt kiválasztva vigyük az egeret az első betű közelébe, kattintsunk, és egy jobbra mutató fogantyú fog megjelenni, vagyis jobbra tudjuk eltolni a körvonalon a szöveget (ha a szöveg utolsó betűjénél kattintasz, akkor egy balra mutató fogantyú fog megjelenni, vagyis balra tudjuk mozgatni a szöveget a körvonal mentén).
Szöveg írása nyitott görbére
A Toll eszköz segítségével rajzoljunk egy félkörívet (vagy ha hullámosan szeretnénk elrendezni a betűket, akkor egy hullámot vagy egy ívelt vonalat).
Például hullámos szöveg létrehozására már olvashattál is egy a megoldást.
Legyen kijelölve a körvonallá alakított szöveg, majd ha a felső menüsorból kiválasztjuk a „Hatás” opciót, azon belül számos lehetőséget találunk még, mint például Hajlítás (ezen belül megtalálod pl. a Hullám-ot is), Stilizálás (pl. firka-hatás) Torzítás és alakítás, stb.
Kedvedre válogathatsz, alakítgathatsz.
Szöveg körbefuttatása alakzaton belül
Majdnem éppen egy éve írtam "Szöveg egyéni alakzatba illesztése" címmel egy tutorialt, ami a Photoshop egyik remek szövegkezelési lehetőségét boncolgatja.
Valójában már akkor, majdnem pontosan egy éve felmerült bennem (és másokban is), hogy szép-szép a módszer, meg látványos az eredmény, de mi történik akkor, ha az a szándékunk, hogy egy alakzatot teljesen körbevegyen a szöveg, úgymond körülfolyjon.
Sok próbálkozás és internetes kutakodás után arra a cseppet sem biztató az eredményre jutottam, hogy ezt bizony nem lehetséges megcsinálni a Photohsoppal.
Elkönyveltük, hogy nem lehet, és napirendre tértünk fölötte.
Történt azonban, hogy a különböző nemzetek fiai és lányai elkezdtek úgynevezett Photoshop CS6 kívánságlistát összeállítani, ki mit szeretne, milyen funkció kerüljön az új fejlesztésbe.
Mi - haladó és profi Photoshop userek - szintén nekiálltunk ötletelni, és kívánságlistát írni, és a fejemben ismét felbukkant az ötlet, hogy jó lenne, ha végre lehetővé tennék az Adobe fejlesztői, hogy ezt az alapfunkciót, amit bármely tördelőprogram tud, átvegyék és elérhetővé tegyék Photoshopban is.
Az itcafé Photoshop topicjában egy napig tartott, mire meg tudtam értetni a többiekkel, hogy mire gondolok.
Kábé innentől érdekes olvasni a hozzászólásokat.
Addig jutottunk, hogy tényleg jó lenne egy ilyen funkció, mígnem a legnagyobb meglepetésemre Nrduu előállt a megoldással.
Tényleg nagy volt a meglepetés, hogy mégiscsak meg lehet csinálni.
Aztán a módszert továbbfinomítottuk (én is beleszerkesztettem egy téglalapot :), és végül Wyll-ét kell győztesnek kihirdetnem.
Az ő megoldása az, ami minden szempontból megfelelő, bár kissé macerás.
Ezt a módszert fogom most ismertetni, nekem jutott a megtiszteltetés, hogy szavakba öntsem és közszemlére tegyem.
E viszonylag hosszú bevezető után lássunk is hozzá.
A probléma megközelítése
Amint a tavalyi cikkből is kiderül, szöveget bármilyen pathba (vektorgrafikus eszközzel rajzolt objektumba) bele lehet pakolni a CS (8.0) programverzió óta.
Szép dolog, de mi van akkor, ha a fő objektum a képünk kellős közepén helyezkedik el, és annak kivételével az egész képet meg szeretnénk tölteni szöveggel?
Haladóbb felhasználók számára kézenfekvőnek látszik a megoldás: rajzoljunk egy téglalapot a szövegnek, majd a téglalapba rajzoljunk egy másik pathot, ami követi az objektumunkat.
Amennyiben a külső téglalap pozitív, a közepe pedig negatív, ott keletkezik egy "lyuk", amit majd jól körbe fog folyni a szöveg.
Itt a bibi.
Nem fogja körbefolyni, mert a szövegeszköz egyszerűen figyelmen kívül hagyja, hogy ott van még valami.
Az egy másik path, és nem abba kattintottunk, tehát neki nem kell vele foglalkoznia.
Sok-sok próbálkozás után kiderült a megoldás: a két pathot össze kell valamilyen módon kapcsolni (mondjuk egy harmadik alazkattal), valamint egyúttal meg kell nyitni, mégpedig olyan módon, hogy az a kész szövegen utólag észrevehetetlen legyen.
Ezzel ismét volt egy probléma.
Ha megnyitjuk a pathot, ott nem veszi figyelembe a program a szóközöket, így előfordulhat, hogy némely szavak egymásra torlódnak, némelyeket pedig - amelyek hosszúak - elválasztja a program, amennyiben az elválasztás be van kapcsolva.
Mit tegyünk hát?
Válasz: Ne függőlegesen, hanem vízszintesen nyissuk meg a pathot, és úgy már nem fog beleszólni a szövegrendezésbe.
Később majd látni fogjuk, hogy valójában teljesen mindegy, hogy vízszintesen, vagy függőlegesen nyitjuk-e meg a pathot.
A módszer lépésről lépésre
Íme a módszer:
Adott egy kép, a kellős közepén egy alakzattal.
Elővesszük a Téglalap eszközünket [U], és a kép majdnem teljes hosszában és szélességében rajzolunk egy téglalap alakú pathot.
Ez lesz a szövegünk doboza.
De úgy kellene csinálni, hogy a középen lévő alakzatot kikerülje.
Amikor a téglalapot létrehozzuk, ügyeljünk rá, hogy az Exclude overlapping path areas üzemmód legyen az aktív.
Balról jobbra a negyedik ikon az eszköztáron, vagy ha úgy tetszik, a legutolsó.
Majd a középen lévő alakzatot körberajzoljuk, Pennel, vagy vektoros alakzateszközzel.
Én az egyszerűség kedvéért ezúttal a kész, gyári shape mellett maradtam.
Ugyanazzal az üzemmóddal, mint a téglalapot, létrehoztam a szív alakú 2. számú pathot is, immár a kép közepén.
A következő feladatunk, hogy kapcsolatot hozzunk létre a téglalap és a szív között, mégpedig úgy, hogy a két alakzat egyetlen nyitott pathot alkosson.
Egyszerűnek tűnik.
De valóban az?
Ismét elővesszük a téglalap eszközünket, és még mindig az Exclude overlapping path areas üzemmódnál maradva egy igen keskeny, hosszú, függőleges téglalapot rajzolunk.
Éppen olyan hosszút, hogy a két alakzatot összekösse.
Igyekezzünk minél keskenyebbre rajzolni.
Valahogy így.
Kinagyítva jól látszik, hogy egy keskeny téglalap köti össze a két alakzatunkat, a nagy téglalapot és a szívet.
Ha eddig mindent az utasításoknak megfelelően csináltunk, a vágólapra másolt szöveget már bele is illeszthetjük az előkészített pathba.
Vegyük elő a szövegeszközünket (Horizontal Type Tool [T]), és kattintsunk a nagy téglalap belsejébe, majd illesszük bele a szöveget.
Amint látjuk, a szöveg teljesen körülölelte az alakzatunkat, de az élesebb szeműek egyből kiszúrhatják, hogy valami probléma van vele.
Igen, amint fent is említettem, ahol a pathot megnyitottuk, néhány szó egymásra torlódott, míg más szavakat egyszerűen szétválasztott a program.
Ez így nem jó.
A kinagyított képen jól látszik a probléma.
Sehogy sem akarja az igazságot a Photoshop.
X:0 az ő javára.
A projektünk elúszni látszik.
Itt jön a képbe Wyll zseniális húzása!
A megoldás: a keresztező szegmensek
A megoldás: a két pathot összekötő nyitott szegmensek keresztezése, vagyis egymásra húzása.
A Közvetlen kijelölővel [A] oda kattintunk, ahol a függőleges szegmens a szív pathjával találkozik.
Megfogjuk a bal rögzítőpontot, és jobb felé keresztülhúzzuk a másikon.
Majd felnavigálunk, megfogjuk a jobb szegmens rögzítőpontját, és bal felé áthúzzuk a szomszédján.
Természetesen mindegy, melyik irányt válasszuk, a lényeg, hogy a korábban két párhuzamos vonal immár keresztezze egymást.
Ilyen módon saját magát fedi át az alakzat, és mégis nyitott marad.
Így pedig már nem fog beleszólni a szövegrendezésbe, immár minden a megfelelő szóközökkel és elválasztás nélkül jelenik meg.
Most már a szövegünk szépen, egyenletesen megtölti a szövegmezőt, és a középső alakzatot is megkerüli.
Nincsenek benne hiányzó szóközök, és erőszakosan szétválasztott szavak.
Pontosan úgy fest, ahogy festenie kell.
Összetettebb alakzatok és szöveg
Ebben a bemutatóban megmutatom, hogyan lehet szöveget beszúrni egy alakzatba az Adobe Illustratorban.
Ez a folyamat különösen hasznos, ha kreatív terveket szeretne létrehozni olyan betűkkel, amelyek meghatározott alakzatokba vagy körvonalakba illeszkednek.
Megtanulja, hogyan hozzon létre egy alakzatot, ossza fel, majd szabja testre és illessze be a szöveget.
A legfontosabb tudnivalók
- Alakzatok létrehozása és testreszabása a toll eszközzel.
- Alakzatok felosztása a szöveg elhelyezéséhez.
- A szövegeszköz használata a szöveg beviteléhez és testreszabásához.
- A torzító boríték használata a szöveg alakzatba való integrálásához.
Lépésről lépésre útmutató
Szöveg beillesztéséhez egy alakzatba egyszerűen kövesse az alábbi lépéseket:
- Először nyissa meg az Adobe Illustrator programot, és készítse elő a projektet. Ebben a példában egy szószos üveget fogunk alakzatként használni. Bármilyen alakzatot választhat. Kezdje a palack felvázolásával vagy egy meglévő vektorgrafika importálásával.
- Az alakzat helyes megtervezéséhez először fel kell osztania az alakzatot. Gondolja át, hogy pontosan hova kell elhelyezni a szöveget. Ebben a példában a palack alsó részét fogja használni. Fontos, hogy a kontúrokat úgy tervezze meg, hogy a szöveg jól olvasható legyen, és illeszkedjen az alakzathoz.
- Most válassza ki a toll eszközt, és rajzoljon egy olyan alakzatot, amely követi a szöveg menetét. Az alakzat színe elsőre nem számít, csak az a fontos, hogy a felület megtervezésével kezdje.
- Miután létrehozta az alakzatot, jelölje ki azt. A területek felosztásához nyissa meg az útkereső ablakot. Ott különböző opciókat választhat az alakzat további szerkesztéséhez. Most kattintson a "Csoportosítás feloldása" opcióra az egyes részek kijelöléséhez. Ez lehetőséget ad a kiálló részek törlésére. Ügyeljen arra, hogy csak azok a területek maradjanak meg, amelyekbe a szöveget be kívánja illeszteni.
- Most már megvan a tökéletes alap a szöveg beillesztéséhez. Válassza ki a szöveg eszközt, és kezdje el begépelni a szöveget. A mi példánkban ez egyszerűen a "Forró" lehet. A betűméretet és a betűtípust tetszés szerint állíthatja be, hogy elérje a kívánt megjelenést.
- Hozzon létre egy másolatot a beillesztett szövegről az Alt billentyű lenyomva tartásával és a kijelölő eszközzel történő húzással. Az új szöveget testre szabhatja - az egyértelműség kedvéért írhatja alá a "BB" és a "Sauce" feliratot.
- Ha már beállította a szöveget, ideje megváltoztatni a szöveg színeit. Úgy kell kinéznie, mintha a szöveg az alakzat fölé kerülne, és az alakzat már nem lenne látható. Ehhez kattintson a szöveg színére, és válasszon ki egy újat, hogy jól illeszkedjen az alakzathoz.
- A következő lépés az objektum előtérbe helyezése. Ezt úgy teheti meg, hogy a menü tetején az Object (Objektum), majd az Arrange (Elrendezés) és végül a "Bringing to front" (Előtérbe helyezés) menüpontra kattint. Ez biztosítja, hogy a szöveged láthatóvá váljon.
- Most fontos, hogy kijelölje az alakzat felső részét. Tartsa lenyomva a Shift billentyűt, majd jelölje ki a megfelelő szöveget, amelyet össze szeretne kapcsolni. Tartsa itt is lenyomva a Shift billentyűt a szöveg összekapcsolásához. Kattintson ismét a "Torzító boríték" és a "Csatlakozás a felső objektumhoz" lehetőségre.
- Ha ezt az alakzat minden részével megteszi, látni fogja, hogy a szöveg tökéletesen alkalmazkodik az alakzat körvonalaihoz.
- Ha minden lépést elvégeztél, a terved elkészült, és sikeresen beillesztetted a szöveget egy alakzatba az Adobe Illustratorban!
További funkciók és eszközök
A Radír eszközzel korrigálhatjuk elrontott rajzainkat, komplett ábrák egy részét is kitörölhetjük, a túl hosszúra sikerült vonalakból lefaraghatunk, stb.
A Görberadír eszköz lehetővé teszi a görbe törlését a mutató a görbe mentén történő húzásával.
A Radír eszköz lehetővé teszi a grafika bármely részének a szerkezettől független törlését.
Az aktív Radír eszközt húzzuk végig (akár többször is) a törölni kívánt területen.
Ha egy keretezést kívánunk húzni egy terület köré, és azon belül mindent törölni, akkor a húzás közben tartsuk lenyomva az Alt billentyűt (Windows) vagy az Option billentyűt (Mac OS).
Kattintsunk duplán az eszközsoron található Radír eszköz ikonra, és a megnyíló ablakban többek között a méretét is tudjuk szabályozni.
Kerekség: az eszköz kerekségét határozza meg.
A videóban kézzelfogható tippeket és gyakorlati módszereket mutatnak be, amelyekkel megkönnyíthető a dizájnerek munkája.
Az Illustrator egyik leghasznosabb, ám egyben legidegesítőbb eszközének működésébe nyerhetünk bepillantást ebben a bemutatóban.
A Görbére írt szöveg eszköz használata szöveg hozzáadásához bármely görbe vagy alakzat körvonalához, szöveg mozgatásához vagy átfordításához, és hatások hozzáadásához.
Válassza ki a görbét a Kijelölés eszközzel vagy a Közvetlen kijelölés eszközzel:
- A. Szivárvány
- B. Döntés
- C. 3D szalag
- D. Az alapvonalat igazítja.
A. Felmenő
B. Lelógó
C. Középre
D. Egy tökéletesen körkörös görbén a Gravitáció hatás úgy néz ki, mint az alapértelmezett Szivárvány hatás.
A Térköz értékének nincsen hatása az egyenes görbéken lévő karakterekre.
Ha a szöveget úgy szeretné a görbe másik oldalára húzni, hogy iránya ne változzon, használja a Karakter panel Alapvonal-eltolás beállítását.
tags: #szoveg #alakzatba #helyezese #illustrator