Hangulatos felirat egyszerű grafikával

ekkor: 2013-07-23 · Kategória: Illustrator
×A grafika elkészítéséhez az Adobe Illustrator CS5, vagy újabb verzióra lesz szükség!

Egyszerű, de hangulatos felirat készítése Illustratorral

Ebben a tutorialban egy könnyen elkészíthető grafika lépéseit fogom bemutatni. A cikk folyamán létrehozunk egy szolid, témához illeszkedő hátteret, majd gyorsan kivitelezhető módszerekkel hozzáadunk szöveget, illetve egy alap síkidomok segítségével létrehozott grafikát.

1. lépés

Nyissunk egy új projektet. Egy rajztáblánk legyen, melynek mérete 1024×768. A színmód legyen CMYK, Raster Effects pedig 300 dpi:

badacsony_001
Váltsunk Paintbrush Tool-ra (“b”), majd az ecset vonalvastagságát (Stroke) állítsuk 2 pt-re:

badacsony_003
Rajzoljuk meg egy szőlőlevél körvonalát (lehet puskázni is fotóról, vagy egyéb grafikáról). Nekem így sikerült:

badacsony_004
Ahol a körvonalat befejeztük, szinte biztos, hogy nem lesz zárt a görbénk:

badacsony_005
Direct Selection Tool (“a”) segítségével jelöljük ki a megfelelő pontot és húzzuk pontosan a másik fölé, majd mindkettőt kijelölve kattintsunk a felső eszköztáron a Connect selected end points ikonra, hogy bezárjuk a görbénket:

badacsony_007
A Direct Selection Tool segítségével tovább csinosíthatjuk a levél körvonalát ott, ahol nem tetszik, vagy rajzolás közben megcsúsztunk kicsit. Mozgassuk a pontokat és használjuk azok érintőit és fogópontjaikat a módosításokhoz. Nekem ilyen lett a végeredmény:

badacsony_008
Váltsunk vissza Selection Toolra és legyen kijelölve a levél. Győződjünk meg róla, hogy a felső eszköztáron az ecset fajtájához a 2 pt. Oval van beállítva. Ettől olyan hatása van a rajznak, mintha tollal, vagy tussal rajzoltuk volna, nem egyenletesen vastag a vonal mindenhol:

badacsony_009
Váltsunk ismét Paintbrush Tool-ra (“b”) és a képen láthatóhoz hasonló módon rajzoljunk stilizáltan erezetet a levélnek. Az ecset típusát itt is állítsuk 2 pt. Oval-ra:

badacsony_012
Majd ezt követően változtassuk meg az erezet vonalainak vastagságát 0,5 pt-ra:

badacsony_013
Jelöljük ki a levélhez tartozó összes vonalat, majd foglaljuk őket csoportba az Object > Group paranccsal. Ha ez megvan, akkor Object > Expand Appearance. Ezzel a görbéket objektumokká alakítottuk. Innentől kezdve nem tudjuk görbeként szerkeszteni az íveket:

badacsony_015

2. lépés

A levél megrajzolása után álljunk neki abból mintát készíteni. Ehhez először készítsünk másolatot az eredeti szőlőlevélről. Méretezzük a másolatot jóval kisebbre és lefelé vigyük messzire az eredetitől a képen láthatóhoz hasonlóan:

badacsony_017
Ha ez megvan, akkor jelöljük ki mindkettőt és válasszuk az Object > Blend > Make parancsot:

badacsony_019
Látható, hogy két további, köztes méretű levél keletkezett. Most Object > Blend > Blend Options, majd alkalmazzuk a következő beállításokat: Spacing: Specified Steps, a szám mezőbe pedig adjunk meg 2-t:

badacsony_021
Ezt követően válasszuk az Object > Expand parancsot, hogy alakzatokká alakítsuk az átmenetünket:

badacsony_023
Most Object > Ungroup paranccsal bontsuk a csoportot, amiben a levelek vannak és készítsünk minél több másolatot:

badacsony_026
Kezdjük el rendezgetni a leveleket a rajztáblán. Mozgassuk, forgassuk őket. Készítsünk annyi másolatot, amennyi kell. Nyugodtan méretezzünk, ha valahová kisebb, vagy nagyobb levél kívánkozik:

badacsony_027 badacsony_028
A végén, valami hasonló mintát hozzunk létre:

badacsony_029
Jelöljük ki az összes levelet és Object > Group-pal foglaljuk őket csoportba, majd az Align paletta segítségével igazítsuk a mintát a rajztábla közepéhez:

badacsony_032
Váltsunk Rectangle Tool-ra (“m”) és rajzoljunk egy rajztáblával megegyező méretű téglalapot:

badacsony_033
Küldjük a téglalapot a háttérbe és töltsük ki a képen látható módon egy világos zöld tónusból sötétebb zöldbe tartó Radial típusú átmenettel:

badacsony_035
Ha ez megvan, akkor jelöljük ki a leveleket és állítsuk a színüket a képen láthatóhoz hasonló sötét zöldre. A lényeg, hogy elüssön a háttértől:

badacsony_039
A színcsere után az Appearance panelen változtassuk meg a levelek Opacity értékét 40%-ra:

badacsony_040
A hátteret és a leveleket egyaránt rögzítsük a rajztáblán az Object > Lock > Selection paranccsal (Ctrl+2):

badacsony_042

3. lépés

Most következik a szöveg és a grafika hozzáadása. Keressünk valami kézírás stílusú, de olvasható fontot és gépeljünk be Type Tool (“t”) segítségével két külön sorba szöveget. A badacsonyi borhetek most egy aktuális rendezvény, ezért az alább látható szöveg:

badacsony_045
Object > Expand Appearance paranccsal konvertáljuk alakzatokká a szöveget, majd változtassuk meg a színét fehérre:

badacsony_048
A feliratot rendezzük vázlat-szerűen a képen látható módon, majd rajzoljunk egy téglalapot:

badacsony_050
A nagy téglalap mellé rajzoljunk a képen látható módon elhelyezve és méretezve egy újabbat:

badacsony_052
Most váltsunk Pen Tool-ra és az alábbi módszerrel a – nálam – piros téglalap bal oldalán pontosan középen adjunk hozzá egy újabb pontot kattintással:

badacsony_054
Ha ez megvan, váltsunk Direct Selection Tool-ra és az imént hozzáadott pontot húzzuk Shift nyomva tartása mellett jobbra:

badacsony_055
A szalag bal oldaláról készítsünk másolatot, vigyük át a túloldalra és Object > Transform > Reflect parancs segítségével tükrözzük azt:

badacsony_057
Most a két szalag véget küldjük hátrébb:

badacsony_059
Igazítsuk őket a képeken látható módon a nagy téglalaphoz:

badacsony_060 badacsony_061
Mindhárom elemet jelöljük ki, majd a kitöltőszínt állítsuk None-ra, a körvonal pedig legyen fehér és a vonal vastagságát állítsuk 10 pt-re:

badacsony_064
A bal oldali szalag véget pozicionáljuk hasonlóan, majd váltsunk Pen Tool-ra:

badacsony_065
Most az alábbi két képen látható helyeken adjunk hozzá egy-egy pontot a szalag vég körvonalához:

badacsony_067 badacsony_068
Váltsunk Direct Selection Tool-ra és az alábbi módon töröljük a jobb felső sarokpontot Del-lel:

badacsony_070
A jobb oldali szalag véget felülre tegyük és az előzőekben bemutatott módszerrel hozzunk létre pontokat és töröljük a bal alsó sarokpontot a képeken látható eredményért:

badacsony_073
Végül Object > Expand paranccsal konvertáljuk alakzattá a görbéket:

badacsony_076
Most készítsük el a poharat. Rajzoljunk egy kört, majd Direct Selection Tool segítségével jelöljük ki a felső alkotó pontját és Del-lel töröljük azt:

badacsony_079 badacsony_080
Ezt követően rajzoljunk egy téglalapot, ami olyan széles, mint a félkör átmérője, illetve egy ellipszist a képen látható módon:

badacsony_081
A félkört és a téglalapot egyesítsük a Pathfinder paletta Unite opciójával, majd az így kapott forma kitöltőszínét állítsuk None-ra, a körvonalát pedig fehérre és 4 pt vastagra:

badacsony_083
A fenti ellipszisnek se legyen kitöltése és 4 pt vastag fehér körvonalat kapjon:

badacsony_084
Váltsunk Direct Selection Tool-ra és töröljük a képen látható (vagyis pont, hogy nem látható 🙂 ) vonalat Del-lel:

badacsony_086
Az ellipszist (a pohár karimáját) húzzuk egy vonalba a pohár tetejével:

badacsony_087
Direct Selection Tool segítségével jelöljük ki egyszerre a pohár karimájának szélét és a pohár tetejét alkotó pontokat és húzzuk őket a pohár közepe felé vízszintesen. Valami hasonló módon, mint a képen:

badacsony_092
Ha ez megvan, váltsunk Width Tool-ra (“Shift+W”) és az alábbi képekhez hasonlóan változtassuk meg a pohár vonalának vastagságát az alább látható pontokon:

badacsony_094 badacsony_095 badacsony_096
Hasonló módon járjunk el a pohár karimájánál is oldalt…

badacsony_097 badacsony_098

…illetve alul és felül:

badacsony_099 badacsony_100

Valami hasonlót kell kapnunk eredményül:

badacsony_101
Object > Expand Appearance segítségével alakítsuk át a görbéket alakzattá:

badacsony_103
A képen látható módon hozzunk létre egy téglalapot és annak pontjait mozgassuk el, hogy egy hasonló trapézt kapjunk. Ez lesz a pohár szára:

badacsony_107
Végül igazítsuk a szárat középre és a pohárral együtt kijelölve válasszuk a Pathfinder paletta Unite kapcsolóját:

badacsony_108
Forgassuk el a poharat és pozicionáljuk valahogy úgy, mint a képen látható:

badacsony_109
Paintbrush segítségével rajzoljuk meg a bort jelképező hullámvonalat. Az ecset legyen 2 pt. Oval, a vonal vastagsága pedig 2 pt:

badacsony_112
Ezek után a hullámot konvertáljuk alakzattá (Expand Appearance) és foglaljuk egy csoportba a pohárral:

badacsony_114
Most a képen látható módon rajzoljunk egy téglalapot, mely pont akkora, minta a szalag belső körvonala, majd az új téglalapot jelöljük ki a pohárral együtt.

Fontos, hogy a téglalap takarja a poharat:

badacsony_116
Ezután Object > Clipping Mask > Make paranccsal (Ctrl+7) létrehozunk egy vágómaszkot, hogy csak a pohár azon részét lássuk, ami nekünk kell:

badacsony_117
Foglaljuk az egész szalagot poharastól csoportba, majd az Apearance eszköztárról válasszuk az fx > Warp > Wave effektet. A beállításoknál alkalmazzuk a Horizontal kapcsolót -20% Bend érték mellett:

badacsony_120
Igazítsuk a két szöveget, illetve a grafikát egymástól azonos távolságra, illetve a rajztábla közepéhez:

badacsony_122

4. lépés

Már csak az utolsó simítások vannak hátra, hogy egy kicsit kiemeljük a szöveget és a grafikát a háttérből. Jelöljünk ki mindent, majd az Appearance panelről válasszuk az fx > Stylize > Drop Shadow effektet:

badacsony_124
Az effekt beállításainál az árnyék színéhez válasszunk egy fakó almazöld színt, valami hasonlót, mint a képen:

badacsony_126
A további beállítások legyenek a következők:

  • Mode: Normal
  • Opacity: 100%
  • X Offset: 3 px
  • Y Offset: 3 px
  • Blur: 0 px

badacsony_127
Ha ez megvan, akkor alkalmazzunk ismét egy Drop Shadow effektet a kijelölt grafikára. Ezúttal annyi különbséggel az előzőhöz képest, hogy az árnyék színe legyen teljesen fekete, az Opacity-t pedig állítsuk 20%-ra:

badacsony_130
A végeredmény egy ehhez hasonló egyszerű, mégis látványos grafika lesz. Tessék menni borhétre, ha Badacsony felé jártok 🙂 Minden évben van…

Badacsony-01