2010.08.31
14:43
Page 5
Bevezetõ Bevezetés A két részre osztott könyv egy olyan gyakorlati folyamatot javasol, melynek alapjai a grafikai tervezés és az elektronikus könyvkiadás alapjaihoz nyúlnak vissza, az elsô részben szólunk róla, hogy késôbb mind ez központosuljon, a második részben, egy tagolt, kiadói projekt gyakorlati megvalósításában, mely az Adobe Illustrator-t veszi alapul, ami egyike a legismertebb és legsokoldalúbb szoftvereknek a reklám és kiadványgrafika területén. Work in process-ként emlegetve, a kötet második részében tárgyalt projekt gyakorlati képet ad a grafikai és kiadói tervezés több megközelítésérôl, kezdve cégek logoinak megtervezésével és megvalósításával, a cégek összképének részét képezô névjegykártyákon, fejléces borítékon és levélpapíron át, a valódi, és sajátos kommunikációig, melyek elôre láttatják a tájékoztató anyagok, és szórólapok kialakulását. Egy teljes körképet adunk arról az eszközrôl, ami a grafikai tervezést az elektronikus könyvkiadás gyakorlati megvalósításává alakítja át.
5
illustrator.qxd
illustrator.qxd
2010.08.31
14:43
Page 7
ALAPOK
2010.08.31
14:43
Page 9
Alapok Alapok Egy idô óta a grafikus és könyvkiadói tervezés során már alkalmazzák a digitális technológiákat, nem csak a sajtó számára, különféle kommunikációs anyagok készítéséhez. Egyszerû használatuknak és annak a végtelen kapacitásnak köszönhetôen, amit az informatikai eszközök a grafikus operátorok, és kiadványszerkesztôk számára biztosítanak, a grafika egyre szélesebb körû teljesítménnyel rendelkezik, egészen a grafikus tervezô munkájának újraértelmezéséig, hasonlóvá téve azt sok szempontból a hírközlés szakértôinek a munkájához. A logo elkészítése, egy cég, termék, vagy termékcsoport bemutatása, csak úgy, mint egy könyvsorozat vagy egy újság kiadói jellege, mind eredményei egy komplex tervezôi útnak, ami a technikai eszközök használata során a gyakorlottsággal ötvözi a pszichológia, a szemiológia, a kommunikáció tudományát, valamint azt a fajta fejlett érzékenységet és megfigyelési képességet, ami a minket körülvevô univerzum vizsgálatához szükséges. A könyv elsô részében megpróbálunk megvizsgálni néhányat ez utóbbi jellemzôk közül, a pszichológia és a kommunikáció tárgykörébôl, a második részre hagyva a technikai és operatív jellemzôk vizsgálatát.
9
illustrator.qxd
illustrator.qxd
2010.08.31
14:43
Page 10
Adobe Illustrator Egy grafikai termék születése Ha a lényeget szeretnénk megtudni, mondhatnánk, hogy a grafikus tervezô munkája a látó-kommunikáció: feladata az, hogy egy céghez, termékhez vagy egy hírhez kapcsolódó „üzenetet” továbbítson a közönségnek, amelyet ô megcélzott. (A technikai zsargon gyakran használja a target kifejezést). Mind ez elôször nem tûnik túl komplikáltnak, de a valóságban annál inkább, mert meg kell érteni egy olyan rendszert, ami képes párosítani a mûködésbeli (például a megfelelô hírszolgáltató eszközök kiválasztása) és érzelmi (a megfelelô grafikai nyelvezet kiválasztása) szempontokat. Az új média szakértô és designer, Donald Norman, miután hosszan gondolkodott az érzelem, és funkció a használati tárgyakon összpontosuló összefüggésein, olyanokban mint például a hírközlô eszközök, saját gondolatait a „attractive things work better” (az esztétikus dolgok jobban mûködnek) fordulattal foglalta egységbe.
10
A tervezô - nem csak a grafikusé - munkája: esztétikummal ellátni a dolgokat. Általában ez egy képzeletalkotó eljárással történik, melyet hat különbözô szakaszra bonthatunk: analitikus fázis, kreatív fázis, szintézis és fejlôdés, produktív fázis, kivitelezési és ellenôrzési fázis. 1. Analitikus fázis: ennek során el kell dönteni, hogy mit, hogyan, honnan, mikor és kinek szól az Üzenet. 2. Kreatív fázis: az elôzô szakaszban meghatározott információk analizálása és tanulmányozása (briefing)
2010.08.31
14:43
Page 11
Alapok 3. Szintézis és fejlôdés: kezdetleges magyarázó levonat, és megszerkesztett szöveg elkészítése. Az üzenet ellenôrzése a briefing utasításai szerint. Technikai kiegyenlítés a kommunikációban érdekelt összes média szerint. 4. Produktív fázis: a végleges layout elkészítése. Az ügyfél jóváhagyása. 5. Kivitelezés: a nyomda részére levonatok készítése. 6. Gyártásellenôrzés: a végeredmény jóváhagyása és újabb ellenôrzés. Az analitikus fázis pontosan, és félreérthetetlenül meghatározza a továbbítandó üzenet típusát, és azon médiák típusait, melyekhez fordulni szeretnénk. A lehetséges legjobb eredmény elérése érdekében, egy briefing elnevezésû technikát alkalmazunk, mely számos találkozót eredményez a tervezô, és az ügyfél között, azért, hogy megelôzzünk bármilyen hibát, mely megakadályozhatná esetleg a további szakaszok elérését, valamint a végeredményt. A kreatív valamint a szintézis, és fejlesztés szakasz során a figyelem a briefing utasításai szerint az üzenet átláthatóságának folyamatos ellenôrzésére, és a hírszöveg technikai lehetôségére irányul, a választott médiaeszközök tükrében is (pl. egy logo olvasható kell, hogy legyen, továbbá meg kell, hogy tartsa saját appeal-ját akár egy reklámban, akár egy plakáton, televíziós animáción, a weben..) A produktív fázis során a munka lényegében a hatékony finish layout elkészítésében koncentrálódik, ami nem más, mint a végtermék hû másolata, amelybôl legalább annyit kell készíteni, amennyi a közzététel céljából elôzôleg kiválasztott médiák száma.
11
illustrator.qxd
illustrator.qxd
2010.08.31
14:43
Page 12
Adobe Illustrator Amikor megvan az ügyfél jóváhagyása, áttérhetünk a kivitelezés fázisára, mely során elkészülnek a nyomda és a videó számára a szerkesztett anyagok, valamint folyamatosan ellenôrzésre kerülnek a különbözô gyártási fázisok, hogy végül biztosíthassuk a termék kiváló minôségét, ami a nagyközönség elé kerül. Az utolsó ellenôrzés, ha a gyártási folyamat minden szükséges lépése kellô figyelemmel lett elvégezve, lehetne akár egy proforma mûvelet is, gyakran újabb kommunikatív beavatkozások programozása miatt fontos.
A visual Általában minden grafikai és/vagy kommunikációs projekt a visual-on alapul, vagyis azon az eljáráson, ami, egy sor egyre pontosabb vázlat és terv elkészülte után, a végleges layout-ot eredményezi.
12
A visual mûvelet lépései nem egyszerre végzôdnek, és gyakran egy olyan folyamatról van szó, melyet többször kell megismételni, hogy elérjük az optimális megoldást. Mindazonáltal általában az ötlet vázlatának ez a része, melynek pontos célja az, hogy személyre szabja a nélkülözhetetlen elemeket, leredukálva az információfelesleget, és egyre nagyobb figyelmet kölcsönözve az egyes elemek közötti egyensúlynak. Ezek olyan mûveletek, melyek esetében a tipográfiai elemek kompozíciójának pontos ismeretétôl nem lehet eltekinteni, hogy megmaradjunk a nyomdai grafika tárgykörében, melyet ez a kötet tárgyal (1. Ábra).
2010.08.31
14:44
Page 13
Alapok
1. Ábra
A tipográfiai szedés A tipográfiai szedés általában két összetevôbôl áll: a szöveg, és a képek. A két összetevô harmonikus elegye kelti életre a grafikai projektet és/vagy a tördelést: az egész eredeti anyagot, a szöveget, és az illusztrációkat figyelmesen kell megvizsgálni, hogy megértsük az egyes részek közti egyensúlyt, rendet és összhangot. A grafikus feladata éppen az, hogy közvetítô legyen a megbízó és/vagy szerzô és a közönség között, pontosan elôkészítve az anyagot, valamint, hogy megfelelô technikák alkalmazásával, még kellemesebbé tegye a kommunikációt és az üzenet különféle tartalmának értelmezését.
13
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 14
Adobe Illustrator Bitmap és vektor grafika A grafika egyike azon szektoroknak, ami elérte az informatikai alkalmazások terén a maximális fejlôdést. Nagy része a nem rég még kézzel végzett mûveleteknek ma már a kereskedelemben kapható programok használatával elvégezhetô, olyannyira, hogy a komputerizált grafika nélkülözhetetlen eleme bármilyen közlemény elkészítésének, a reklámoktól a videografikus és fotografikus eljárásokig. De szét kell választani a különbözô grafikus szoftvare-ek által feldolgozott képek típusát és fôbb jellemzôit:
Bitmap képek
14
Egy bitmap kép (szó szerinti értelmében: mátrixpontok) különbözô színû, a lapot befedô, pontocskákból áll össze. Pl. egy bitmap képpel írt vonal, kellôképpen felnagyítva, úgy néz ki, mint ha sok kis pont egymás mellé lenne helyezve szétterítve, pl: Paint-ben (2. Ábra).
2. Ábra
2010.08.31
14:44
Page 15
Alapok Annak ellenére, hogy a bitmap típusú képek fôleg a fotográfiai feldolgozás során, ahol a rendelkezésre álló képek egyetlen tipológiáját alkotják, valamint Web lapok készítésénél kerülnek felhasználásra, léteznek programok bitmap képek elkészítésére a kézi rajzolásnál is. Ezek olyan programok, melyeknek használata általában néhány különleges grafikai szükséglettel behatárolódik, mint pl. olyan képek esetében, melyek „virtuális díszletet” mutatnak be a fotórealizmus, vagy a festôi felidézés jegyében. A legismertebb és legkedveltebb a fotográfiai feldolgozás, és a bitmap képkészítés programjai közül bizonyosan az Adobe Photoshop (3. Ábra).
3. Ábra
Vektorképek A vektorképet nem úgy ismerjük, mint ponthalmaz, hanem speciálisan csomóknak nevezett pontok, valamint egy sor matematikai szabály a tárgy geometriai megjelenítéséhez (4. Ábra).
15
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 16
Adobe Illustrator
4. Ábra
16
Egy vektorképet, lévén, hogy matematikai objektumokkal kerül megjelenítésre, könnyen lehet, (a bitmap képpel ellentétben) módosítani, újradimenzionálni, fokozatosan csökkenteni, görgetni, egészében vagy részeiben. Ezért sok, a képek kézzel történô elkészítésének eszköze fokozatosan a vektorképek tipológiája felé orientálódik. A vektorgrafika legismertebb programjai közül megemlíthetjük a Macromedia FreeHand-t, az Adobe Illustratort, és a CorelDraw-t. Általában minden vektorgrafikai program optimális eszközöket ad mind a tördeléshez, mind a szövegszerkesztéshez is.
Képek elõkészítése a nyomda részére Fôleg bitmap formátumú képek esetében kell nagyon odafigyelni arra a tényre, hogy a legjobb eredmény elérése érdekében a
2010.08.31
14:44
Page 17
Alapok képeket két dologra kell alaposan elôkészíteni: megfelelô felbontást alkalmazni, és, színes képek esetében, beállítani a CMKY formátumot. Az otthoni vagy irodai nyomtatók használata során nyomtatáskor azt nyomtatjuk ki, amit a képernyôn is látunk. Ezzel ellentétben a film, és az ofszet nyomtatás szalagjait alkotó képegységek minôségi jellemzôkkel rendelkeznek, és döntôen más nyomtatási módszerekkel kerülnek kinyomtatásra.
A felbontás A képek optimális nyomtatási minôségének elérése érdekében minimum 300 dpi felbontással kell, hogy rendelkezzenek (ellentétben azokkal, amit a képernyôn megjelenítettünk, és saját használatra nyomtattunk, amikhez elég a 72 dpi felbontás is). Még a bitmap képek tördelésbe vagy kiadványba való bevitele elôtt mindenképp meg kell bizonyosodnunk, hogy a fotókezelô program megfelelô felbontásban mentette-e el ôket. Ezért jobb, ha minden képet .TIF formátumban mentünk el, a legjobb minôség érdekében: az olyan formátumok, mint .JPG, .GIF, .PNG, annak ellenére, hogy az Interneten történô használathoz tökéletesek, a kép minôségét ronthatják, az arányok megtartása érdekében. Ha a minôségromlás a képernyôn megjelenítve ugyan elenyészô, nem lesz ez másként akkor sem, ha a szaknyomda számára készül. A professzionális képszerkesztô programok egyszerûen és azonnal döntenek a kép felbontásáról (5. Ábra).
17
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 18
Adobe Illustrator
5. Ábra De figyelem, mindig meg kell bizonyosodni arról, hogy induláskor a kép minôsége optimális legyen. A kép megjelenítésének pillanatában, pl. scannerrel, a nyomdai megjelenítéshez optimális értékeket kell beállítanunk. Az eredeti kép felbontásának megnövelése nem elég, nem garantálja a pontosságot a végeredményben.
A színes nyomtatás
18
Színes grafikai projekt esetén, nem szabad megfeledkeznünk arról, hogy a szaknyomda egy a négyszínnyomáson alapuló eljárást alkalmaz, azaz egy mind a négy a nyomtatás során használt alapszínre egy-egy különálló filmet nyomtat: Cyan, Magenta, Yellow és blacK (CMYK). Ha egy színes képernyôn megjelenített képet viszünk a nyomdába, az RGB modell használatával, az úgy fog megjelenni kinyomtatva, mint ha egy lépcsôzetes szürke kép lenne. Ebben az esetben is át kell alakítanunk a képet CMYK formátumba, mielôtt bevisszük azt tördelésünkbe.
2010.08.31
14:44
Page 19
Alapok Egy másik, nélkülözhetetlen, rendelkezésre álló funkciója a képszerkesztô programoknak, hogy lehetôvé teszik a képek átalakítását négyszínnyomásra (6. Ábra).
6. Ábra
Túl a négyszínnyomáson A négyszínnyomást alkalmazó nyomtatási eljárás során nyerhetô színskálának vannak hátrányai: gyakorlatilag lehetetlen meghatározni néhány színt és csillogást, mint pl. az aranyszínek, és általában a metálszínek, nem garantálható a következô nyomtatásokon a színek komplett hûsége (gyakran még az adott nyomtatás során sem); gondoljunk arra, hogy milyen lenne a Coca Cola logo a hagyományos piros, valamint az IBM a kék nélkül. Ezekben az esetekben lehetôség van a kontraszt nélküli színek alkalmazására.
19
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 20
Adobe Illustrator A kontraszt nélküli szín egy speciális festékkeverék, amit adalékként használhatunk a négyszínnyomás festékeihez. Minden kontraszt nélküli szín használata egy külön szalagot igényel a színes nyomtatás lenyomatához. Ezért általában csak akkor alkalmazzák a kontraszt nélküli festékeket, ha a szöveg kevés színt igényel (kevesebb, mint négy), és ha a színhûség alapfontosságú, vagy, ha mind ez nem érhetô el négyszínnyomással. Hogy egy tipikus példát említsünk, pl. a kontraszt nélküli színeket használjuk adalékként a négyszínnyomás színeihez, amikor egy cég logojának pontos színét szeretnénk visszaadni egy éves beszámolón, vagy naptáron, mely tartalmaz színes képeket is. A kontraszt nélküli színeket általában több gyártó katalógusából választjuk ki, melyek közül világszinten legismertebb a Pantone csoport. Ezen katalógusok közül nagyon sok már megtalálható a grafikus tervezés és tördelés programjaiban lévô színmodellek között, de ôket monitoron alkalmazni nem ajánlott: az lenne az ideális, ha saját grafikai szervizünktôl vagy nyomdászunktól kérnénk, hogy tekintse meg ô az egyes gyártó cégek katalógusait.
20
Egy Pantone színkatalógus kontraszt nélküli színekre: (7. Ábra)
7. Ábra
2010.08.31
14:44
Page 21
Alapok Az oldalformátumok Egy nyomdai projekt során általában nem szabad figyelmen kívül hagyni az oldal formátumának pontos meghatározását, mely szerint ki lesz nyomtatva a kiadvány. Egy oldal vagy publikáció formátumának, azokon a tervezô által meghatározott esztétikai kritériumokon kívül, alkalmazkodnia kell a kereskedelemben fellelhetô formátumokhoz, hogy megelôzzük a hasztalan pazarlást. A legismertebb formátumok között megtalálhatóak a 64x88 cm-es (Négyszeres protokoll), és a 70x100 cm-es (Dupla, mellyel több standard méretû plakát kerül megvalósításra). Gyakran ezeket a formátumokat nem használják egész oldalak meghatározására: összehajtva, elvágva ôket elérhetô a megfelelô osztó (heted, tizenhatod, harmincketted), melyeket bizonyos határidôs publikációk elkészítésénél használunk.
Az UNI formátumok A szabványformátumok, amik mára már utat törtek maguknak, olyannyira, hogy a kiadók valódi, és saját rendszerüknek tekintik azt, megakadályozzák a pazarlást, mivel ezek a formátumok az osztók és a többszörös alapelvén alapulnak, úgy, hogy a méretek megváltoztatásával is megmaradnak az arányok, minimális pazarlás nélkül. Az ilyen kritériumoknak megfelelô formátumokat 170 évvel ezelôtt a fizikus Lichtenberg dolgozta ki: megállapította, hogy egy papírlap, melynek oldalai úgy viszonyulnak egymáshoz, mint a négyzet egy oldala, és annak átlója, a nagyobb oldal megfelezése által, olyan formátumot nyernek, melyben az oldalak viszonya állandó marad.
21
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 22
Adobe Illustrator Mint az UNI formátumok egyik alappéldája, kiválasztottunk egy lapot, ami megfelel ezeknek a kritériumoknak, és a felszíne 1 m2: a lap oldalai: 841x1189 mm, mely a mindenki által ismert A0 formátumnak felel meg. Ez a kiindulási alapja az A standard formátumoknak, melynek osztóit a leghosszabb oldal megfelezésével kapjuk. Az A sorozat formátumait grafikai termékekhez használjuk, mint pl. levélpapírok, könyvek, hirdetmények vagy röpiratok… A C formátumok, arányban az A formátumokkal, az A sorozat termékeit tartalmazó papírgyártás-technikai termékek csomagolására szolgálnak, mint nyilvántartó lap… És végül vannak a B formátumok, arányban a C formátumokkal: a C sorozat termékeit tartalmazzák. Így egy A4-es formátumú levél, anélkül, hogy összehajtanánk, elfér egy C4 formátumú nyilvántartóban, és ez utóbbi egy B4 formátumú borítékban. A szám, ami a formátumok betûi mellett helyezkednek el, azt jelzi, nemzetközi megállapodás eredményeként, hogy a 0 számú lapot hányszor kell vágni, hogy megkapjuk a kívánt formátumot.
22
Az A0 formátum egy derékszögbôl áll, 1 m2 felszínnel. A hosszú oldal egyenlô a négyzet rövid oldali átlójával (8. Ábra).
8. Ábra
2010.08.31
14:44
Page 23
Alapok Az UNI formátumokat úgy kapjuk meg, hogy megfelezzük egyenként a felsô formátum hosszú oldalát, így tökéletesen arányos marad (9. Ábra).
9. Ábra
A mértékegységek A nyomdaiparban, szélesebb körben a grafika területén, különféle mértékegység rendszerek használatosak. A legismertebbek pl. Olaszországban: a tizedes rendszer (mm), és a tizenkettedes, más néven Cicero, vagy Didot, pontokra, és vonalakra osztva. A tizenkettedes rendszerben egy vonal 12 pontnak, és 4,512 mmnek felel meg (vagyis minden pont 0,376 mm). A pontokat általában a kisebb méreteknél használják, olyanok mint a betûk mérete, vagy a vonások vastagsága; a sorok, és a milliméterek viszont nagyobb méretek méretezésénél használatosak, mint az oszlopok szélessége, az oldalak hossza, és vastagsága… Egyéb mértékegységek fôleg az angolszász országokban használnak, mint a hüvelyk; a sor 1/6 hüvelyknek felel meg (vagyis 4,217 mm-nek); a pont pedig 1/12 sornak (vagyis 0,351 mm).
23
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 24
Adobe Illustrator A betûk
24
A nyomtatott betûk (vagy fontok) rajzolásának fôbb tulajdonságai a szár erejében, a befejezések jelenlétében, és ezek rajzolásában rejlenek. A szárak vastagsága lehet nagyon világos, világos, sötétebb, vagy sötét. A befejezés két csoportra bontja a csoportokat: serif, vagy sans serif. A betûket a következô típuscsoportokra bontjuk: 1. pálcika, etruszk, groteszk, ezek nem rendelkeznek sherif-vel, és száruk vastagsága egyforma 2. egyiptomi; száruk egyforma vastag, a serif derékszögû, melyeknek vastagsága azonos a száréval, vagy valamivel nagyobb; 3. antik római, van száruk (vékony, és vastag vonalak), a serif háromszög alakú, a szárnak megfelelôen, a kerek betûk (a,o,p,e…) szárai kötelezô érvényûek; 4. modern római; a serif vízszintes, nem vastag, azonos a világos szárakéval, a szárak kontrasztosak, a kerek betûk szára függôleges; 5. gótikus és középkori; tipikusan német betûk, de nehezen olvashatóságuk miatt ritkán használatosak; 6. angol, és kézírás; az antik kancelláriai írásokból lettek kifejlesztve, száraik erôsen kontrasztosak; 7. fantázia; osztályozhatatlan csoport, az 1880-as években terjedtek, de nem túl népszerû, amiatt, hogy köztük nehezen találunk olyan esztétikailag is tökéletes elemeket, melyek könnyen olvashatóak is. A fontok csoportjai: baston, (etruszk, és groteszk), egyiptomi, antik római, modern római, gótikus (és középkori), angol (és kézírás), fantázia (10. Ábra).
2010.08.31
14:44
Page 25
Alapok
10. Ábra
A betûk kiválasztása Általában – de fôleg annak, aki elôször teszi – végignézni egy betûgyûjteményt, meglehetôsen nehéz mûvelet. A betûk kiválasztása bizonyos fiziológiai faktoroktól függ – könnyed olvasás, egyensúly a szavak, és az oldalak megszerkesztése során-, mind pedig pszichológiai faktoroktól – egyéni ízlés, szokások, tetszés. Mind ez azért van így, mert az írásnak nem csak az a funkciója, hogy üzenetet továbbítson, hanem az is, hogy önálló kép alakuljon ki segítségével. Bármelyik mellett döntünk is, mindig elsôdleges kell, hogy legyen az olvashatóság szempontja. Sok betû csak kisebb méretben szép, és olvasható, míg mások viszont csak nagyobb méretben. Ezen kívül egy szép, és olvasható betû, ha nem megfelelôen van elhelyezve az oldalon, rondává, és érthetetlenné is válhat. Fôleg az olyan írás tekinthetô jól olvashatónak, melyet akkor is képesek vagyunk elolvasni, ha letakarjuk a kis betûk alsó felét; egy csak nagybetûkbôl álló szöveg olvasása nagyon nehéz, amit abból is láthatunk, hogy, ha letakarjuk az alsó részüket, és úgy próbáljuk kiolvasni.
25
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 26
Adobe Illustrator A seriffel rendelkezô betûket fôleg nagyon hosszú szövegekhez ajánlott használni, nagyon kis korpusszal, mert az olvasás követi a betûk alapját képezô seriffek által kialakított ideális vonalat. Mindenképp kerülni kell különbözô betûk alkalmazását egy szövegen belül. Szövegrészek vagy címek kiemelésére használhatóak a méret, a betûstílus (félkövér, dôlt).
Rácsok és kosarak a tördeléshez Mikor hozzálátunk egy grafikai projekt megvalósításához, fôleg, ha nagyobb terjedelmû, pl. egy katalógusról, vagy tájékoztató kiadványról van szó, nagy figyelmet kell szentelni az oldalhelyek felosztásának.
26
Egy oldal vázlata, melyben elhelyezzük a szöveget, és a különbözô grafikai elemeket, az után kerül befejezésre, miután meghatároztuk a kiadvány funkcióját, címzettjét, és tónusát. Az oldalkosár általában azt a helyet határozza meg, melynek belsejébe elhelyezésre kerülnek a különféle elemek, és általában a margókkal határolva. A margók jelölésébôl kell kiindulni az oldal kinézetének meghatározásához. A margók mutathatnak egy alapasszimetriát is a tördelésre felhasznált helyen; ezért jobb az oldal kiinduló értékeit is meghatározni, általában mm-ben, vagy cmben, külön-külön. A legelterjedtebb elnevezés a margókra a: Fenti, Lenti, Kötésbeni, Külsô.
2010.08.31
14:44
Page 27
Alapok Már ebbôl az elnevezésbôl egyértelmûvé válik, hogy a nagyobb projekteknél helyet kell hagyni az oldalak belsejében, megelôzve azt, hogy ezek a kötés során eltûnhessenek. Bizonyos grafikai projektek esetében jobb, ha nem hagyunk üres helyet a lap szélein; más esetekben viszont teljesen meg kell változtatnunk a margót, hogy beférhessenek képek, és más elemek, néha teljesen el is tüntetve azt. Ezekben az esetekben ajánlott a lap tényleges szélén kívülre esô képekbôl egy arányosan kisebbet hagyni, hogy a kívánt hatás valóban megvalósuljon a lap vágásakor. Ez egy közismert technika, amit minden grafikus operátor ajánl, neve „élô vágás”. Miután meghatároztuk a margókat, fel kell osztanunk a lap keretét oszlopokra, a végsô rácsozás tördeléshez történô kialakításával. A szöveg több oszlopra történô felosztása mind funkcionális, mind esztétikai okokból is célszerû. Bizonyítottan nyugtatóbb az olvasás, amikor látásunk kiterjed az egész szövegsorra egy pillantással, a fej elforgatása nélkül. De ha a szöveg sora nagyon kicsi az olvasás folyamata komplexebbé válik, tehát ugyanez történik, azért is, mert többször kell visszatérni a sorvégi szótagokhoz. A másik figyelemre méltó változó a betûtest: minél kisebb, annál inkább nem ajánlott, hogy a szövegsor hossza több legyen 75-80 leütésnél. A szöveg több oszlopra való felosztása olyan kisegítô megoldás, melyet gyakran alkalmazunk, ha lendületet szeretnénk adni egy oldalnak, fôleg akkor, amikor az oszlopok különbözô szélességûek. A reklámhelyeket egész oldalakra, oszlopokra vagy azok részeire adják el (11. Ábra).
27
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 28
Adobe Illustrator
11. Ábra
Az ûrtöltõ helyek Néha, tévesen, alulértékeljük a lapon az üres helyek fontosságát.
28
Fontossága alapvetô a szöveg elhelyezkedésében, rendezettségében, és a betûk kiválasztásában. Egy megfelelô mennyiségû üres hely javítja az olvashatóságot, stílust ad a lapnak, kevésbé lesz unalmas, és sûrû. Az olvashatóság szempontjából fontos a sorok, a paragrafusok közti hely, mely utóbbit a végsô sorközti távolsághoz adunk hozzá a szövegszakasz vége, és kezdete között, csak úgy mint az oszlopok közti hely is.
2010.08.31
14:44
Page 29
Alapok Az üresség és a könnyedség dicsérete A grafikai tervezô mindig szem elôtt kell, hogy tartsa a tényt, hogy az olvasás és a konzultáció olyan tevékenységek, melyekhez szükség van a felhasználó aktív figyelmére: egy, még ha minimálisan is, „interakcióról” van szó. Ezért az oldalak rajzolása elôtt a tervezônek mindig fel kellene idéznie emlékeiben az „üresség” fontosságát a fizikai környezetben: a színpad szereplésre csábít, a gótikus templom hajójának szédítô magassága arra, hogy megnyíljunk egy metafizikai dimenziónak, a tér megállásra, és a váltásra… Egy reklám, mely az üresség fontosságát hangsúlyozza (12. Ábra).
29
illustrator.qxd
12. Ábra
illustrator.qxd
2010.08.31
14:44
Page 30
Adobe Illustrator Grafikus elemek A könnyedség dicsérete érvényes lehet a grafikai elemek és illusztrációk használatához is, amiknek ritkán van tisztán dekoratív funkciója; jelenlétük pontos szükségleteknek felel meg: szövegkiemelés, egy cím vagy alcím hangsúlyozása, egy fogalom aláhúzása, egy oldal mérlegelése…
A hajszálvonások A hajszálvonások segítik a függôleges vagy vízszintes konzultáció rendjének meghatározását. Egyes esetekben arra is használhatók, hogy néhány elemnek a szövegben vagy tárgynak az oldalon belül nagyobb fontosságot adjunk.
Box A négyzeteket fôleg újságokban, és kiadványok készítése során használjuk elkülönítésre, és egy szöveg kiemelésére, vagy egy grafikus elem bekeretezésére…
30
Szimbólumok Az olyan szimbólumok, mint a pontok, kötôjelek stb. nélkülözhetetlenek felsorolások, táblázatok használata során, hogy kiemeljük a hozzájuk tartozó szöveget. Néhány esetben, speciális ügyfelek részére készített kompozícióknál, a leghagyományosabb szimbólumokat lényegesen kreatívabbakra cserélôdnek, olyanok, mint nyilak, kezek…
2010.08.31
14:44
Page 31
Alapok Nagy kezdõbetû Általában kiemelésre használatos, az erôsen felnagyított méretei miatt, egy új szöveg elsô betûjeként. Fôleg dekoratív funkciója van, megtörve az egyes oldalak egységességét, melyben sok a szöveg, segíti az egyes szövegblokkok szétválasztását.
Elválasztás az egyes oldalak között Azt a pontot nevezzük választónak, ahol befejezôdik az oldal; itt a szöveg megszakad, és a következô oldalon kezdôdik újra. Általában a lap végén el kell kerülni: • egy szó szótagokra bontása • értelmezési elválasztások (pl. egy név elválasztása a vezetéknévtôl) • lezárni a vonalat két ponttal; • beiktatni elválasztott címeket vagy alcímeket (az a legjobb, ha két-három sorral kísérjük); • meghagyni csak az elsô sorát egy paragrafusnak, mely a következô oldalon folytatódik Egy oldal elején viszont el kell kerülni, hogy ott maradjon az elôzô oldalon kezdôdött paragrafus utolsó sorát.
31
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 32
Adobe Illustrator A kreativitás új lehetõségei Még ha rövidített formában is, az elôzô oldalakon megismerhettünk néhány gyakorlati lehetôséget, és néhány aranyszabályt az oldalak szerkesztéséhez. De mindig figyelembe kell venni, hogy a globális informatív rendszer hihetetlen elburjánzása, a szabályoknak való nagymérvû megfelelés következtében elveszhet a kommunikáció appeal-ja. Más szóval: az oldalak forgatókönyve ma egymástól nagyon távoli, és különbözô megoldásokat nyújt. A publikáció tulajdonságainak kiválasztása, úgy tûnik, hogy drasztikusan szétválasztja a tipográfia hagyományos látványát, projektjeivel, és újításaival, attól az úgy nevezett „új tipográfiai” irányzattól, ami kiélesíti a játékot, úgy, hogy szinte csak önmagát hangsúlyozza. Kurt Weidemann maró iróniával jegyzi meg: „A tipográfia célja önmaga számára olyannyira ésszerû, mint a mosópor, ami magát mossa.”
32
Az egységes kép Egy cég számára nagyon fontos az egységes kép, vagyis azon látó- és nyelvi mûveletek összessége, melyek meghatározzák a kép tervezését: a képet, amit a cég nyújt magáról. A cég, saját különleges image-jának megismertetéséhez olyan kódokat kell, hogy válasszon, melyek ismétlôdni fognak bármilyen kommunikatív üzenetben, ez fogja számára a garantált felismerhetôséget hozni.
2010.08.31
14:44
Page 33
Alapok Az egységes kép nem csak a cégek jellemzôjét jelenti, hanem közintézményekét, valamint projektekét, és árukét is. Ezt az összetett jel-, és mûveletrendszert jól meg kell tervezni, és tagolni, hogy garantált legyen a felismerhetôség, és a különlegesség. A grafikai beavatkozásnak, ami a koordinált képre vonatkozik, tükröznie kell a cég jellemzôit, eredeti, és személyre szóló kell, hogy legyen: ezek az alap attribútumok, hogy azonnal felismerhetôvé váljék. A felismerhetôség egy hatásos összkép számára a legfontosabb elem. A naponta ránk zúduló képek száma nagyon nagy, épp ezért fontos, hogy a felhasználó a képzeletében megtartson egy emléket a cégrôl, annak stílusáról, jellemzôirôl. A cég tehát egy sor koordinált kép által lesz ismert: a márka, a logo, a reklámok (plakátok, videó, szórólapok), a levelek, a brossúrák, termékeinek rajza… A koordinált képet kialakító elemek tipológiáját mindig figyelembe kell venni annak tervezése során, vagyis: Márka/Logo Formák/Színek Csoportkép (Ruházat/Szállítóeszközök/Szponzor) Márkakép (Cégtáblák/Belsô kommunikáció) Termék (Nyomtatványok/Reklámok/Promotion) Formatervezés (Csomagolás/Reklámtárgyak) Miután meghatároztuk a védjegyet, a logot, és a színeket, ezeknek minden közlésen rajta kell lenniük, ezért nagyon figyelmesen végezzük ezt a munkát, lévén, hogy hosszú idôre tervezzük a képet, és több divatirányzaton át. Az évek múltával frissítenünk, módosítanunk kell majd, úgy, hogy megtartsuk fôbb jellemzô jegyeit a különféle megjelenítéseken (pl. egy TV reklámban szükség lehet módosításra a nyomtatott reklámkampányhoz képest).
33
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 34
Adobe Illustrator Gondoljunk azokra a képekre, melyek a mai napig léteznek, anélkül, hogy változás következett volna be az arculatukban: az Eni Csoport, a hatlábú tûzokádó kutyával, a Coca Cola, Barilla… A titok a jó tervezésben rejlik, kezdve a szimbólummal, és annak a kommunikációs eszközökhöz való hozzárendelhetôségében. Tehát az elsô fontos elem, ami meghatározza a koordinált képet, a védjegy. E mellé kerül gyakran a logo, mely a nevének grafikus megjelenítéséért felel. Majd a szín, ami vegyítve a védjegyet a logoval, lehetôvé teszi, hogy az egészre úgy emlékezzünk, mint egyetlen üzenetre.
34
A jól sikerült tervek könnyen megjegyezhetô formák által jellegzetessé tett grafikus kódokkal rendelkeznek, melyek messzirôl is jól olvashatóak, határozott színvilággal. Az Eni Csoport tûzokádó kutyája pl. egy sárga alapon nyugszik; a Coca Cola dobozai pirosak… Ezek az elemek, mint a védjegyek, logok, színek, a cég összes kommunikációs anyagán használatosak: • Nyomtatott papír: fejléces papír, névjegykártya, boríték, számlák, belsô, és külsô nyomtatványok, tördelési sémák. • Különféle nyomtatványok: brossúrák, katalógusok, house organ (idôszakos kiadvány saját alkalmazottak részére promotált szolgáltatásokról, vagy termékekrôl). • Advertising: intézményi hirdetések termékekrôl, szolgáltatásokról, promóciókról. • Packaging: csomagolóanyagok, csomagolás • Web site: hivatalos és szolgáltató oldalak, tanácsadás az ügyfelek részére • Jelzésrendszer: belsô jelzésrendszer, külsô jelzésrendszer, táblák
2010.08.31
14:44
Page 35
Alapok • Környezet: építészeti elemek, a belsô részek arculata, berendezési rendszerek • Kiállítások: standok vásárokhoz és kiállításokhoz, convention, egyenruhák • Szállítóeszközök: céges autók, furgonok, vagonok, munkaruhák • Más: kiegészítôk, reklámajándékok
Egy gyakorlati példa A koordinált kép nem csak cégek, vagy közintézmények számára hasznos eszköz, hanem más esetekben is remekül használható. Erre példa a „Egyetemes tervezés” projekt egy kommunikációs tételhez. A tétel célja az volt, hogy az új technológiákra vonatkozó információknak tudatosabb, és érzékenyebb figyelmet szenteljen, a fogyatékosok javára, egy olyan cél irányába, mely nem csak az informatikai korlátokat szünteti meg, hanem az igazi integráció felé is visz. Ehhez a projekthez több olyan grafikai, és fotografikus elemet tanulmányoztak ki, melyek minden használt kommunikációs eszközre alkalmasak. A képeken megfigyelhetjük a dosszié tartalmát: különbözô cikkeket, Web oldalakat (melyek az új cikkek bevitele után is frissítésre kerülnek), a dosszié elindításához szükséges lapokat, a CD-ROM-ot, ami összegyûjti a cikkeket digitális formában, és a reklámoldalt, ami néhány újságban is megjelent. Egy projekt bemutatása ugyanúgy igényli azt a grafikai tanulmányt, azokat az esztétikai kitételeket, mint ha az egy cégé, vagy annak termékéé lenne.
35
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 36
Adobe Illustrator
36
Koordinált kép azonos elemei, és a választott színek (13. Ábra).
13. Ábra
2010.08.31
14:44
Page 37
Alapok A márkanév és a logo A márkanév, és a logo az a látható kód, melyet egy cég választ saját image-nak kialakításához világszinten, hogy felismerjék, és emlékezzenek rá.
A márkanév A jó tervezônek elôre kellene látnia egy márkanév hosszú élettartamát, sikerét, és tudnia kell, hogy abban a pillanatban, amikor az ô munkája lezárul, a fogyasztók akkor kezdenek majd ismerkedni projektjének tárgyával. Egy ilyen, nemzetközi szintû mûvelet végrehajtásához, a grafikai kutatáshoz társul egy szociológiai, egy reklám-, és piactanulmány is. A márkanév a következôkkel kell, hogy számoljon: • forma • szín • típusjel A projekt után, és a végleges kiválasztás elôtt, a márkanevet különféle ellenôrzésnek vetik alá, hogy teszteljék kommunikatív képességét: • felismerhetôség • egyszerûség • összeolvadási képesség • újdonság • eredetiség • emlékezetesség • alkalmasság • alakíthatóság • egy termék/szolgáltatás azonosíthatósági képessége • az elôzetesen meghatározott cél elérésének képessége
37
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 38
Adobe Illustrator A forma A márkanév egy szerkesztôrácson kerül megvalósításra. Ez nem mindig ilyen egyértelmû, de a leggyakrabban használt formák a kör, a háromszög, a négyzet, és a derékszög. Általában a kör a legnépszerûbb, mert annak geometriai formája a megfigyelô tekintetét magához vonzza, megragadva a figyelmet. A négyzet egy tökéletes, és szimmetrikus forma. A derékszög sok meglepetést tartogat, ha függôlegesen vagy vízszintesen van elhelyezve; ezek mind a tartósság jelképei, de a dinamikusság megjelenítésére nem alkalmasak, amelyre többnyire a háromszöget alkalmazzák (14. Ábra).
38
14. Ábra
A szín A márkanév színét nagyon óvatosan kell használni. A divatos, de nagyon feltûnô színek tiszavirág életûek lehetnek, mert negatív reakciót is kiválthatnak, ezért mindenképp hosszantartó színharmóniát kell kialakítani.
2010.08.31
14:44
Page 39
Alapok A jel A jel, mellyel megvalósul egy márkanév, lehet geometriai vagy gesztusjel. Az elsô (geometriai) inkább alkalmazható hosszú távra, mely során pontos, geometriai konstrukciókat fogunk alkalmazni. Míg a gesztusjel dinamikusabb témák bemutatására alkalmasabb. A gesztusjel olyan, mint ha egy pillanat alatt készült volna el, egy jeleket felszabadító gesztus, melyeknek, bizonyos esetekben nagyon összetett üzeneteket kell, hogy összefogjon, és jól kell kidolgozni, amihez el kell érni az összetevô elemek helyes egyensúlyát: optimális eredményt több megoldás kipróbálása után érhetünk el. A geometriai jel számára a rács kapcsolatai elsôrendû fontosságúak, ezért a tökéletes végeredmény elérése idôigényes (15. Ábra).
15. Ábra
39
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 40
Adobe Illustrator A felismerhetõség Ha arra gondolunk, hogy a márkanév különbözteti meg egy cég termékeit vagy szolgáltatásait a konkurenciáétól, meg fogjuk érteni, hogy miért ennyire fontos a felismerhetôség, mely megkülönbözteti mástól. Egy szimbólum nem szabad, hogy más formális tulajdonságait idézze, csak önmagára kell, hogy emlékeztessen, mint egy aláírás.
Egyszerûség A grafika tárgykörében gyakran hallunk majd az egyszerûségrôl, mint a kommunikáció egyik fontos jellemzôje, de természetesen itt sem általánosíthatunk. De azt mindenképp könnyen megállapíthatjuk, hogy egy egyszerûséggel tervezett márka esetében megnô annak értelmezhetôsége a felhasználó részérôl, és a felismerhetôsége is egyszerû. A titok abban rejlik, hogy ki kell iktatni mindent, ami túláradó, és komplikálhatja az érthetôséget.
40
Szintézis A szintézis bármilyen üzenet esetében alapvetô jellemzô, de leginkább azoknál a márkáknál, ahol néhány cm-ben egy teljes szolgáltatást szeretnénk kifejezni. Meg kell szabadítanunk mindentôl, ami felesleges, és csak azokat az elemeket kell meghagynunk, amik lehetôvé teszik a tárgy azonosítását. A grafikus kommunikáció vonzereje éppen ebben rejlik: a legkomplexebb üzenetek kevés jellel való felcserélése.
2010.08.31
14:44
Page 41
Alapok Az újdonság Fôleg azoknál a márkaneveknél kell erre figyelni, melyek szektorában a konkurencia nagyon erôsen felvértezett: autók, repülôutak, gyógyszerek, élelmiszerek… Valójában minden egyes alkalommal, amikor egy olyan márkanevet kell létrehoznunk olyan termékekre, melyeknél máris rengeteg a hasonló grafikai szimbólum, nagyon figyelnünk kell. Ezekben az esetekben az lesz sikeres, aki a színek, a lettering, a merev geometria, vagy a gesztusjel frissessége segítségével képes lesz kifejezni a termék másságát, vagy olyan, más cégek által nem alkalmazott grafikai elemek segítségével sikerül bemutatni a terméket, úgy, hogy cél az, hogy észre vegyék. Vegyünk egy példát: ha minden tésztagyártó cég a búzakalászt használja, mint szimbólumot, nekünk egy hasonlóan kifejezô, de még nem alkalmazott elemet kell keresnünk.
Eredetiség Az eredetiség a mások által nem alkalmazott grafikus elemek használatában rejlik, de ez egy nagy konkurenciával rendelkezô szektorban nagyon nehéz, ezért használjunk olyan hadicseleket, mint a metafora. Egy bútorgyártó cég például szimbólumként használhatja az elefántot, mint a tartósság, és az ellenállóképesség jelképe; egy légitársaság a madarat, mint a repülés szimbóluma; egy autógyár a jaguárt, mint a gyorsaság szimbóluma, és így tovább, megnyitva újabb lehetôségeket mitológiai vagy más figurák által. A Jaguár szimbóluma egy jaguár, a Lufthansáé egy repülô madár. A márkanév kidolgozása hasonlít a logoéhoz, és egy sor olyan kommunikatív tárgyhoz lesznek rendelve, melyeket a cég használ (16. Ábra).
41
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 42
Adobe Illustrator
16. Ábra
Alkalmazhatóság és rugalmasság Mindig arra kell gondolnunk, hogy az épp tervezés alatt álló márkanevet több dologra kell majd elhelyezni, és különbözô igényeknek kell, hogy megfeleljen, ezért tesztelni kell a kiválasztott szimbólumot, különbözô dimenziókban: jól olvasható kell, hogy legyen, mind kicsi, mind nagy méretben, és ez nem biztos, hogy így is lesz.
42
Ekkor tapasztalhatjuk a márkanév egyszerûségének fontosságát: egy komplex márkajelzéssel rengeteg probléma lesz a kisebb méretben, vagy nem papír alapon történô reprodukálása során. Színes változatban való olvashatóságát is ellenôrizni kell, csak úgy, mint fekete fehérben: gyakran használnak faxot, fénymásolatot vagy az is megtörténhet, hogy a márkajel csak feketében jelenik meg egy újságban.
2010.08.31
14:44
Page 43
Alapok Ezek az alkalmazhatósági próbák fontosak, és technikai jellegûek: a szakmai pontosság a tervezési szakasz során megtanít minden jelenség fontosságára, hogy a késôbbiekben gond nélkül megoldjátok a problémákat. Az Apple márkajelének evolúciója az évek során az ôt szimbolizáló almát átlátszóvá, és 3 dimenzióssá alakította. Az értelmezhetôsége, és különlegessége olyan erôs, hogy akár csak egy részét is használhatja. Lévén, hogy egy olyan kommunikációs projekt megvalósításáról van szó, ami a márkajellel indul, azt javasoljuk, végezzünk egy elôzetes piackutatást, és egy elmélyült ikonográf tanulmányozást a konkurenciánál, egyesítve mindezt azzal a szenvedéllyel, teljes odaadással, amellyel egy tervezô az egyes munkáit végzi.
A logo A márkajelzést gyakran kíséri a logo, mely nem érdekelt a képekben, csak a lettering-ben. Felhasználja egy cég, vagy termék nevét, jellegzetessé téve annak betûit, megtartva az olvashatóságot. A „Logotype” szó a „Lógos”, mely egy görög szó, és annyit jelent „szó”, és az angol „type” melléknévbôl, azaz „tipográf jelleg”, tevôdik össze. Tehát, meg kell személyesíteni az írást, az ôt kitevô betûk megrajzolása által. Egy egymás közti harmóniában kialakítani a betûket, nem csak a nagy cégek szempontjából fontos, hanem a szolgáltatók számára is (bár, pizzériák, fodrászok, hotel…), és az egyes termékek kialakításánál is. A logo használatának, a márkajellel ellentétben, rövidebb történelme van: a ’20-as, ’30-as években a nagy cégek elkezdte aláírni, és állandósítani saját image-ét külföldön is.
43
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 44
Adobe Illustrator Érdekes, hogy több, tervezôi szempontból nem tökéletes logo, nagy sikert ért el a közönség elôtt, ezért évekig változatlan maradt. Mindezt annak bizonyítására, hogy a grafika területén nem szabad szabályokból, egyensúlyokból, és állandó meghatározásokból élni, mert ez egy meglepetésekkel teli világ, ami még érdekesebbé teszi a munkánkat. Szimpatikussá, és meghitté tenni egy logot biztosan egy olyan cél, mely túlléphet minden formális szabályt; sokszor a spontán, friss, elôítélet nélküli logoknak nagyobb sikere van. Egyik olyan logo, melyet mindenki ismer, mert jelen van a hétköznapjainkban is, kifejezô ereje, az egész világon való jelenléte miatt egyedülálló, és utánozhatatlan, ez a Coca-Cola. Mint a márkajelzés esetében, a logonak is egyszerûnek, és emlékezetesnek kell lennie, nem szabad, hogy imitáljon más, már létezô logokat, mert ez gyengítheti a terméket.
44
Betûk A logo esetében a grafic designer a kreativitás, és a funkcionalitás szempontjából pontos megoldást kell, hogy kidolgozzon, a betûk segítségével. A betûk rajzának állandó felügyelete az idôk során rendelkezésünkre bocsát egy végtelen számú betûlistát: a középkori betûktôl az amerikai tipográfia hagyományaihoz közeliekig…stb. Minden betû rendelkezik egyéni jellemzôkkel, történeteket, érzelmeket idézhet, ezért a logonak nagy szerepe van egy cég arculatának kialakításában. A logonak, mint a márkajelzésnek, több méretben, színben, és arculattal kell mûködnie, tehát óvatosan kell bánnunk azokkal a betûkkel, melyek esetleg bizonyos körülmények között olvashatatlanok.
2010.08.31
14:44
Page 45
Alapok Változatok egy betûre Több esetben újra kell rajzolni a betûket, hogy a logot alkotó elemek jobban kötôdjenek egymáshoz, és, hogy megkapjuk a megfelelô harmóniát az egyes formák között. Játszhatunk az egyes részeken vagy a kezdôbetûkön a félkövér stílussal, megváltoztatva a dôlésszöget, vagy a betûtestet, vagy újrarajzolva az egész írást, hogy megoldjuk a betûk közti összefonódást, vagy, hogy megadhassuk a betûknek azt a különlegességet, melyek a terméket megkülönböztetik, és jellemzik. Néhány példa: a Ford logoja a kidolgozott lettering elôirányozza a nagy kezdôbetût, és a többi kisbetût, az egész lekerekített formában. A betû dôlt, és arányos (17. Ábra).
17. Ábra Az Esselunga logojában a tekintélyes „S” át lett rajzolva (18. Ábra).
45
illustrator.qxd
18. Ábra
illustrator.qxd
2010.08.31
14:44
Page 46
Adobe Illustrator Tartalomban a forma Gyakran megtörténik, hogy olyan logot akarunk rajzolni, melynek betûformái tartalmat hordoznak. Ebben az esetben nagyon figyelnünk kell a forma-betû párosra, mely harmóniát kell, hogy tükrözzön. Vegyünk két példát: A Galbani logoja, ahol a kezdôbetû, és az utolsó betû egy ellipszist rajzolnak, mely tartalmazza az egészet (19. Ábra).
19. Ábra A Fiat logoja viszont, amiben minden betû egy paralellogrammában található, a lettering lineáris, és ferde, csak úgy, mint az ôket tartalmazó forma. A dinamikusság, ami egy autógyártó céget jellemezhet, tökéletes (20. Ábra).
46
20. Ábra
2010.08.31
14:44
Page 47
Alapok Koordinált kommunikáció Többször elmondtuk, hogy a koordinált kép nem csak cégeket, hanem különleges projekteket is felruház, melyek néha szorosan kapcsolódnak hozzájuk. Egy esemény megszerkesztése során fontos olyan képet kiválasztani, ami képes azt azonosítani, és ami minden annak létezését propagáló üzenetben megjeleníthetô. Figyeljük meg egy egyesület néhány márkajelét és logoját, különbözô képekkel, melyek a különbözô projekteket jelenítik meg. Például az Unicef itt található képe (21. Ábra).
21. Ábra A logok azonossága egy cég életében különleges pillanatokra utalhat, egy különleges személyiséggel: a maszkottal. Ez a személy közelebb viszi azt az üzenetet, amit a cég szeretne eszközölni a szimpátia segítségével.
47
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 48
Adobe Illustrator Repülõutak Most vizsgáljuk meg, Max Pinucci hogyan valósította meg munkáját a Pegazus – Toscana szárnyakkal eseményre. „Az alapötlet, mondja Pinucci, az volt, hogy megmaradjon az a bio-technológiai koncept, melyet már alkalmaztam a „Design a szárnyak között” koordinált képhez.”
48
A plakáton látható, ahogyan egy vitorlázó repülô oldalnézetéhez, az egyik szárnyat egy toll helyettesíti, mint egy fajta felhívás a könnyedségre, a technológiát a kreativitáshoz közelítve (22. Ábra).
22. Ábra A Pegazus egy 3 napig tartó találkozó volt, de egyúttal repülôeszközök bemutatója is, a pontederai Piaggio múzeumban.
2010.08.31
14:44
Page 49
Alapok Pinucci: „Szerettem volna közvetíteni, mint alapvetô fogalom, az aeronautika, és a repülô kultúráját, de bevinni egy a toszkán vidékhez tartozó elemet is.” „A témahordozó maga a repülôgép, tehát egy jobban látható elem; szerettem volna bevinni egy természetes elemet is, mely Toszkánára jellemzô, így a légcsavarszárny napraforgótányérral való helyettesítése tökéletes ötlet volt: vitorlázó repülô, technológia, természet, Toszkána, Múzeum. Így kezdôdött. Megkeresem a poszter alapjának legmegfelelôbb anyagokat: egy szembeni kép a vitorlázó repülômrôl, néhány napraforgótányér, és egy múzeum belseje. A poszter alapját képezô képek (23. Ábra).
23. Ábra A poszterrel kezdem, mert ez a legnagyobb objektum, tehát további koordinált objektumokra bontható, anélkül, hogy veszítenénk a felbontásból: hirdetés, meghívó, program, logo, weblap… Egy nagyon sötétkék alap, sárgával, ez a kedvenc színösszeállításom; egy másik rétegre felviszem a vitorlázógép múzeumáról készült kis képet, melyet újrarajzolok légtani szempontból, hogy inkább immateriális semmint fotográfiai legyen; felviszem a légszárnycsavar helyére a tányért a napraforgóról készült fotóról, és miután megfelelôen megváltoztattam az egészet, felviszem a légszárnycsavarra jellemzô hajlásokat; beviszem a napraforgó középsô részét a légcsavarkúp helyére, és kialakítom a repülôgép orrán a légcsavar árnyát.
49
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 50
Adobe Illustrator
50
Lejjebb megyek, és az Illustrator segítségével kialakítom a rácsokat, felhasználva a múzeum szerelékeit: a szürke színnel a 3D-t hozom létre. Beillesztem a múzeum tetejérôl készített fotókat, retusálva az alap árnyalatait. Létrehozok egy padlóréteget, árnyalt szélekkel, mely a repülôgép rétege alatt helyezkedik el, a kettô közé pedig egy árnyat helyezek.” Befejezôdött a kép, de lépjünk a következô szakaszba. „Beviszem a fájlt egy Illustrator dokumentumba a plakát nagyságának megfelelôen (70x100 cm, 1 cm ráhagyással), újraméretezve, és alul beviszek egy középoszlopot a szövegnek. A Gill Sans betûket használom 50-es betûmérettel. Elhelyezem a Piaggio múzeum logoját, jobb oldalon alul, és balra az esemény helyszínét, idôpontját kis betûkkel, lévén, hogy ezek harmadlagos információk egy plakáton. Balra felviszem a szponzorok, és a pártfogók logoit oszlopba rendezve, és fenn, középen felviszem a PEGASUS logot, még mindig Gill Sans betûkkel, 460-as nagysággal, és az alcímet TOSCANA SZÁRNYAKON 70-es betûvel, jó széles, 90%-os, betûközökkel (24. –25. Ábra).
24. Ábra
2010.08.31
14:44
Page 51
Alapok
25. Ábra Miután befejeztem a plakátot, kidolgoztam az egész koordinál felületet, mely a logotól kezdôdôen áthalad a 35x50 cm-re kicsinyített plakáton a programig (két szárnyú, az egyik egy nyitott 21x21 cm, a másik 21x10,5 cm zárt), a zászló 2,5 méter széles papírcsík, és az újság, vagyis egy 8 oldalas tabloid, ami az esemény tartalmát ábrázolja. Végül, a koordinált alapjára felvittem a Web oldalt, www.progettopegasus.com, melyen szörfözhettek, hogy a repülés, és a tervezés világáról kapjatok információkat” (26. Ábra).
51
illustrator.qxd
26. Ábra
illustrator.qxd
2010.08.31
14:44
Page 52
Adobe Illustrator Reklámtechnikák A reklám része a koordinált kommunikációnak de sok esetben szükség van újratervezésre. A reklámokban alkalmazott technikák nagyon nagy számúak, és a reklám nyelvezete alkalmazkodik a divatáramlatokhoz. JeanMichel Folon a csendesebb, sugallt hangvételû nyelvezetet kedveli, hogy magára vonja a közönség figyelmét, míg Oliviero Toscani a provokációt favorizálja. Ezek a kreátorok azt tartják, hogy a reklám is egy fontos kommunikációs eszköz, melyet nem szabad csak kereskedelmi üzenetek továbbítására használni. A verbális üzenetek, és képek kombinációi adta végtelen lehetôségek lehetôvé teszik az alkotók számára egy hatásos kommunikáció létrehozását, nagy számú alternatív projektek segítségével. A reklámok nem mások, mint a meggyôzés technikái, melyek ösztönzik az adott termék vagy szolgáltatás megvásárlásának vágyát.
52
A legegyértelmûbbek a fogyasztási cikkek (vagy szolgáltatások) megvásárlására irányuló reklámok, de egyúttal a legrejtettebbek is, melyek kihatással vannak a kollektív új szimbolikus értékeket, és mítoszokat hordozó gondolkodásmódra. A legismertebbek: Az egészség mítosza, melyet a Cuore Olaj reklámja nagyon jól kifejez, „hogy formában legyünk, egészségesen kell táplálkoznunk”. A hatékonyság mítosza: gondoljunk a szinte folyamatosan reklámozott különbözô háztartási felületek tisztítószereire, kihangsúlyozva a takarításra, fényesítésre, illatosításra fordított idô rövidségét….
2010.08.31
14:44
Page 53
Alapok A siker mítosza: Arrogance egy tipikus példa a „Hogyan gyôzhetünk az életben Arrogance nélkül?” mondatával. A természethez való visszatérés mítosza, élelmiszer termékek reklámozásához , pl. „Natur Palmera Tonhal”. A szépség mítosza különbözô krémekkel arcra és testre, samponoktól az intim tisztálkodási szerekig, „Nivea, kihangsúlyozza természetes szépséged”, „Omsa, micsoda lábak!”. A gazdagság, a boldogság mítosza. „Sofficini Findus. A mosoly, ami benned van.”. A kaland, a fiatalság, az erô mítosza. De ne gondoljuk, hogy csak a nyelvezet rendelkezik ezekkel a különlegességekkel, a képek gyakran sokkal kifejezôbbek a szavaknál. Gyakran verbális, látvány-, és hangosképek egymásra kölcsönösen hatva kiegészülnek, ami külön-külön nem mûködhetne. A reklámok nyelve egy üzenet szintézise: csak annyit, és azt kell közölni, ami szükséges. A Slogan kifejezés skót eredetû, jelentése „háborús kiáltás” (Slag=hadsereg, háború; Gairm=kiáltás), és valóban a szlogen egy feltétlen kifejezésmód, azzal a céllal, hogy a címzett az emlékezetébe vésse. Minden reklámkampány a következôkre tagolódik: a tárgy kiválasztása, elképzelés, grafikai megvalósítás, filmes produkció… Egy reklámkép tervezése során az alkotó alkalmazhatja a szöveg, és a képek (pikturális, fotográf) kombinációját. Egy látható nyelvezet kialakítása az alapja a reklámnak, de ezzel a típusú nyelvezettel mélyebben foglalkozunk a tanfolyamon, a fotográfiai technikákkal egyetemben.
53
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 54
Adobe Illustrator A mesterkélt stílus A kommunikációs projekt olyan grafikai projekteket igényelnek, melyek a különbözô mesterkélt stílusokat fejtegetik, a különbözô stílusok segítségével, és a tartalmak mély tanulmányozása által. Hétköznapjaink telítettek a látható kommunikáció eszközeivel, de dekódolásuk nem mindenki számára lehetséges. Az írott kódok megfejtése kevésbé jelent problémát számunkra, mert az általános iskola kezdete óta hozzá szoktunk a nagybetûk, kisbetûk, díszített írásmódok azonosításához, de a látható kód nem része oktatási rendszerünknek, mégis ugyanazt a figyelmet igényli, amit a nyelvtan, és a szintaxis. Ez a „látás nyelvtana” azok privilégiuma, akik benne dolgoznak, azok képesek megérteni, hogy a forma nem azonos a közölt tartalommal. Mind a foto, mind a grafikai kép paralel képzetekbôl merítenekfilm, mûvészet, zene…, átalakulva, újradefiniálva, hogy megértsük, megismerjük. A jelen képzetének a múlt ismeretével való egyesítése az út, hogy látó kommunikáció értéket kapjon, gazdagítva a modern kommunikációt, a századokat, és stílusokat jellemzô történelmi grafikával.
54
A packaging A packaging (angolból to package, csomagolni) egy olyan grafikai szektor, mely egy termék szerkezeti (a tartó), és látható (címke) tervezésével is foglalkozik. A packaging designernek, azon túl, hogy készít egy praktikus, funkcionális, és eredeti csomagolást, foglalkoznia kell a komponens kommunikatív jellemzôivel is, hogy világosan jellemezze a terméket, és hogy a fogyasztó számára megfelelô információkat szolgáltasson a csomagolás tartalmáról, és annak használatáról.
2010.08.31
14:44
Page 55
Alapok Az elsô alapvetô mûvelet egy új package elkészítése során a piackutatás a piacon már jelen lévô különleges termékkategóriák csomagolására irányulóan, azért, hogy pontosan meghatározzuk a közös elemeket, melyek gyakran hozzájárulnak a családiassághoz, és szokásokat tükröznek, mert rögtön felismerhetôek. (Hogyne gondolnánk rögtön a kávéra, amikor azokkal a henger alakú fém tartályokkal találjuk magunkat szembe, melyeken a piros, a barna, arany és a fekete dominál) (27. Ábra).
27. Ábra A piackutatás után a tervezô feladata az lesz, hogy minden figyelmét a csomagolásra váró termék különleges target-jére összpontosítsa. Sok esetben még a csomagolás formája elôtt a betûhasználatra kell koncentrálnia, mellyel gyakran az ügyfelek elvárásait kell állandósítani: a lágy, és elegáns tónusok, melyeket fôleg évekkel ezelôtt használtak angol betûk és írásoknál parfüm-, szépségápolási cikkek reklámjaiban, melyeknek ellentétei az erôs és határozott bastonok a mosószereknél, és higiéniai cikkek reklámozásánál, kihangsúlyozva a tisztítás „erejét”. A színek is jellemezhetnek egy terméket funkcionális szempontból: a parfümök, és az arckrémek rafinált, nem túl kontrasztos színei a higiéniai termékek erôs kromatikus színeit ellensúlyozzák, amik
55
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 56
Adobe Illustrator inkább a frissesség (kék), a zsíroldó erô (citromsárga, erôs zöld) favorizálják. Sok esetben a vörös szín egy erôsen kódolt, és univerzális ismertetôjel: gondoljunk a tejcsokoládé kék színû csomagolására, ellentétben az étcsokoládé piros csomagolásával.
A packaging három területe Elsôsorban a széles körben fogyasztott termékek esetében, melyeknél a közönséggel való kommunikáció alapvetô, és több funkciója van, mint egy fajta felhívás a termék jellemzôinek információs eszközként való alkalmazására, és a használati módokra…jelentkezett egy ideje az informatív, és kereskedelmi elvárásokhoz kapcsolódó kommunikatív kihangsúlyozás szükségessége.
56
Általában ennek a termékosztályozásnak a packaging-ja három kommunikatív területre osztható: 1. elsôdleges terület, vagyis az önmagát bemutató termék, ami a szemünk elôtt látható; 2. másodlagos terület, vagyis az önmagát, saját összetevôit, használati utasításokat, és szavatossági idôt leíró termék; 3. a tartó terület, mely egyfajta köztesként szerepel a két fenti terület között, amiben megjelennek a képek, és az azonosító jelek, hogy azonnal felismerhetôvé váljék.
Új lehetõségek De nem szabad arra gondolni, hogy egy hagyományos dobozon, tasakon, vagy üvegen a helyes betû, szín, és illusztráció kiválasztással a designer csodákra képes.
2010.08.31
14:44
Page 57
Alapok Például, nem szabad elfelejtenünk, hogy a papíripar évek során olyan csomagolási módszereket fejlesztett ki, melyek nagy méretû, innovatív 3D szerkezeteket is képesek alkotni. A felhasznált anyagok, régebben csak meghatározott mennyiségben álltak rendelkezésre a gyengébb minôségû cellulóz miatt, ma már könnyedén megkülönböztethetôk a formatervezés igényei, és a termékcsoport szerint, azzal együtt, hogy bizonyos esetekben olyan normatívákhoz kell hûnek maradnunk, melyek védik a terméket, és a fogyasztók érdekeit. Az egyre tökéletesebb ipari szerigrafikus és/vagy flexografikus technikák fejlôdése lehetôvé tette az etikett nyomtatás egyeduralmának lecsengését, szabaddá téve a betûk, színek használatát. De most sem szabad megelégednünk, megpihennünk…
A Web lap Egy cég, termék, vagy szolgáltatás kommunikációs stratégiájában manapság már elmaradhatatlan a vonatkozó Web oldal. Annak ellenére, hogy a könyv nem tárgyalja ezt a témát, arra gondoltunk, hogy mégis érintünk néhányat a tervezés elvei közül, mert a web oldalak kommunikációs tervezése, a maga specifikusságában, azonnali felismerhetôséget, és összehasonlítást kell, hogy nyújtson az egyéb kommunikáció, és reklámformákkal, lásd papíron, videón, rádión, filmen, való összehangoltsága okán… Amikor a grafikus tervezô figyelmét a különbözô web lapok grafikai layout-ára helyezi, mindig emlékezni kell, hogy hatásosan kell elkészítenie. Mivel sokan törnek be az oldalra, csak, hogy láthassák, mirôl szól, és mik az jellemzôi: addig is frissességre, és az azonnaliságra kell törekednie, anélkül, hogy elhanyagolná a szörfölés, és a direkt érintkezés tulajdonságait, mert mindig lesz valaki, aki
57
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 58
Adobe Illustrator mélyebben szeretné megismerni az oldalt, vagy csak keresgél, pont úgy, mint egy „valódi” üzletben, vagy raktárban. Végül vannak olyanok is, akik pontos céllal lépnek be, és biztosan nem szeretnék szembe találni magukat figyelmeztetô tanácsokkal, vagy vizuális szórakozással. Peter Morville a Web Review oldalain (http://www.webreview.com) nagyon jól meghatározza a web information design-t: ”összefüggô, és funkcionális rendszerek létrehozása szörfözéshez, a grafikához, az oldalak layout-jához, a címzéshez, úgy, hogy a felhasználó mindig tudja merre induljon, mit tegyen, és miért lépjen be még a lapra”.
A kommunikatív projekt A Web számára készülô kommunikatív projekt hatásos befejezéséhez általában 3 különálló perspektíva szükséges:
58
Content View • Tartalmak (és azok elrendezése) • Sematizálás • A tartalmak elosztásának megtervezése
Site View • Site mappa • Kommunikatív konvenciók, és meghatározások • Navigálás
Page View • Oldalrács • Címzés, és etikett • Interakciós folyamatok
A Content View külsô megjelenése tartalmazza a tartalom „vásárlás és szervezés” módszertanát, és nem hanyagolhatja el a web writing alapelveit, vagyis a különbözô szolgáltatások érdekében megkülönböztetett írásmódokat. Általában egy olyan tervezôi hanghordozásról van szó, melyet nem úgy kellene tekinteni, mint a grafikai tervezô kizárólagos csomagja, aki figyelmét fôleg a két másik perspektívára összpontosítja.
2010.08.31
14:44
Page 59
Alapok Ami a Site View külsô megjelenését illeti, soha nem elég ismételgetni a site mappa részletes meghatározásának fontosságát, ahonnan származnak a kommunikatív projekt különbözô részeit meghatározó navigációk, és kommunikatív konvenciók beállításai. Rengeteg megoldás létezik hatásos site mappák létrehozására, az egyszerû papírlaptól, a vektorgrafikai alkalmazásokig, mint Adobe Illustrator. Ha az elsô két tulajdonság majdhogynem átlátszó a felhasználó számára (aki természetesen azonnal észre fogja venni egy jól szerkesztett web lap elônyeit), a Page View tudatosan összpontosítja figyelmét az oldalak rajzolatára, az írásra, a címzésre, és a szekció, és alszekciók címkézésére, valamint a különféle linkek szerkesztésére, és kiemelésére. Egy érdekes kísérlet a kommunikatív projekt elsô lépéseinek elmélyítésére az, hogy megpróbáljuk szétválasztani, és címkézni mûködésük alapján a tetszés szerinti oldalak különbözô szekcióit, azért, hogy megértsük annak szerkezetét, és titkait. A következôkben javasolunk néhány példát:
A vizuális koncept A kommunikatív projekt részleteiben történô befejezése után eljött a pillanat, hogy áttérjünk a visual concept & design területére, ami a tervezô grafikus valódi közege. A visual concept & design általában egy sor ciklikus fázis során alakul ki, melyek progresszív javítgatásoknak vannak kitéve: • a célok pontosítása • figyelem összpontosítása a smart design-re • a concept visual kialakítása • felhasználócentrikus tervezés • bemutatás, és feedback
59
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 60
Adobe Illustrator A célok pontosítása Mielôtt elkezdjük a különbözô oldalak grafikus layout-jainak definiálását, elô kell vennünk az egész projekt kreatív briefingjének szövegét, és egyeztetni az ügyféllel a Web testreszabását.
A smart design Egy Web oldal nem merülhet ki egyszerûen egy tetszetôs interface-ban: a grafikai kreativitásnak egyesülnie kell az oldal stratégiai céljaival, és a funkcionális/technológiai következményekkel, ennek kiemelésére az angol-amerikaiak létrehozták a smart design kifejezést (intelligens, ötletes, ravasz formatervezés). A smart design-nak a letöltési gyorsaság, és a funkcionalitás a privilégiuma; a user experience-re összpontosít (vagyis a felhasználó reakcióira), és nem pedig a tervezô ambícióira, vagy a reklámok kellemetlen megjelenésére. A smart design használata nagyon egyszerû mûvelet: elég a felhasználó fejével gondolkodni. Navigálni kell, kattintani, letölteni dokumentumokat, mindezt on line, ahogyan azt a felhasználó, vagy az alkalmi látogató tenné.
60
Nagyon gyakran teljes oldalak készülnek saját gépeken, mielôtt ellenôriznénk a minôséget, és a letöltéshez szükséges idôt, stb…
A vizuális koncept fejlesztése Az oldal look-and-feel-jének kialakításához a színektôl, a színkombinációkból, és a lettering-bôl kell kiindulni, ami a
2010.08.31
14:44
Page 61
Alapok koordinált kép, és/vagy a reklámkampány definíciós szakaszában lett kifejlesztve. Ez egy olyan mûvelet, ami, részben, végezhetô párhuzamosan a kommunikatív projekt kialakításának szakaszával. Miután befejeztük a site mappát, és az oldalrácsot, elkezdôdhet a valódi design. Elsôbbséget élvezô hivatkozási pontjai: a briefing, ami a tónusra, és a kommunikatív kezdetre vonatkozik, a mappa, ami az oldal szerkezetére vonatkozik, és a rács, ami a navigációs elemekre vonatkozik. Ebben a szakaszban, a letöltési idôk, és a grafikai megoldások praktikusságának folyamatos ellenôrzése mellett, folyamatosan ellenôrizni kell a HTML, vagy XHTML nyelv, a Flash, vagy más grafikai, és animációs programok valódi lehetôségeit a grafika szintjén.
Felhasználócentrikus tervezés Valójában egy az egész grafikai tevékenység „vezérfonaláról” van itt szó, de fôleg arról, ami a Web-re irányul, ahol a lényeg az ellenôrzésben, és a navigáció igényeihez rendelt elvek megfelelésében, információk, és szolgáltatások megszerzésében rejlik, a felhasználó részérôl.
Bemutatás, és feedback Miután befejezôdött a kreatív szakasz, elérkezett a munka ügyfél számára történô bemutatásának fázisa. Általában nem ajánlott rázúdítani az ügyfélre mindent egyszerre, mert gyakran már önmagában is nehezen dönt, fôleg, ha nagy számú változatból kell választania.
61
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 62
Adobe Illustrator
62
Legjobb megoldás az, ha bemutatunk 3, és nem több, tervezetet. A feedback-ra várni, és sürgetni az ügyfél részéről gyakran a smart design főbb jellemzőinek kiemelését jelenti, mely először nem tűnik teljesen evidensnek: egyébként pont ez a jó, és funkcionális formatervezés jellemzője, hogy egyértelmű, és természetes legyen, azon túl, hogy esztétikailag tetszetős, és hogy megfeleljen a cég, a termék, vagy egy szolgáltatás általános image-ének. Egy jól sikerült sitenak mindig tiszteletben kellene tartania a komplex kommunikatív stratégia look-and-feel-jét.
2010.08.31
14:44
Page 63
Alapok
63
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 65
1. FEJEZET
2010.08.31
14:44
Page 67
1. Fejezet
1. Lecke Panelek, és az Illustrator interface használata Az Illustrator eszközei segítségével bármilyen kreatív objektumot létrehozhatunk, a legegyszerûbbektôl, a legbonyolultabbakig, mind a webhez, mind a nyomtatáshoz Az Illustrator olyan végtelen számú eszközt állít szolgálatunkba, hogy teljes mértékben szabályozni tudjuk a vázlatokat, mértani formákat, színeket, tulajdonságokat, és illusztrációkat, amelyek lehetôvé teszik bármilyen grafikai projekt létrehozását, mint cégek logoi, vagy marketing anyagok, pl. hirdetések, brossúrák, vagy meghívók. Ebben az elsô oktatási egységben a program interface-ját ismerjük meg elôször, a paletták használatát, és a munkaterület testreszabását. Elsô alkalommal elindítva a programot, látni fogjuk, hogy az Illustrator a többi Adobe szoftverhez hasonló interface-val rendelkezik. Ezáltal, mint más programok esetén, minden panelt áthelyezhetô eredeti helyérôl; kezdetben minden panel szürke, mert a mi munkaterületünkön nincs hol ábrázolni, ezért nyissuk meg a File gördülô menüt, és az New menüben nyithatunk új lapot (29. Ábra).
67
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 68
Adobe Illustrator
29. Ábra
68
A munkaterület különbözô részekre osztható: 1. A monitor jobb oldalán láthatjuk a panelcsoportot, 2. Balra egy az Eszközöket (Tools) tartalmazó palettát 3. A lap közepén – ami elôször A4-es formátumú fekvô helyzetben, és csak az lesz kinyomtatva, ami a lap belsejében található – míg a külsô rész a montázsasztal, melynek mérete 222x222 hüvelyk (5,64m x 5,64m), annyi oldalt vihetünk be, amennyit elbír a montázsasztal. Továbbá ezt a területet egyidejûleg más elemek tárolására is használhatjuk, ami része a dokumentumotoknak, hogy aztán áttegyük ôket egy másik lapra egyszerûen áthúzva. Kezdetben a paletták a jobb oldalon helyezkednek el, de a munkaterület más oldalára is áthelyezhetôek, tömöríthetôek, zárhatóak, a monitor méretétôl, és a munkával szemben támasztott igényetektôl függôen. Egy palettának a többitôl való elválasztásához kattintsunk a pontozott gripperre, és az egér bal gombját lenyomva tartva, húzzuk a munkaterületre, ezáltal panelünk lebegôvé vált (30. Ábra).
2010.08.31
14:44
Page 69
1. Fejezet
30. Ábra A Panelek lehetnek zártak, vagy nyitottak: fent, a név mellett, feltûnik egy nyíl, ha ez az írás balra áll, akkor a panel zárt, ha jobbra mutat, a panel nyitott, kinyitásához, vagy becsukásához kattintsunk a jobb gombbal a nyílra. Egy panelcsoport eltávolításához kattintsunk jobb gombbal egy üres részre a fejlécen és menjünk a close tab group-ra (31. Ábra).
69
illustrator.qxd
31. Ábra
illustrator.qxd
2010.08.31
14:44
Page 70
Adobe Illustrator Egy törölt panel újraindításához, vagy új panelekhez elég kiválasztani a Windows menübõl a kívánt panel nevét (32. Ábra).
32. Ábra
70
A panel mozgó ablakként nyílik meg, a munkaterület jobb oldalára történõ helyezéséhez a gripperre kattintsunk, és a többi panelre húzzuk, amikor feltûnik a szürke szél, elengedhetjük az egeret, ezáltal rögzül. A sávon, ami elkülöníti a munkalapot a panelcsoporttól, található a panelek tömörítésének/kiterjesztésének gombja (téglalapban levõ kis nyilacska), rákattintva elrejthetjük a paneleket, hogy nagyobb legyen a munkalap. Az eszköztárhoz a Windows>Workspace legördülõ menüben kiválaszthatjuk a már megszokott munkakörnyezetünket, amit eddig használtunk más szoftverek esetében, legyen ez most a "like freehand" opcionálisan. (33. Ábra).
2010.08.31
14:44
Page 71
1. Fejezet
33. Ábra A beállítások elmentéséhez elég, ha bezárjuk a programot, a legközelebbi megnyitáskor ugyanazokat a beállításokat fogjuk találni. Nincs más hátra, mint hogy testre szabjuk saját grafikai felületünket, megjelenítve a számunkra fontos ablakokat a legmegfelelõbb helyen. Az interface új beállításának leellenõrzéséhez zárjuk be a programot a File>Exit paranccsal.
71
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 72
Adobe Illustrator
2. Lecke Bitmap, és vektor képek Rengeteg grafikai program létezik, gondoljunk csak arra a hatalmas mennyiségû Interneten, vagy a kereskedelemben fellelhetô programra, de közülük csak kevés képes magas szintû szolgáltatást nyújtani, vagy pedig csak erre specializálódott viszonteladóknál kaphatóak. A Desktop Publishing programjai két kategóriára bonthatók: • Bitmap grafikai programok. • Vektorgrafikai programok.
72
A Bitmap Grafika programjai fôleg fotomontázsra, és retusálásra használhatóak. Ebbe a kategóriába tartoznak a Paint Shop Pro, Photoshop, Corel Photo-Paint programok is. A Vektor Grafika programjait a szabad kézzel vagy mértani formákkal történô ábrázolásra használjuk. Ide tartoznak a CorelDraw, Adobe Illustrator, és a Macromedia Freehand. De mi lehet a különbség e programok között? Képzeljük el, hogy a Photoshop programmal ábrázolunk egy átlót, mondjuk egy 10 pixeles piros színben, és gondolkodjunk, hogyan lehetne átvinni ezt a vonalat a mi munkalapunkra.
2010.08.31
14:44
Page 73
1. Fejezet Egy ilyen programmal lehetetlen, az egyetlen megoldás a kivágás-másolás lehetne. Most arra gondoljunk, hogyan lehetne a vonalat meghajlítani, az egyetlen megoldás az lenne, hogy kitöröljük, és kézzel újraábrázoljuk, ezen kívül meg kellene nagyítani a képet, hogy részleteiben kidolgozhassuk. Egy hasonló ábra szerkezete egy pontmappában kerül meghatározásra: minél sûrûbb a mappa, annál nagyobb a felbontás, vagyis a kép minôsége. Minden pont egy elôzôleg az azonos színek mélysége szerint változtatható értékek által meghatározott színbôl áll. Tehát minél jobban szélesítünk egy bitmapot, annak bevagdosott (zsargonban: Jagged) szerkezete annál egyértelmûbbé válik. A bitmap képeket képretusáló alkalmazásokban használják, és pixelekbôl állnak. Minôségük a monitor, és a nyomtató felbontásától függ. Méretüket videón növelve, vagy kisebb felbontásban nyomtatva ôket veszíthetnek élességükbôl. A vektorképek függetlenek a felbontás méretétôl, bármilyen méretre beállíthatóak, és bármilyen hordozón nyomtathatók, kisebb felbontásban is, anélkül, hogy veszítenének részleteikbôl, vagy világosságukból. Ha egy vektorgrafikai program segítségével ábrázolunk egy vonalat, azt elmozdíthatjuk, módosíthatjuk, és a fájl lényegesen egységesebb lesz egy Bitmap képhez képest. Mind ez azért lehetséges, mert az alkalmazott szoftver a vonal megrajzolásánál matematikailag saját papíron kiszámolt mértani koordinátái által ábrázolta a színeit és minden, a kép újbóli elkészítéséhez szükséges értékeket. A Bitmap képekkel ellentétben, melyek minden típusú számítógépen megjeleníthetôek, anélkül, hogy szükség lenne a szerkesztôprogramra.
73
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 74
Adobe Illustrator A vektorképeket csak saját szerkesztôprogramjukkal lehet megnyitni, vagy egy olyan szoftverrel, ami értelmezni tudja a vektorkoordinátákat. De mi is az a pixel? A pixel a bitmap kép, és monitorunk, legkisebb alkotóeleme. Az elnevezés angol eredetû: Picture element. Hogy jobban megértsük, gondoljunk képernyônk felbontására: pl. a 800x600. Ez azt jelenti, hogy a monitor egy 800 pixeles vízszintes, és 600 pixeles függôleges látképet nyújt. Ezeknek a méreteknek semmiféle hatása nincs a nyomtatás során, mert ez utóbbit az oldalak formátumain mûködtetett programok határozzák meg.
Új dokumentum létrehozása, és az oldalak beállításainak megváltoztatása a Document panel segítségével Miután ízlésünk szerint beállítottuk a paneleket, és az Illustrator layoutját, állítsuk be munkalapunk méreteit: nyissunk meg egy új dokumentumot a File>New menüben (ilyenkor megnyílik egy új lap, és minden panel automatikusan aktiválódik).
74
Kattintsunk a Document Setup nyomógombra a menü panel alatt majd az Edit Artboards-ra. A Presest alatt elhelyezkedõ legördülõ menübõl különbözõ formátumok között válogathatunk, vagy akár mi is beállíthatjuk a méretet a Custom-ben, mellyel késõbb foglalkozunk), de most állítsuk be dokumentumunkat az A4-es formátumra (34. Ábra).
2010.08.31
14:44
Page 75
1. Fejezet
34. Ábra Az Irányítógombok segítségével a dokumentumot beállíthatjuk függõleges, vagy vízszintes helyzetbe, igény szerint. Állítsuk be a dokumentumot vízszintes helyzetbe (35. Ábra).
35. Ábra Miután beállítottuk a tájolást a dokumentum már nem középen helyezkedik el, ehhez a Nagyítás cellára kell kattintanunk, ami alul helyezkedik el a Hatáskör ablakban, ahol az egész oldalt kell kiválasztanunk
75
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 76
Adobe Illustrator Az Illustrator automatikusan kiszámolja a munkalap közepén teljes egészében megjelenítendõ oldal nagyításának szükséges mértékét (36. Ábra).
36. Ábra
76
Ezután, mentsük el a dokumentumot a File>Save As utasítás segítségével, és ellenõrizzük, hogy a Fájltípus cellában az Adobe Illustrator dokumentum (*.AI) legyen beállítva.
2010.08.31
14:44
Page 77
1. Fejezet
3. Lecke Az Eszközök (Tools) panel Az Illustrator rendelkezésünkre bocsát egy nagy számú eszköztárat illusztrációk, grafikus képek létrehozásához. Mielõtt elkészítenénk elsõ logonkat, ismerjük meg jobban ezeket az eszközöket. Az Illustrator megnyitásánál, ahogy az imént mondtunk, találunk egy lebegõpanelt az eszközökkel, a felsõ szélen pedig a Fõmenü. A különbözõ eszközök ikonjaira helyezve az egérmutatót, és rajta tartva néhány másodpercig, megfigyelhetjük az eszköz nevét (37. Ábra).
77
illustrator.qxd
37. Ábra
illustrator.qxd
2010.08.31
14:44
Page 78
Adobe Illustrator Most nézzük részleteiben a különbözõ eszközöket: Néhány ikonon, alul jobbra, látható egy kis háromszög, ami további eszközök jelenlétét jelzi, aktiválásukhoz elég a háromszögre kattintani, és lenyomva tartani néhány másodpercig: pl. ha az egér bal gombját lenyomva tartjuk a Rectangle (Négyszögön), megjelenik egy gördülõmenü, amibõl kiválaszthatjuk a Poligon Tool eszközt. Felengedve az egér gombját, automatikusan beállítottuk az új eszközt. Néhány ikonon látható egy jobb oldalon felül elhelyezett nyíl, ez azt jelenti, hogy meglehet változtatni az eszköz beállításait. Például kattintsunk kétszer a Poligon eszközön látható nyílra, meg fog nyílni a 38. Ábrán látható ablak. Itt módosíthatjuk a Poligon oldalainak számát.
78
38. Ábra A kurzor mozgatásával 8-ra változik az oldalak száma, és kattintsunk az OK gombra. Ekkor a kurzor kereszt alakúra változik. Helyezzük a lap közepére, kattintsunk a bal gombbal, és mozdítsuk el a poligon megrajzolásához. Amikor pedig elértük a kívánt méretet, engedjük fel az egeret.
2010.08.31
14:44
Page 79
1. Fejezet Most hasonlóan a polygon menühöz, hívjuk elõ a star (csillag) menüpontot. Points (Csillag csúcsa) szekcióban megváltoztathatjuk a csúcsok mélységét és beállíthatjuk az oldalak mennyiségét. Egy alak törléséhez válasszuk ki a Pointer (V) eszközt, kattintsunk a törlendõ alakzat szélére, és nyomjuk meg a DEL gombot a billentyûzeten. Egy alakzat elmozdításához szintén a Pointer eszközt választjuk ki. Az alakzat a szélére kattintunk, és az egér bal gombját lenyomva tartva, áthúzzuk az új helyére. Most válasszuk ki a Rectagle Tool eszközt, és rajzoljunk a munkalapra, úgy, hogy közben nyomva tartjuk a SHIFT gombot, egy tökéletes négyzetet fogtok kapni. Most próbáljátok meg újra rajzolni, de ne nyomjunk le semmit, azt fogjuk látni, hogy a négyzet a sarkokból indulva ábrázolódik ki. Ha viszont rajzolás közben lenyomva tartjuk az ALT gombot, a négyzet középre helyezõdik. Ha a program használata során zoommolni kell, vagy meg kell változtatni a mértékegységet, használhatjuk a következõket: A Magnification (Nagyítás) cella legördülõ menüjében kiválaszthatjuk a zoom százalékát tetszés szerint, vagy kiválasztva az Fit On Screen cellát, beállíthatjuk a megjelenítést az egész oldalon. A Minden lap viszont lehetõvé teszi, hogy a dokumentumot alkotó összes oldalt egyszerre jelenítsük meg, de megnagyíthatunk egy részt is, a Kijelölt terület kiválasztásával is.
79
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 80
Adobe Illustrator Ezekben az esetekben az Illustrator fogja kiszámolni automatikusan a zoom értéket monitorunk képfelbontása, és mérete alapján (39. Ábra).
80
39. Ábra
2010.08.31
14:44
Page 81
1. Fejezet
4. Lecke Line (Vonal), Pen (Toll), Pencil (Ceruza), Bezigon eszközök Az elôzô oktatási egységben láttuk a négyzet, négyszög, és poligon készítéséhez szükséges eszközöket, de egyéb alakzatok készítéséhez a következô eszközöket kell használnunk: Pen, Pencil, Line vagy Bezigon. Ezek az eszközök nagyon hasonlítanak egymáshoz, de mindegyikük másként viselkedik.
Ábrázolás a Line (Vonal) eszköz segítségével A Line lehetôvé teszi egyenes vonalak rajzolását. A rajzoláshoz a megfelelô eszközre kattintsunk (Line ikon vagy megnyomjuk az \-t), és a kurzor megváltoztatja az alakját, keresztté változik. Ezután a lapra kattintsunk, hogy megadjuk a vonal kezdôpontját, lenyomva tartva az egér bal gombját addig húzzuk, míg a vonal el nem éri a kívánt hosszt, majd felengedjük az egeret. Ezzel a technikával bármilyen szögben készíthetünk egyenes vonalakat, függôlegesen, vízszintesen, vagy akár 45°-ban is, a SHIFT gomb nyomva tartásával. Az egyes vonalak különállóak.
81
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 82
Adobe Illustrator Pencil (Ceruza) eszköz A Pencil, csak úgy, mint a Line, lehetôvé teszi a szabadkézi rajzolást. Miután kiválasztottuk az eszközt, az egér felveszi egy ceruza alakját. Rákattintva a kezdôpontra rajzolhatunk egy alakzatot. A megrajzolt tárgy nem egyenes vonalakból fog állni, és rajtuk csomópontok lesznek, ami azt jelenti, hogy különállóan is kijelölhetôek, és formázhatóak. Ezen kívül, mindegyikük külön kitörölhetô a DEL gombbal.
82
Rajzoljunk a Pencil eszközzel egy tetszés szerinti alakzatot. Jelöljük ki a Pointer (Mutató) eszközt, és kattintsunk az egyik csomópontra, ekkor feltûnnek az iránypontok (40. Ábra).
40. Ábra Ezek pontok lehetôvé teszik a kijelölt, és a következô csomópont közti szegmens boltívének megváltoztatását, valamint a görbe elhajlítását mind az óra járásának irányába, mind az ellenkezô irányba.
2010.08.31
14:44
Page 83
1. Fejezet Rajzolás a Pen, és a Bezigon eszközökkel A Pen, és a Bezigon eszközök nagyon hasonlóak. Mindkettô pontok, és iránypontok (handle control) segítségével készítenek rajzokat, de némileg eltérô a viselkedésük. Tehát bármelyiket választhatjuk, de nézzük, hogyan mûködnek pontosan. A Bezigon eszköz minden esetben iránypontokat helyez el, egy objektum rajzolásához a kezdôpontra kell kattintanunk. Felengedjük az egeret, és a következô pontra kattintunk. Addig amíg el nem érjük a kezdôpontot, az egér alatt feltûnik egy kis négyzet, ami azt jelenti, hogy egy klikkel az ábra bezárul. Ha az eszközökben beállítottunk egy kitöltôszínt, az objektum automatikusan kiszínezôdik. Hogy kapjunk egy alakzatot, járjunk el a fentiek szerint, az ALT gomb lenyomva tartásával: az irányzók automatikusan alkalmazkodnak annak, amit az Illustrator optimális görbének tart, talán nem mindig felel meg a kívánt effektusnak, de a Részkijelölés eszközzel a késôbbiekben tetszés szerint változtatható. A Pen eszköz lehetôvé teszi az irányzók ellenôrzését a pontok elhelyezésekor. Egy sarokpont beviteléhez, miután kiválasztottuk az eszközt, kattintsunk és húzzuk el az eszközt az egér gombjának lenyomva tartásával.
83
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 84
Adobe Illustrator Ha akarjuk, a billentyûket is lenyomhatjuk, hogy hatásosabb legyen a pontok ellenôrzése: ha az elsô kattintás után – a kiindulópont bejelöléséhez – lenyomjuk az ALT gombot, miközben gördítjük az egeret, megáll az irányzófej, és be lehet állítani az alsó részét, függetlenül a fejtôl. Ha lenyomva tartjuk a CTRL gombot, megáll az irányzó, és újra be lehet állítani a pontot, egyéb eszköz kijelölése nélkül.
Subselect eszköz A Subselect (Részkijelölés eszközzel (A)) módosíthatjuk a Pen, Pencil, Vonal, vagy Bezigon eszközökkel készített ábra formáját. Lehetôséget ad a pontok, és a ábra szegmenseinek módosítására vagy áthelyezésére.
84
De nézzük a gyakorlatban: Nyissunk meg egy új dokumentumot, és a Pencil (Ceruza) eszköz segítségével rajzoljunk egy hegylánc oldalnézetét (40. Ábra).
40. Ábra
2010.08.31
14:44
Page 85
1. Fejezet Erre a képre a késôbbiekben a reklámplakát elkészítésénél lesz szükségünk. Ne próbáljunk görbét alkotni, a forma rafináltabbá tételéhez a Direct Selection eszközt fogjuk segítségül hívni, csak csúcsokat rajzoljuk meg a vonalak segítségével, és az alapvonal megrajzolásához tartsuk lenyomva a SHIFT gombot. Válasszátok ki a Direct Selection eszközt, és kattintsunk az alakítandó vonalakra. A különbözõ csomópontokra klikkelve megjelennek az oldalfogók is, hogy a vonal görbületét is alakíthassuk, és miután kiválasztottunk egy csomópontot áthelyezhetjük tetszés szerint, míg az oldalfogók segítségével szabályozhatjuk a görbét.
85
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 86
Adobe Illustrator
5. Lecke A Color Mixer használata Hogy színeket tudjunk alkalmazni rajzainkon, különbözõ technikák állnak rendelkezésünkre. Az Illustrator lehetõséget ad színek hozzáadására, vagy a már alkalmazott színek módosítására. Mielõtt elkezdenénk használni a színeket az elkészített objektumokon, vizsgáljuk meg a különbözõ színmodelleket, melyek lehetõvé teszik a színek meghatározását a számítógépes alkalmazás során. Minden modellnek vannak elõnyei, és hátrányai, és többé-kevésbé hasonlóak az on-line, vagy nyomdai kiadványokhoz.
86
Az Illustrator 3 színmodellt tartalmaz: CMYK A CMYK színmódot (C=cián, M=bíbor, Y=sárga, K=fekete) a négyszínnyomtatás során alkalmazzák, kiindulva a négy színbôl: cián, bíbor, sárga, és fekete (41. Ábra).
2010.08.31
14:44
Page 87
1. Fejezet
41. Ábra
RGB Az RGB színmodell (R=red (piros), G=green (zöld), B=blue (kék)) a monitorokon alkalmazott színmód. Itt 3: a piros, zöld, és kék színeknek megfelelõ fénynyaláb vetítõdik ki, a pixel ellen; minden pixel 3 foszforból áll: egy piros, egy zöld, és egy kék, egyikük fluoreszkálóvá válik, miután eléri a fénynyaláb. A pixel minden egyes foszforát különbözõ intenzitás érheti, és a szín, ami feltûnik, a kibocsátott fény összegébõl tevõdik ki. A 3 szín bármelyikének értékei 0-tól 255-ig terjednek, 256 tónussal minden színre, a lehetséges színkombinációk 16.777.216 számával (42. Ábra).
87
illustrator.qxd
42. Ábra
illustrator.qxd
2010.08.31
14:44
Page 88
Adobe Illustrator HSB A HSB modell (H=hue (színárnyalat), S=saturation (telítettség), B=brightness (fényesség)) a szem mûködésén alapul, vagyis, ahogyan a szem a tónust, a fényt, és a szaturációt érzékeli. A színárnyalat: maga a valódi, és tényleges szín, ami lehetõvé teszi a színek megkülönböztetését, mivel minden színhez tartozik egy hullámhosszúság. A fényesség a fény intenzitása egy színben. Egy alacsony fényértékekkel rendelkezõ szín a feketéhez hasonlít leginkább, míg magasabb értékekkel a fehérhez. Egy tiszta színt a megfelelõ skálán 50%-nak megfelelõ fényességgel érhetõ el. A szaturáció, azaz telítettség a színek intenzitását jelzi. A maximális szintet egy tiszta színbõl kaphatjuk, míg az intenzitást csökkentve a szín a szürke felé kezd hajlani. A végeredmény az, hogy a szaturációt megváltoztatva élénkebb, vagy halványabb színt kaphatunk. (43. Ábra).
43. Ábra
88
Ahogyan láthatjuk, a HSB technikával könnyebb létrehozni egy színt, mint az RGB technikával. Az RGB módszer egy színkeverési ismeretet feltételez, egyébként csak kísérletezés. Ezzel ellentétben a HSB technika lehetõvé teszi a kívánt szín elnyerését a fényesség, tónus, és szaturáció változtatásával, a nélkül, hogy aggódnánk, hogyan, és milyen arányban kerülnek megjelenítésre.
2010.08.31
14:44
Page 89
1. Fejezet Figyelembe kell vennünk azt a tényt, hogy van egy különbség a képernyõn látható színek, és a nyomtatás során megjelenített színek között, lévén, hogy a monitor az RGB módszer szerint alkalmazza a színeket, míg a nyomtatón a CMKY színmodell használatos. Ezen kívül az RGB színskála nagyobb a CMYK-hoz képest, néhány monitoron megjelenített szín úgy jelenik meg, mint a nyomtatón. Ha dokumentumunkat nyomdában kell kinyomtatnunk, jobb ha a CMYK módszert használjuk, míg az RGB, és HSB módszerekkel on-line publikációkhoz használhatók. Bármilyen esetben, egy HTML kiadványszerkesztõ (egy internetes oldalak készítésére használt nyelv), nem ismeri a HLS kódokat. A színezési eljárás kiválasztásához a Mixer színekhez és festékhez panelt használjuk (ha esetleg ez nincs meg akkor Windows>Color). A Mixer Color-ra kattintunk és kiválasztjuk a kívánt szín modelljét a panel jobb oldalán elhelyezett gombok segítségével. A különbözõ gombokra kattintva meg fognak nyílni panelek a CMYK, az RGB, vagy a HLS színekhez. A kívánt szín létrehozásához a CMYK, és RGB színmodelleknél, elég ha módosítjuk a különbözõ kurzorokat (3 az RGB-hez, 4 a CMYK-hoz), míg a HLS színhez a színkör körüli színpontra kell kattintatni és elhúzni, vagy a 0 és 360 közötti értéket állítjuk be a Színárnyalat cellában. A tónusok között találunk pirosat, narancsot, sárgát, zöldet, kéket, és bíbort.
89
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 90
Adobe Illustrator A Color Mixer panel alsó részén tudjuk változtatni dinamikusan a színét a kiválasztott objektumnak. Rajzoljunk egy ellipszist, úgy hogy egyformán legyen kitöltve. Kattintsunk az ellipszisre és változtassuk meg a színét a color panelben. (44. Ábra)
44. Ábra Az ellipszist az adott szín fogja kitölteni. Az alakzat vonásainak színezéséhez változtassuk meg a színt, és húzzuk az ellipszis széléhez.
90
Ez csak egy eljárás a színezéshez, de a leggyorsabb eljárás az Tools (Eszközök) párbeszédpanel menüjében található Fill használata. Kattintsunk kétszer a Fill-re, ekkor megjelenik egy szokásos színválasztó eszköz, válasszuk ki a kívánt szint és kattintsunk az OKra. (45. Ábra).
2010.08.31
14:44
Page 91
1. Fejezet
45. Ábra Válasszunk egy új színt, a kijelölt alakzat automatikusan felveszi a választott színt. A vázlat színének megváltoztatásához ugyanez a mûveletet elvégezhetõ. A Vázlatszín cellára kell kattintani, melyet egy ceruza jelöl. A vázlat, és a kitöltés színét bármikor megváltoztathatjuk. Válasszuk ki az ellipszist az Irányzó segítségével, kattintsunk a Kitöltõszínre, válasszunk egy új színt, amely automatikusan felcseréli az elõzõt. A vázlattal ugyanezt az eljárást végezhetjük. A vázlat vagy a kitöltés láthatatlanná tételének céljából, a színtáblán található áthúzott négyzet gombot kell kiválasztani.
91
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 92
Adobe Illustrator Elmosódott kitöltés készítése Egyforma kitöltéseken kívül készíthetünk két vagy többszínû elmosódott kitöltéseket, igényeink szerint. Lássuk, hogyan készül: Nyissunk meg ez új dokumentumot, és készítsünk egy 6 oldalú sokszöget, majd a Kitöltõszínnel válasszunk az alakzathoz egy színt. Az oldalsó segédpanelbõl válasszuk ki a Gradient (Elmosódott) stílust és a legördülõ menüben válasszuk ki a linear-t (46. Ábra).
92
46. Ábra Kitöltésünk automatikusan elmosódottá válik, és az Object panelben megjelennek az adott kitöltés beállításai (47. Ábra).
2010.08.31
14:44
Page 93
1. Fejezet
47. Ábra Alul látható az árnyalatot szabályzó skála: a jobb oldali minta a kezdõ, a bal oldali a végsõ színt jelöli. (48. Ábra)
48. Ábra A szín módosításához kattintsunk Kitöltõszínre, és a megjelenõ színtáblán válasszuk ki a megfelelõ színt. Az új szín automatikusan megjelenik a sokszögön. A színárnyalat irányát is módosíthatjuk: a kis háromszögre kattintva egy csuszkán tudjuk módosítani.
93
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 94
Adobe Illustrator Kattintsunk rá és módosítsuk. (49. Ábra)
49. Ábra A Színárnyalat típusa cellában a program szolgálatunkba állít 2 különbözõ fõtípusú színárnyalatot: Lineáris, Radiális. (50. Ábra).
94
50. Ábra
illustrator.qxd
2010.08.31
14:44
Page 95
2. FEJEZET
2010.08.31
14:44
Page 97
2. Fejezet
1. Lecke Logo tervezés A logo a cégek megkülönböztetésének eszköze. Elkészítése idõigényes, és többszöri kísérlettel lehetséges, mert célt, és szellemiséget kell tükröznie, az egyszerûség látszatát kell keltenie: ez az a jel, melynek segítségével maga a cég azonosítható elsõ látásra. De hogyan is készül a logo? Az egész munkának biztosan ez a legvonzóbb része, vagyis, összesûríteni mindent egy jelbe, kifejezni, mindent úgy, hogy egy pillantással láthatóvá váljék. Természetesen ez nem mindig lehetséges, néha a logo csak hosszú ideig piacon léve éri el ezt. Eredetinek lenni nem könnyû, de a másolás nem bûn: csak a plágium az. Sõt, egy logot a semmibõl létrehozni lehetetlen. Ezért kell tanulnunk abból, amit látunk, és ezért kell megtanulnunk olvasni abból, amit az újságok oldalain, vagy a TV képernyõjén látunk. Semmi sem véletlen, minden egyes objektum, vagy szín úgy helyezkedik el, hogy szeretne valamit közölni, hogy végül megindítson. Ebben az oktatási egységben egy "Blue Travel" nevû utazási iroda logoját fogjuk létrehozni, mely iroda külföldi utakat szervez, mely szolgáltatásaival felejthetetlenné teszi nyaralásunkat.
97
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 98
Adobe Illustrator Általában az ügyfél az, aki néhány elemet szolgáltat, mint esetlegesen a régi logo, a hozzáadandó stílus, vagy a piaci cél, melyet el szeretnénk érni. Innentõl elkezdhetjük mûködtetni ezeket az elemeket egy szimbólumban. Ennek eléréséhez ne gondoljuk, hogy rögtön a számítógépre lesz szükség. Egy korrekt tervezési fázis betartásához vegyetek egy papírt, és ceruzát, és kezdjétek papírra vetni az ötleteinket. Az, amit a papírra vetünk lesz a vázlata a végsõ elképzelésnek, az elsõ layoutnak. Ez az alapja annak, amit szeretnénk megvalósítani, az elsõ mû kiindulópontja. A logo elkészítésének fázisában egy olyan logot kell kialakítani, ami egyszerû, de magára vonja annak a figyelmét, aki ránéz, ez a reklámgrafika elsõ szabálya.
98
Gondoljunk a reklámplakátokra, amelyek jól láthatóak mind távolról, mind közelrõl, és azoknak is jól kell látniuk, akik utaznak, és nincs ideje elolvasni azt, ami rá van írva. 1. A logo elkészítéséhez használjunk egy négyzet alakú lapot, vagy egy milliméterezett lapot, úgy, hogy az arányai kiszámíthatóak legyenek. 2. Miután elkészült a vázlat, meg kell határoznunk a színeket. 3. El kell döntenünk, hogy négyszínnyomással, vagy egyszínnyomással nyomtatjuk. Az egyszínnyomás színei megegyeznek annak a különleges festéknek a színével, amit a nyomdában használnak a nyomtatáshoz. Például egy dokumentumon a piros, és a zöld alkalmazásához a Pantone színskálából fogunk színt választani, ami a nyomtatást sokkal gazdaságosabbá teszi, mert kevesebb
2010.08.31
14:44
Page 99
2. Fejezet festéket használ. Ezen kívül az egyszínnyomás színei alkalmasabbak a nyomtatásra, és nagyobb a színválaszték is. A másik lehetõség a négyszínnyomás, ami fõleg több színbõl álló képek nyomtatásánál használatos, mint a fotó; ebben az esetben a CMYK színek kódolását kell alkalmazni, mellyel lehetõség van bármilyen szín reprodukálására a négy szín festékeibõl, kivéve a nagyon élénk, metál, és fluoreszkáló színeket.
99
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 100
Adobe Illustrator
2. Lecke A Logo elkészítése Azt, amit kézzel készítettünk, most fel kell vinnünk a képernyõre. 1. Nyissuk meg az Illusztrator-t, és vegyünk egy új lapot. 2. Állítsuk be az elhelyezést vízszintesre a Properties (Tulajdonságok) párbeszédpanel segítségével (a megvalósítás fázisában logonk hatalmas lesz, akkora, mint egy A4 formátumú oldal, de így jobban átláthatjuk részleteiben a rajzot). Az objektumok munkaterületen való elhelyezése érdekében az Illusztrator rendelkezésünkre állít 3 nem nyomtatható rajzeszközt, melyek nélkülözhetetlenek komplex helyzetek irányításánál: A Rács, a Vonalzó, és a Segédvonalak.
100
A rács A rács egy függõleges, és vízszintes pontozott vonalakból álló alap. Olyan objektumok pontos elhelyezésére alkalmazható, amelyek összekapcsolhatóak a rács keresztezõdéseivel, vagy a cella belsejében az eredeti elhelyezésre vonatkozó pozícióval. Megjelenítéséhez a View (Nézet) menüre kattintsunk, kiválasztjuk a Show Grid-t (rácsot megmutat) (51. Ábra). A Hide Grid menüponttal a rács kikapcsolható.
2010.08.31
14:44
Page 101
2. Fejezet
51. Ábra Dokumentumotok az 51. Ábrán láthatóan fog megjelenni. Ugyanitt rákattinthatunk a Snap to Grid (Rácshoz kapcsol) parancsra, és ezzel a mûvelettel az objektumok a rács keresztezõdéseihez kapcsolódnak. (52. Ábra)
101
illustrator.qxd
52. Ábra
illustrator.qxd
2010.08.31
14:44
Page 102
Adobe Illustrator A vonalzó
102
A vonalzó a dokumentum objektumainak pontos elhelyezését szolgálja. Balról, és a munkaterület felsõ részén kerülnek megjelenítésre. Miközben a rajzolt figura mérete nõ, vagy csökken, automatikusan alkalmazkodnak a laphoz. A vastagabb mutatók mértékegységeket jeleznek, míg a vékonyabbak az inkrementumot. A vonalzók a dokumentum legújabb mértékegységeit alkalmazzák, melyek beállíthatunk a Document Setup gomb lenyomásával. (53. Ábra). A mértékegység beállíthatóak: Points, Picas, Inches (Hüvelyk), Decimal (Tized), Millimeters (Milliméter), Kyus, Centimeters (Centiméter), és Pixels (Pixel). A mi esetünkben a Millimétert állítjuk be.
53. Ábra A vonalzó láthatóvá tételéhez kiválasztjuk a View>Show Rulers parancsot. Láthatjuk, hogy a dokumentum szélein feltûnik két vonalzó, egy vízszintes, és egy függõleges, a kurzor mozgatásával a vonalzó belsejében megjelenik egy vonal, ami a kurzor koordinátáit jelöli.
2010.08.31
14:44
Page 103
2. Fejezet A segédvonalak A segédvonalak az objektumok elhelyezését szolgálják. Néha szükségünk lehet arra, hogy a munkaterület különleges helyein helyezzünk el objektumokat, így az oldalvonalzó használatával a segédvonalakat is beállíthatjuk a kívánt helyre, hozzáadhatunk, módosíthatjuk, vagy törölhetjük, igény szerint. Ha akarjuk a kívánt pozícióba be is állíthatjuk. Csak a lapokon helyezkedhetnek el, a montázsasztalra nem átvihetõk. A segédvonalak használatához, válasszuk a View>Smart Guides parancsot, majd a kurzort helyezzük a vonalzóra, kattintsunk rá, és húzzuk át a munkaterületre. Amikor a kurzor a munkaterületre kerül, megjelenik egy zöld vonal, amikor elértük a kívánt helyet, felengedjük az egeret, ekkor a vonal kékké változik. (54. Ábra)
103
illustrator.qxd
54. Ábra A segédvonal megszüntetéséhez kattintsunk rá, és húzzuk ki a lapról.
illustrator.qxd
2010.08.31
14:44
Page 104
Adobe Illustrator Logonk elkészítéséhez kezdetben csak a rácsot használjuk. 1. Elsôként a négyágú csillagot hozzuk létre: Válasszuk ki a Star gombot és azon belül állítsuk be a csúcsok számát (points) 4-re. Ahhoz hogy a csillagunk hegyesebb legyen állítsuk a radius1-et mondjuk 33-ra a radius2-t pedig 11-re. (55. Ábra)
55. Ábra
104
Nyújtsuk meg az ábrát úgy, hogy egy a lapon tökéletesen elhelyezkedõ csillagot kapjunk, mint az 56. Ábrán.
56. Ábra
2010.08.31
14:44
Page 105
2. Fejezet 2. Most színezzük be a csillagot: Hogy megmaradjon az elrendezés a csillaggal, használnunk kell a segédvonalakat is: elõször tegyük láthatóvá a vonalzókat, majd húzzunk két segédvonalat, a csillag csúcsainak megfelelõen, mint az 57. Ábrán.
57. Ábra A kiválasztott Pen eszközzel, húzzunk egy vonalat az bal pontból a középpontig, a SHIFT gomb lenyomva tartásával, hogy a vonal egyenes legyen. Majd, még mindig a lenyomott SHIFT gombbal, húzzunk egy vonalat a középpontból az oldal pontba. (58. Ábra)
105
illustrator.qxd
58. Ábra
illustrator.qxd
2010.08.31
14:44
Page 106
Adobe Illustrator Engedjük fel a SHIFT gombot, majd húzzunk egy harmadik vonalat az oldalponttól a kiindulási pontba (csúcsba). És íme, kész a csillag elsõ része. Az imént leírt eljárással rajzoljuk meg a másik három sugarat is. Az elõzõ leckében leírt eljárás használatával az épp megrajzolt részekhez adjunk hozzá a kék színt, a végeredmény az 59. Ábrán láthatóhoz lesz hasonló.
59. Ábra
106
Mentsük el munkánkat!
2010.08.31
14:44
Page 107
2. Fejezet
3. Lecke Áthelyezés, csoportosítás, szétválasztás parancsok Munkánk során szükség lehet az objektumok áthelyezésére, csoportosítására vagy szétválasztására. Az Illustrator-ban a késõbb rajzolt objektumok föléhelyezõdnek az elõbb rajzoltaknak, de ez megváltoztatható, az Object menübõl az Arrange (Áthelyez) parancs alkalmazásával. (60. Ábra)
107
illustrator.qxd
60. Ábra
illustrator.qxd
2010.08.31
14:44
Page 108
Adobe Illustrator Az Arrange (Áthelyez funkcióval) bármilyen pozícióba helyezhetünk objektumokat: Bring to Front (Elõre hozás): az objektumot elõre hozza. Move Forward (Elõbbre): az objektumot az elkészítés sorrendjénél elõbbre hoz. Move Backward (Hátrébb): az objektumot az elkészítés sorrendjéhez képest hátrébb viszi. Send To Back (Hátra): az utolsó helyre helyezi az objektumot. A logo folytatásához csoportosítanunk kell a rajzot egyetlen objektumba: Ezáltal elmozdíthatjuk, megõrizve az egyes elemek pozícióját, ha netán szükség lenne az egyes elemek megváltoztatására, az objektumot újból szétválaszthatjuk.
108
Az elkészített formák csoportosításához jelöljük ki mindegyiküket az Select>All utasítással, majd az Object menübõl válasszuk a Group parancsot. (61. Ábra)
61. Ábra Most el kellene készíteni a logo különbözõ részeit: Addig is másoljuk át az alakzatot (Edit>Copy vagy CTRL C), majd ugyanarra a helyre történõ elhelyezéshez az Edit> Paste in Front utasítással. (62. Ábra)
2010.08.31
14:44
Page 109
2. Fejezet
62. Ábra Az Illustrator ugyanarra a helyre helyezte a képet. Ezt jelenleg, az elõzõhöz képest némileg erõteljesebb szélekrõl ismerhetjük fel. Az objektumokra kattintva jobb gombbal elérhetõ a Transform menü. (63. Ábra)
109
illustrator.qxd
63. Ábra Válasszuk ki a sokszöget; mivel két egymásra helyezett sokszögünk van, csak a felsõ sokszöget választhatjuk ki.
illustrator.qxd
2010.08.31
14:44
Page 110
Adobe Illustrator A Trasform menüben kattintsunk a Scale menüpontra és a Scale % ablakban adjuk meg a változtatás mértékét: az Uniform-on belül állítsunk be 70%-ot. (64. Ábra)
64. Ábra
110
Ezáltal 70%-os kicsinyítést végeztünk a sokszögön, ami tökéletesen ráhelyezkedik az eredeti sokszögre. (65. Ábra)
65. Ábra
2010.08.31
14:44
Page 111
2. Fejezet A sokszöget el is kell forgatnunk, így válasszuk ki a Rotate eszközt a Transform menüben, és az Angle cellában adjunk neki 45 fokos értéket, majd indítsuk el (kattintsunk a Rotate gombra). A végeredmény hasonló lesz a 66. Ábrán lévõhöz.
66. Ábra Ezzel a módszerrel elforgattuk a sokszöget, úgy hogy megmaradt az eredeti sokszög középpontja. A kisebb sokszög az eredeti alá kell, hogy kerüljön: Használjuk tehát Object>Arrange>Send to back parancsot. Most már a logonk belsõ részével késze vagyunk, következhet a csillagokat körül vevõ körök megrajzolása. A végeredmény a 67. Ábrán látható.
111
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 112
Adobe Illustrator
67. Ábra
A Csillag körüli kör elkészítése
112
Jelöljük ki az Ellipse eszközt. A kurzort vigyük a két vezérvonal keresztezõdéséhez és ezzel egyidejûleg tartsuk lenyomva a Shift gombot (aminek a segítségével tökéletes kört tudunk készíteni) és az Alt billentyût (amivel megrajzolhatjuk a kört annak középpontjától kiindulva) Rajzoljunk egy olyan kört, ami a kisebb sokszöget tartalmazza. A menüsor alatt találjuk a Style legördülõ menüt, ebben a bal alsó sarokban válasszunk egy magunknak megfelelõ stílust én most a Scribble Effects-en belül a Scribble Stroket-ot választottam, és még kitöltöttem a kört egy kellemes kék színnel is. Ezután a kitöltött kört helyezzük a csillag objektum mögé a Modify>Arrange >Send to Back menü segítségével. A háttérben olyan körünk lesz, mint amilyen a 68. Ábrán látható.
2010.08.31
14:44
Page 113
2. Fejezet
68. Ábra Másoljuk le a kört és menjetek az Edit>Paste in Front menüpontba és illesszük be a kört szokásos helyre. A Transform segítségével, kicsinyítsük le 80%-val. Az utolsó sokszögek beviteléhez jelöljük ki a legkisebb csillagot, majd másoljuk az Edit>Copy paranccsal. Ezután jelöljük ki a teljes ábrát és helyezzük el az Edit>Paste Behind paranccsal, majd forgassuk el 30 fokkal (az elforgatást a Transform menü Rotation>angle pontban találjuk). (69. Ábra)
113
illustrator.qxd
69. Ábra
illustrator.qxd
2010.08.31
14:44
Page 114
Adobe Illustrator Most nincs más hátra, mint megrajzolni egy kört, és elhelyezni az összes elem elé. (Jelöljük ki az Ellipse eszközt. A kurzort vigyük a két vezérvonal keresztezõdéséhez és ezzel egyidejûleg tartsuk lenyomva a Shift gombot (aminek a segítségével tökéletes kört tudunk készíteni) és az Alt billentyût (amivel megrajzolhatjuk a kört annak középpontjától kiindulva)). A végeredményt láthatjuk a 70. Ábrán.
70. Ábra
114
A logo elkészült, nincs más hátra, mint csoportosítani az összes elemet (jelöljük ki a logo összese elemét az Select>All In Active Artboard paranccsal, majd adjuk ki az Object>Group parancsot – ezáltal a logo egyes elemei egy csoportot alkotnak). Mentsük el a dokumentumot.
2010.08.31
14:44
Page 115
2. Fejezet
4. Lecke Kézi transzformáció, és a Transform menü Objektumainkat a Transform panelen kívül kézi módszerrel is kicsinyíthetjük. Míg az elõzõ egy pontos átméretezést tesz lehetõvé, a kézi módszernél a rács segíthet minket. Mint ahogyan már többször említettük egy rajz kijelöléséhez elég, ha egyszer rákattintunk, de ha kétszer tesszük ezt, a szélek, és az objektum körüli irányzók is elõtûnnek. Ha az egeret a rajzra helyezzük, azt látjuk, hogy a kurzor megjeleníti a Move ikont, és az egér gombját lenyomva tartva elmozdíthatjuk az objektumot, kicsinyítés nélkül. Ha a csúcsokon található irányzókra állva, az egér felveszi két átlós irányú nyíl formáját, és kicsinyíthetjük az objektumot. Ha úgy kicsinyítjük, hogy a SHIFT gombot lenyomva tartjuk, akkor az objektum megtartja arányait. Ha az irányzók belsejébe visszük az egérmutatót, a kurzor átalakul két 90 fokkal elhajlított nyíllá, és ezzel az eszközzel el tudjuk forgatni az alakzatot.
115
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 116
Adobe Illustrator Ilyenkor az alakzat középpontja megmarad forgási tengelynek. Most pedig, ha megpróbáljuk elforgatni az alakzatot, azt láthatjuk, hogy a forgási tengely megváltozik, mint a 71. Ábrán.
71. Ábra Az oldal irányzók lehetõvé teszik, az elforgatásokon kívül, a kicsinyítést, vagy nagyítást (függõlegesen, ill. vízszintesen).
116
Egy objektum a Transform menü segítségével is hajlítható (72. Ábra).
72. Ábra
2010.08.31
14:44
Page 117
2. Fejezet A Move menüpont ugyanúgy mûködik, mint a Transform menü többi eszköze. A funkció alkalmazása során, ha akarjuk, megváltoztathatjuk a másolatok középpontját is, úgy, hogy a distance és az angle-t beállítjuk cellákban beállítjuk a megfelelõ értékeket. (73. Ábra)
73. Ábra A Tükrözés vagy Reflect egy kép tükrözéséhez szükséges, és ebben az esetben bevihetjük a tükrözés szögét, azaz hogy vízszintesen vagy függõlegesen szeretnénk tükrözni vagy van mód egyedi tükrözés megadására is. (74. Ábra).
117
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 118
Adobe Illustrator Reflect Axis ------~
Cancel
® 2ii!k:~:!
0
118
74. Ábra
'
Copy
-----~
.Qbjects
OK
0
Pa!terns
IO .Ereview
2010.08.31
14:44
Page 119
2. Fejezet
5. Lecke A kombináló eszközök A Blue Travel utazási iroda logojának elkészítéséhez elég volt, hogy létrehoztunk több alakzatot, majd egyetlen objektumban csoportosítottuk, ez az eljárás lehetõvé teszi, hogy csak néhány különleges alkalommal alkalmazzunk különbözõ festékeket, és hogy gyorsan ki tudjuk választani azokat; de nem csak, mert bármikor szétválaszthatjuk õket. Az Illustrator rendelkezésünkre bocsát egy sor nagyon hatásos eszközt, melyek segítségével kivághatunk, egyesíthetünk alakzatokat, ezt a Window>Pathfinder menübõl érhetjük el. Ezek többeközött a következõ parancsok: Unite, Divide, Crop, Intersect, Minus Front, Minus Back. A Unite (Unió) eszköz: A csoportba foglalás eszköz lehetõvé teszi egy vagy több zárt alakzat egyesítését egyetlen alakzatba. Az új görbe körvonal- és kitöltésjellemzõit a leghátsó görbétõl örökli. Nagyon alkalmas bonyolult körvonalú formák létrehozására. Jól alkalmazható akkor is, amikor a különálló elemek megvannak, de a közös körvonalukra is szükség lenne. A Union parancs alkalmazásához rajzoljunk 3 kört, adjunk hozzájuk 3 különbözõ színt. Jelöljük ki mind a három kört (SHIFT gomb lenyomása mellett
119
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 120
Adobe Illustrator kattintsunk a körökre), majd a Unite parancsot válasszuk ki, és a 3 kör automatikusan egyetlen alakzattá válik, mint a 75 Ábrán.
75. Ábra
120
A Divide (Darabokra bont) eszköz: A Divide eszköz két vagy több egymást fedõ, kijelölt görbét darabokra bont. Ezt az eszközt használhatjuk mind nyílt, mind zárt vázlatok esetében. Az a görbe, amely a közös részbõl jött létre, a legfelsõ görbe körvonal- és kitöltésjellemzõit örökli. Rajzoljunk 3 kört, adjunk hozzájuk 3 különbözõ színt. Jelöljük ki mind a három kört (SHIFT gomb lenyomása mellett kattintsunk a körökre), majd a Divide parancsot válasszuk ki, és a 3 vázlat szétválik egy ungroup után már el is érhetõek a különbözõ alakzatok, mint a 76 ábrán. A különbözõ kivágott területek megtartják a színüket, és csak a felsõ terület fog látszódni.
2010.08.31
14:44
Page 121
2. Fejezet
76. ábra A Crop (Körülvágás) eszköz: A Körülvágás parancs egy új vázlatot hoz létre. Az eszköz törli egy vagy több egymást fedõ, kijelölt, zárt görbe alapján a legfelsõn kívüli görberészeket. A körvonal és a kitöltésjellemzõk változatlanok maradnak. Készítsünk egy vázlatot: rajzoljunk egy négyzetet és egy kört, legyenek különbözõ színûek, és jelöljük ki õket. Válasszuk ez esetben a Crop parancsot, a 2 vázlat automatikusan eltûnik, és csak a felsõ marad, mint a 77. Ábrán.
121
illustrator.qxd
77. Ábra
illustrator.qxd
2010.08.31
14:44
Page 122
Adobe Illustrator Az Intersect (Metszet) eszköz: Közös részt készít két vagy több egymást fedõ, kijelölt, zárt görbe alapján. Az új görbe kitöltés- és körvonaljellemzõit a leghátsó görbétõl örökli. Próbáljuk ki: Rajzoljunk 3 kört, adjunk hozzájuk 3 különbözõ színt. Jelöljük ki mind a három kört (SHIFT gomb lenyomása mellett kattintsunk a körökre), majd válasszuk Intersect menüpontot. Az eredmény a 78. Ábrán látható.
122
78. Ábra A Minus Front és Minus Back eszköz Kivágja két vagy több egymást fedõ, kijelölt, zárt görbe alapján az alsóból (felsõbõl) a felsõ (alsó) által lefedett részt (részeket), és törli a felsõ görbét (görbéket). A körvonal és a kitöltésjellemzõk változatlanok maradnak. Próbáljuk ki: Rajzoljunk 3 kört, adjunk hozzájuk 3 különbözõ színt. Jelöljük ki mind a három kört (SHIFT gomb lenyomása mellett kattintsunk a körökre), majd válasszuk Modify>Combine> Punch menüpontot. Az eredmény a 79. Ábrán látható.
2010.08.31
14:44
Page 123
2. Fejezet
79. Ábra
123
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 125
3. FEJEZET
2010.08.31
14:44
Page 127
3. Fejezet
1. Lecke A Text eszköz A szövegszerkesztésre, és kezelésre az Illustrator egy sor eszközt bocsát rendelkezésünkre. Például az is lehetséges, hogy, miután bevittük a szöveget, módosítjuk a sortávolságot, az igazítást, a sorközöket, a színeket, a betûket… stb.
Más alkalmazásokból is bevihetünk szöveget, mint Word, vagy WordPad, és aktiválhatjuk a Nyelvi ellenõrzést is.
Minden esetre az Illustrator lehetõvé teszi, a szövegen történõ effektek alkalmazásán kívül, egyéb megvalósított grafikai elemekkel történõ egyesítését. Egy szöveg beviteléhez kiválasztjuk a Text (T) eszközt, az Tools panelbõl (80. Ábra), akkor a kurzor a szövegbevivõ irányzó formáját veszi fel.
80. Ábra
127
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 128
Adobe Illustrator Kattintsunk egy pontra a munkaterületen, és megjelenik egy Szövegdoboz, amelyen jelen vannak a szövegvonalzó, és a karakterszintû formázást elõsegítõ gombok (Bal, Jobb, Közép, Tized, Automatikusan az elejére). A szövegdoboz automatikusan tágul, vagyis vízszintesen tágul a szöveg bevitelével arányosan. Gépeljük be: Blue Travel kifejezést. (81. Ábra)
81. Ábra
128
A szöveg hitelesítéséhez elég, ha a szövegdobozba kattintunk. Egy újabb a szövegre történõ kattintással kijelölhetjük, mint a 82. Ábrán, és áthelyezhetjük, mintha vázlat lenne.
2010.08.31
14:44
Page 129
3. Fejezet
82. Ábra Állandó méretû szövegdoboz létrehozásához elõször válasszuk ki a Text eszközt. Ezután kattintsunk lapunk oldalán egy pontra és nyomva tartva az egeret a kurzort elhúzzuk, hogy létrejöjjön a doboz, egy teljes vonal jelöli a doboz méreteit (83. Ábra).
129
illustrator.qxd
83. Ábra
illustrator.qxd
2010.08.31
14:44
Page 130
Adobe Illustrator A fix méretû szövegdobozban a szöveg fog alkalmazkodni, úgy, hogy automatikusan a sor elején kezd, míg az Enter gombra kattintva új paragrafus kezdõdik. A betûk, és szavak beviteléhez, kijelöléséhez, törléséhez a normál szövegszerkesztõ programok mûveleteit alkalmazzuk. A szövegdobozok áthelyezhetõk, átméretezhetõk, és törölhetõk. Az állandó méretû szövegdobozokkal kapcsolatban figyelnünk kell, hogy amikor módosítjuk a méreteket: csak a csúcsokon található irányzókat használjuk, mert az oldalakon található irányzók a sorközti, és a betûközti távolságokat módosítjátok.
A szövegdoboz tulajdonságai Hozzunk létre egy automatikusan táguló szövegdobozt, és írjuk be a szövegdobozba az utazási iroda nevét: Blue Travel. A begépelt szöveg tulajdonságait a menüsor alatti panelen tudjuk könnyedén változtatni. A fõ tulajdonságok a szöveg kijelölése > jobb klikk -el is változtathatóak (84. - 85. Ábra)
130
84. Ábra
2010.08.31
14:44
Page 131
3. Fejezet
85. Ábra A betûtípus módosításához kattintsunk az erre szolgáló legördülõ menüre, amely megjeleníti az összes a PC-re installált betûtípust. Jobb klikkes változat esetén láthatjuk a szöveg elõzetesét is (86. Ábra).
86. Ábra A megfelelõ típusra történõ kattintással válasszuk ki. A további cellákban tudjuk állítani a betûk további tulajdonságait, aláhúzott, index, valamint a méretek módosítását.
131
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 132
Adobe Illustrator Szintén legördülõ menübõl választhatjuk ki a betû méretét, vagy be is írhatjuk a cellába a kívánt méretet. A 72 -nél nagyobb méretek beállításához írjuk be a méretet, és ENTER. Ebben a panelben találjuk ezen kívül a szövegdobozon belüli igazítás meghatározásának gombjait: balra, jobbra, középre. Jobb oldali Paragraph panelben találhatóak a szöveg sorközeinek meghatározását adhatjuk meg. Az Office-ban megszokott beállításokra van lehetõségünk. Itt állíthatjuk be többek között a betûk közti távolságot is. Elvégezhetõek a megszokott AV beállítások is. Ezen kívül a szövegnek, és széleinek kitöltõ színt is adhatunk: elég, ha kijelöljük, és kiválasztjuk a megfelelõ színt az Eszközök menübõl.
132
Az egyes betûkre is beállíthatjuk a paramétereket, ahogyan a 87. Ábra mutatja.
87. Ábra
2010.08.31
14:44
Page 133
3. Fejezet
2. Lecke Szövegbevitel Illustrator-ban Ahogyan már jeleztük elôzôleg az Illustrator-ban bevihetünk bármilyen RTF (Rich Text Format) szöveget. Nyissunk meg egy új dokumentumot. A Fájl menübõl válasszuk ki az Open-t, a beállított párbeszédablakban, a Fájltípus cellában pedig az RTF Text típust. (88. Ábra)
88. Ábra Ekkor a szöveg automatikusan beszúrásra kerül.
133
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 134
Adobe Illustrator Ha a szövegdoboz nem elég nagy, hogy megjelenítse az egész szöveget, a jobb oldalon láthatóvá válik egy piros kereszt. Az elrejtett szöveg megjelenítéséhez hozzákapcsolhattunk egy másik szövegdobozt, hogy a szöveg átfolyhasson egyik dobozból a másikba. Bal klikkel kattintsunk a keresztre és adjuk meg hová szeretnénk szúrni a "túlcsorduló" szöveget. (89. Ábra).
89. Ábra
134
Az egér felengedésével a szöveg fennmaradó része átkerül a másik szövegdobozba. (90. Ábra)
90. Ábra
2010.08.31
14:44
Page 135
3. Fejezet A kapcsolható szövegdobozok száma nem limitált, de természetesen ne felejtsük el, hogy csak a lap belsejében megjelenített részeket lehet kinyomtatni, és hogy, a szöveg módosításához minden, a dokumentumban lévõ szövegdobozt ki kell jelölni. Az Illustrator rendelkezésünkre bocsátja a Nyelvi ellenõrzés lehetõségét is. Aktiválásához válasszuk ki az Edit>Check Spelling (Formázás>Helyesírás ellenõrzése) funkciót, majd a megjelenõ ablakban kattintsunk a START gombra, és a program ellenõrizni fogja az egész, dokumentumban lévõ, szöveget, még ha több, különálló, dobozban található is. Az Illustrator csak amerikai és British angol helyesírás szerint ellenõrzi a szöveget, ezért a magyar szöveget elõször ellenõrizzük pl: Wordben, majd a dokumentumot RTF formátumba mentve töltsük be Az Illustrator -ba. Az RTF formátumban mentett szöveg Az Illustrator dokumentumba töltve megtartja a formázást és a programban módosítható.
135
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 136
Adobe Illustrator Szöveg, és objektum Szöveg az objektum körül Az Illustrator -al lehetõségünk van egyesíteni a szöveget a dokumentum egyéb elemeivel, például lehetséges a szöveget egy rajz köré helyezni. Készítsünk egy kört, és tegyük a szövegbe, mint a 91. Ábrán.
136
91. Ábra Az objektumnak – mely köré kerül a szöveg – elöl kell lennie. Jelöljük ki mindkettõ objektumot és menjünk az Object > Text Wrap > Text Wrap Options… -ba itt vegyük ki a kijelölést ha ki van jelölve az Insert Wrap-ból mint a 92. Ábrán, és ezután Object > Text Wrap > Make parancs végrehajtása után a 93. Ábrán láthatjuk a végeredményt.
2010.08.31
14:44
Page 137
3. Fejezet
92. Ábra
93. Ábra A rajzot áthelyezve a szöveg is követni fogja, anélkül, hogy be kellene állítani még egyszer az értékeket.
137
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 138
Adobe Illustrator
3. Lecke Szöveg a rajzon A reklámanyag elkészítése során elõfordulhat, hogy olyan szöveget kell bevinnünk, ami követi egy forma, vagy nem egyenes vonalú rajz oldalnézetét. Az Illustrator esetében rendelkezésünkre áll egy nagyon hatásos funkció amikor is a szövegünk egy elõször megrajzolt pályára illeszkedik.
138
A funkció használatához szükségünk van egy vázlatra (készíthetünk egyet a Pencil eszközzel, vagy használhatunk egy formát is) (94. Ábra).
94. Ábra
2010.08.31
14:44
Page 139
3. Fejezet Ezután a szövegdobozzal kattintsunk a vonalunkra és a szövegdoboz követni fogja a rajz folyamatát, mely csak a kijelölt szöveggel együtt lesz látható, és nem használható többé projektünk belsejében (95. Ábra).
95. Ábra Még ha a szöveg össze is van kötve a rajzzal, még mindig módosíthatjuk: kétszer kattintva a kurzor megjelenik a rajz belsejében, ezáltal javíthatunk a szövegen tetszés szerint. Ezen kívül lehetõség van az Object panel funkcióinak használatára is, melyekkel már elõzõleg foglalkoztunk. De az elrendezés parancsai különleges módon mûködnek, lehetõvé teszik a szöveg rendezését az elkészített vázlatnak megfelelõen. A Balra igazítás gombra kattintva a szöveg a vázlat bal oldalára helyezõdik át. A Jobbra igazítás gombra kattintva pedig jobbra, míg a Középre igazítás gombbal a vázlat közepére kerül. (96. Ábra).
139
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 140
Adobe Illustrator
96. Ábra
140
A szöveget a rajzon manuálisan is igazíthatjuk, az elsõ betûtõl balra található egy négyzet mellet lévõ vonal alakú irányzó segítségével. Elhúzva, a szöveg áthelyezõdik a vonal hosszán, az egér felengedésével már az új helyzetében jelenik meg (97. Ábra).
97. Ábra A szöveget az alaprajz belsejébe is bevihetjük. Készítünk egy objektumot, és leírjuk az objektumba helyezendõ szöveget, majd kijelöljük a szöveget és másoljuk, a szövegbox-ban
2010.08.31
14:44
Page 141
3. Fejezet hosszan tartva a bal gombot kiválasztjuk az Area Type Function-t rákattintunk az objektumunkra és beillesztjük a szöveget. (98. Ábra).
98. Ábra Ebben az esetben is módosíthatjuk a szöveg tulajdonságait. A Szöveg az alaprajzban kiválasztásával beállíthatjuk a keret, és a szöveg közti távolságot is.
141
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 142
Adobe Illustrator
4. Lecke Szöveghatások Az Illustrator rengeteg szöveghatást állít rendelkezésünkre. Minden hatás, tetszés szerint módosítható paraméterekkel rendelkezik. Egy effekt szövegen történõ alkalmazásához a legegyszerûbb elérési útvonal az Effect menüpontból történik.
142
Legfelül mindig az elõzõ szöveghatást állíthatjuk vissza. A legördülõ menübõl például kiválaszthatjuk az Shadow effektet az Effect> Stylize > Drop Shadow… menüponttal, és a végeredmény a 99. Ábrán láthatóhoz lesz hasonló.
99. Ábra
2010.08.31
14:44
Page 143
3. Fejezet Az Shadow effekt beállításainak módosításához újból az Drop Shadow… gombra kell kattintanunk, majd az felajánlja a meglévõ effect felülírását. Ezután megnyílik egy ablak, ahol módosíthatjuk az árnyék elhelyezkedését az X, Y cellák használatával, a színt, és az átlátszóság értékét. Miután beállítottuk az értékeket, OK. (100. Ábra)
100. Ábra Az Effect menübõl kiválaszthatunk, mint már említettük, egyéb hatásokat is, mindegyik esetében módosíthatjuk a színt, az átlátszóságot, és más beállításokat. Nyissunk egy új dokumentumot, és írjuk be az utazási iroda nevét: Blue Travel. Másoljuk át úgy, hogy 6 szöveg legyen, majd mindegyikhez adjunk egy effektet, mint a 101. Ábrán.
143
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 144
Adobe Illustrator
101. Ábra
Szöveg átalakítása alaprajzban Az Illustrator-ban a szöveg a késõbbiekben is alakítható, megváltoztatva az egyes betûk formáját, hozzáadva további hatásokat, és színárnyalat kitöltést.
144
Ehhez át kell alakítani a szöveget több formára. Írjuk be újból az iroda nevét, jelöljük ki, és az Object menübõl válasszuk ki az Expand parancsot. Ahogyan láthatjuk az Object panelbõl eltûntek a szöveg tulajdonságai, és megváltozott a kijelölés típusa. Míg elõzõleg egy kék négyzet volt, most az alaprajz kiválasztásának fogói láthatók. Innentõl azt a módosító eszközt használjuk, amit akarunk, (míg az elõzõleg leírt hatások lehetõvé tették számunkra bármikor a szöveg módosítását). Itt, miután megváltoztattuk a szöveget, nem lesz már lehetõségünk, hogy megváltoztassuk a betûk típusát, a stílus, az igazítást, sorközt..stb
2010.08.31
14:44
Page 145
3. Fejezet Ha kiadjuk az Object>Ungroup parancsot, megjelennek a betûkön kijelölõcsomók. Ezután már minden betû formája külön-külön tetszés szerint alakítható. (102. Ábra).
102. Ábra Ha újra egy objektumként szeretnénk kezelni a felíratott, jelöljük ki minden elemét (SHIFT + minden karakterre kattintunk) és adjuk ki az Object>Group parancsot (így újra egy csoport, azaz egy objektum lesz). Ezen kívül alkalmazhatunk bármilyen kitöltést ugyanazzal az alaprajzokon alkalmazott eljárással.
145
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 146
Adobe Illustrator
5. Lecke Szöveg bevitele a Blue Travel logoba
146
A Blue Travel utazási iroda logojának befejezéséhez be kell vinnünk a szöveget, és újraméretezni a logot. Nyissuk meg a 2. Fejezet 3. Leckéjében készített fájlt. A logo már csoportosítva van, most el kell helyeznünk a szöveget a logo jobb oldalára, és bevinni az iniciálékat az alaprajz belsejébe. Válasszuk ki a Text eszközt, és írjuk be két sorba: Blue Travel (a sor elejére lépéshez OK). A kijelölt szöveghez válasszuk ki az Ariel Black karaktert, állítsuk be az Italic stílust (ehhez a betûhöz ez az egyetlen stílus áll rendelkezésre, és a 72 Pt méretet (103. Ábra).
103. Ábra
2010.08.31
14:44
Page 147
3. Fejezet A szöveg nagyon kisméretû a logohoz képest, ezért érdemes módosítani a méreteket. Elõször a logo méretét csökkentsünk: Ellenõrizzük le, hogy csoportosítva van-e, ha nem akkor a tanultak szerint tegyük meg (Select>All, majd Object q >Group). Ezután kijelöljük a logot (dupla kattintás a logon), majd a csúcsokon található irányzókra állva, az egér felveszi két átlós irányú nyíl formáját, és kicsinyíthetjük az objektumot. Használjuk közben a SHIFT gombot (lenyomva tartjuk), mert így az objektum megtartja arányait. Most változtassuk meg a felírat méretét is: Helyezzünk el 2 segédvonalat a logo pontjainak megfelelõen. Nagyítsuk meg a betû nagyságot 120-ra. A Color Mixer panelbõl válasszuk ki azt a színt, amelyet a logonál már használtunk és húzzuk át a feliratra is. Végül a szegélyszínezõvel a betûk körvonalát színezzük feketére. (104. Ábra)
147
illustrator.qxd
104. Ábra
illustrator.qxd
2010.08.31
14:44
Page 148
Adobe Illustrator Rajzoljunk egy négyzetet, ami elkülöníti a két szót. A logo árnyalt szélérõl kell indulnia, és a Travel szónál kell végzõdnie. A négyzetre fel kell vinni a használt kék festéket, mind a rajzon, mind a kitöltésnél. (105. Ábra)
105. Ábra
148
Az elkészített négyzet a logora kerül, tehát alulra. Kattintsunk az egér jobb gombjával a négyzetre, és a gördülõmenübõl válasszátok ki az Arrange>Send to Back parancsot. (106. Ábra)
106. Ábra
2010.08.31
14:44
Page 149
3. Fejezet Jelöljük ki a logot, majd az állapotjelzõn lévõ Macnification (Nagyítás) menüben állítsuk be a 100%-os méretet Jelöljük ki a Text eszközt és a rajz közepére írjuk be a BT feliratot. Állítsuk be az Ariel Black betûtípust, az Italic stílussal, és vigyük fel az eddig is használt kék színt. (107. Ábra)
107. Ábra Jelöljük ki a két rajzot (a BT feliratot és a logot) és csoportosítsuk õket Ezután kattintsunk kétszer a rajzra, és a forgási fogók segítségével forgassuk el 10 fokkal, az óra járásának ellenkezõ irányba. Jelöljük ki mindkét elemet (Select>All In Document), és csoportosítsátok õket (Object>Group). Ezáltal elkészültünk a logonkkal (108. Ábra).
149
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 150
Adobe Illustrator
108. Ábra
150
A logo elkészítése során az egész szöveget rajzzá változtattuk, két alapos ok miatt: 1. Gond nélkül nagyíthattuk. 2. Valamint a logo készítésének fázisában elõfordulhat, hogy csak saját PC-n installált betûtípust alkalmazunk, és késõbb, amikor egy olyan gépen nyitjuk meg a dokumentumot, ahol ez a betûtípus nincs installálva, teljesen megváltozhat a külseje. A szöveg konvertálásával ez a probléma nem fog jelentkezni, mert az Illustrator úgy kezeli, mint formák összességét.
illustrator.qxd
2010.08.31
14:44
Page 151
4. FEJEZET
2010.08.31
14:44
Page 153
4. Fejezet
1. Lecke Kitöltési effektek A színárnyalat kitöltésén kívül használhatunk egyéb kitöltéseket is különleges hatások céljából, a legismertebbek ezek közül: Pattern (Motívum), Lens (Lencse), Tiled (Mozaik). A kitöltés alkalmazásához nyissunk meg egy dokumentumot, készítsünk egy kört, és az Appearance menüben kattintsunk az Add Fill eszközre (109. Ábra)
153
illustrator.qxd
109. Ábra A rajz automatikusan feketére színezõdik, ez a Basic kitöltés alap színe.
illustrator.qxd
2010.08.31
14:44
Page 154
Adobe Illustrator A legördülõ menübõl, válasszuk ki a Patterns -t (Motívum), és itt 3 almenübe botlunk (110. Ábra).
110. Ábra
154
Egy motívum, rajzon történõ alkalmazásához elég, ha a kiválasztott motívumra kattintunk, miután kijelöltük az objektumot, majd a színcellába kattintva kiválaszthatjuk a hozzáadandó színt (111. Ábra).
2010.08.31
14:44
Page 155
4. Fejezet
111. Ábra Egy kitöltés törléséhez kijelöljük a rajzot, majd az Object panelbõl a Clear (Törlés) gombra kattintunk. Lens (Lencse) kitöltés A lencse kitöltés lehetõvé teszi 6 különbözõ effekt közti választást, amelyekkel módosíthatjuk az alul lévõ objektumok kinézetét, felcserélve a színeket, vagy variálva a fényesség, átlátszóság, sötétség, vagy a nagyítás értékeit. Rajzoljunk egy négyszöget, és adjunk hozzá egy kitöltõszínt, majd rajzoljunk egy ellipszist, és helyezzük a négyszöget fölé. A jelöljük ki az ellipszist, majd az Appearance (Objektum) panelból kiválaszthatjuk az Opacity cellában, az Átlátszóság mértékét. Módosíthatjuk az átlátszóság százalékát, és a színt. (112. Ábra).
155
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 156
Adobe Illustrator
156
112. Ábra
2010.08.31
14:44
Page 157
4. Fejezet
2. Lecke Több lap használata A vektorprogramokat gyakran Corporate Identity csomagok rajzolására alkalmazzák. Az Illustrator egy ideális program erre a mûveletre, mert lehetõvé teszi több különbözõ méretû lap kombinációját egy dokumentumon belül. Ezáltal kidolgozhatjuk a helyes grafikai beállítást a fejléces papírhoz, névjegykártyákhoz, és borítékokhoz, a megfelelõ méretben, anélkül, hogy egyik ablakból át kellene térnünk egy másik ablakba. Ebben a leckében létrehozunk egy több oldalból álló dokumentumot, hozzáadva logonkat, hogy megkapjunk egy optimális Corporate Identity csomagot. Minden alkalommal, mikor az Illustrator-ban nyitunk egy új dokumentumot, megjelenik egy A4 formátumú lap, függõleges helyzetben. Az Állapotjelzõben található gördülõmenüben állítsuk be a mértékegységet mm-ben. A Document Properties menüben aktiváljuk az Edit Artboards funkciót, innen kiválaszthatjuk a legmegfelelõbb formátumot is (113. Ábra).
157
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 158
Adobe Illustrator
113. Ábra Az Illusztrator által alkalmazott formátumok: 1. A3 (297 mm X 420 mm) 2. A4 (210 mm X 297 mm) 3. B4 (250 mm X 353 mm) 4. B5 (176 mm X 250 mm) 5. Legal (215,9 mm X 355,6 mm) 6. Letter (Levél) (215,9 mm X 279,4 mm) 7. Tabloid (Tábla) (279,4 mm X 431,8 mm)
158
A Testreszabás lehetõvé teszi a méretek direktben történõ beállítását, igényeink szerint. Ha a Fejléces papírunkon az ügyfél kér egy különleges formátumot: pl: az Exkluzívot, melynek méretei 184,5 mm X 266,7 mm, akkor ezt kézzel kell bevinnünk az Edit menüpontnál, mert ez a formátum nincs a lehetõségek között. (114. Ábra).
2010.08.31
14:44
Page 159
4. Fejezet
114. Ábra
115. Ábra A Bleed (Méretezés) cellába vigyük be a 3,5 mm-t, ez az érték határozza meg a helyet, melyen az egyes elemek ki lesznek nyomtatva, túl az oldal szélein (115. Ábra). Ez az észrevétel fontos abban az esetben, amikor a bevitelre szánt kép a lap tényleges széléig fog érni, és a szín is átterjed a széleken túlra, így amikor a kinyomtatott lapok vágásra kerülnek, hogy megkapjuk a jó méreteket, a szín el fogja érni a széleket, akkor is, ha a papírt kissé elmozdítjuk a nyomtatóban, vagy a vágás szakaszában, vagy a festéket nem sikerült jól felvinni.
159
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 160
Adobe Illustrator A pillanatnyi méretezés a lapon külsõ széleket hoz létre, és a rajzolás fázisában azokat kell figyelembe venni ténylegesen. Most hozzá kellene férnünk az azonos dokumentumban levõ névjegykártyához. Ugyanitt kattintsunk a New Artboard gombra és helyezzük el a lapot. (116. Ábra).
116. Ábra Ezzel az eljárással hozzáadunk egy az elõzõvel megegyezõ lapot.
160
Az állapotsorban levõ cella a kijelölt oldalt jelzi, és a legördülõ menübõl lehívhatjuk azt a lapot, amelyiken dolgozni szeretnénk. Egyik lapról a másikra való áttéréshez használhatjuk a Privious (Elõzõ), vagy Next (Következõ) gombokat. Egy Illustrator beli dokumentum belsejében annyi oldalt helyezhetünk el, amennyi ráfér a montázsasztalra, mely az 5,64 mt X 5,64 mt méretekkel rendelkezik. A Navigator panelban a montázsasztalunkon található oldalakról Preview kép megjelenik.
2010.08.31
14:44
Page 161
4. Fejezet Ellenõrizzük, hogy ki van-e emelve a kettes oldal. A lap méreteinek módosítását az elõzõekben szemléltetett módon tehetjük meg (117. Ábra)
117. Ábra Állítsuk be a névjegykártya méretét (W:88,9 és H:50,8), majd a névjegyet helyezzük vízszintes helyzetbe (118. Ábra).
161
illustrator.qxd
118. Ábra Hozzunk létre egy harmadik oldalt, amellyel a borítékot hozhatjuk létre, kereskedelemben kapható formátumban.
illustrator.qxd
2010.08.31
14:44
Page 162
Adobe Illustrator Állítsuk be a következõ méreteket (W:241,3 és H:104,77), majd helyezzük vízszintes helyzetbe. A dokumentum összes lapjának megjelenítéséhez a View menübõl jelöljétek ki az Fit All in window eszközt (119. Ábra).
119. Ábra
162
Az így elhelyezett oldalak helyet foglalnak, de sorba rendezhetõk. Át is helyezhetjük az oldalakat: áthelyezésükhöz kattintsunk az Edit Artboards-ra és kézzel mozgathatóak kijelölés után. Ugyanitt lehetõségünk nyílik az oldalak újraméretezésére is, kézzel. (120. Ábra)
120. Ábra
2010.08.31
14:44
Page 163
4. Fejezet
3. Lecke Fejléces papír elkészítése Nyissuk meg az elõzõ leckében készített fájlt, és vigyük be a Blue Travel utazási iroda logoját. Helyezzük el a montázsasztalon (az oldal belsejében). Ez a logo lesz a Master dokumentumunk. Minden alkalommal, amikor használnunk kell, le fogjuk másolni, úgy, hogy a megfelelõ méretekkel rendelkezõ logo mindig kéz alatt legyen. A másolatokat a billentyûgombokkal is gyorsan létrehozhatjátok: CTRL+C másoláshoz, CTRL+V, beillesztéshez. Helyezzük a másolt logo-t a legnagyobb lapba; hogy jobban tudjunk dolgozni. A Zoom-mal nagyítsuk meg a fõoldalt. Jelöljük ki a logo-t, majd a tanult módon kicsinyítsük le 40 %-ra (vigyük be az Scale cellába az értéket), majd helyezzük át a lap felsõ részébe a logo-t (121. Ábra).
163
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 164
Adobe Illustrator
121. Ábra
164
A logo-nak a lap közepére történõ igazításához az Align panelt fogjuk alkalmazni. Jelöljük be az Align to Artboard cellát, mint a 122. Ábrán.
122. Ábra Az Align panelben található két legördülõ sor: A függõleges téglalapokkal jelöltek az Align horizontal-t jelöli. A vízszintes téglalapok az Align vertical-t. (123. Ábra)
2010.08.31
14:44
Page 165
4. Fejezet
123. Ábra Az Align horizontal cellában válasszuk ki az Align center eszközt. A logo tökéletesen középre helyezkedik. A fejléces papíron mint alap az utazási iroda logo-ját helyezzük el, majd ráviszünk egy filigrán effektet. Készítsünk egy másolatot a logo-ról. Ebben az esetben csak a rajzra lesz szükségünk, a szövegre nem, tehát szét kell választanunk: jelöljük ki a logo-t, majd az Unlock eszközzel oldjuk ki, majd az Object>Ungroup paranccsal szétválaszthatjuk a csoportot. Jelöljük ki csak a szöveget, és a vonalat, ami külön választja õket, és töröljük ki a DEL billentyûgombbal. Nagyítsuk fel a fennmaradt rajzot 200 %-al, és helyezzük el, mint a 124. Ábrán.
165
illustrator.qxd
124. Ábra
illustrator.qxd
2010.08.31
14:44
Page 166
Adobe Illustrator Most törölni kell azokat a részeket, amelyek túlnyúlnak a nyomtatási kép meghatározott méretén. Rajzoljunk téglalapokat, úgy hogy befedjék a fennmaradó logo részeit, mint a 125. Ábrán.
125. Ábra
166
Jelöljük ki a rajzolt téglalapokat, és a logo-t. A Window > Pathfinder panel Minus Front eszköze segítségével eltudjuk végezni a felesleges rész eltávolítását. Végezzük el az eljárást minden létrehozott téglalapra, a végeredmény meg fog egyezni a 126. Ábrán látottal.
126. Ábra
2010.08.31
14:44
Page 167
4. Fejezet Nincs más hátra, mint csoportosítani újból a logo-t, és rögzíteni a lakattal (Object > Lock). Hogy a logo szürkés színárnyalatot kapjon, rajzoljunk egy téglalapot a képre (a téglalapnak ne legyen keret színe), és töltsük fel fehér színnel - 80%-os opacitással. (127. Ábra)
127. Ábra A téglalapot is rögzítsük. Alulra vigyük be a címet, és az utazási iroda szlogenjét. Hozzunk létre egy szövegdobozt, állítsuk be az Ariel betûtípust, a Dõlt stílust, 24 Pt mérettel. Írjuk be a szlogent, helyezzük alulra a szöveget, és az irányzók segítségével tágítsuk ki a szövegdobozt, úgy, hogy elfoglalja az egész oldalt, a szöveg automatikusan tágulni fog, ezáltal nõni fog a betûk közti távolság is. Hozzunk létre egy másik szövegdobozt, állítsuk be az Ariel Black betût, Dõlt stílust, 18 betûnagyságot, és vigyük be az utazási iroda címét.
167
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 168
Adobe Illustrator Központosítsuk a szövegeket, és konvertáljuk õket rajzokká (Select>All in Artboard, majd Object>Group), hogy ne veszítse el a felvitt formát. (128. Ábra). Mentsük el az elkészült fejléces lapot!
168
128. Ábra
2010.08.31
14:44
Page 169
4. Fejezet
4. Lecke Névjegykártya készítése A céges levélpapír dokumentumát használva, hozzunk létre ugyanazzal a stílussal egy névjegykártyát, az elõzõ lecke magyarázata alapján. (129. ábra).
129. Ábra Emlékezzünk vissza, hogy a tökéletes Corporate Identity esetén a céges papír, a névjegykártya, és a boríték ugyanazt a stílust kell, hogy képviseljék. Miután leblokkoltuk a különbözõ vázlatokat, be kell vinnünk a címet, és az iroda szlogenjét.
169
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 170
Adobe Illustrator Hozzunk létre egy szövegdobozt, állítsuk be az Arial betûtípust, Dõlt stílust, és a 8-as méretet. Írjuk be az iroda szlogenjét, helyezzétek alulra a szöveget, az irányzók segítségével tágítsuk a szövegdobozt, úgy, hogy szélességében fedje be az egész helyet, majd állítsuk be a logo-nál használt színt. A már alkalmazott szín elõhívásához kattintsunk az Eszközök panelben a színre, azt láthatjuk, hogy az egér alakot változtat, ecsetté változik, majd a logo-ra kattintva automatikusan kiválasztottuk ugyanazt a színt. Miután beszíneztük, konvertáljuk rajzzá a szöveget (130. Ábra).
170
130. Ábra Hozzunk létre egy másik szövegdobozt, állítsuk be az Ariel betût, Dõlt stílussal, és 8-as mérettel. Vigyük be az iroda címét. Helyezzük középre a szöveget, majd válasszunk egy másik kék színt, és adjuk a címhez. Konvertáljuk a szöveget rajzzá.
2010.08.31
14:44
Page 171
4. Fejezet A cím kiemeléséhez rajzolhatunk egy téglalapot, ami elválasztja a szlogent a címtõl, és adjuk hozzá azt a színt amelyet a címnél használtunk. A középsõ részbe be kell vinni a cég kinevezett ügyvezetõjét. Hozzunk létre még egy szövegdobozt, állítsuk be az Ariel Black betû, Dõlt stílussal, és 12-es mérettel. Írjuk be a nevet, nyomjuk le az Enter-t, és írjuk be: kinevezett ügyvezetõ. A két írás más tulajdonságokkal kell, hogy rendelkezzen, ezért jelöljétek ki a kinevezett ügyvezetõ kifejezést, és állítsátok be az Arial betûtípust, 8-as mérettel. Helyezzük középre a szöveget a szövegdobozban, konvertáljuk rajzzá, és központosítsuk mind vízszintesen, mind függõlegesen az oldalon, mint a 131. Ábrán.
131. Ábra Mentsük el a kész munkánkat!
171
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 172
Adobe Illustrator
5. Lecke Boríték készítése Nyissuk meg a névjegykártya dokumentumát, és lépjünk a borítékkészítésre.
172
Jelöljük ki a dokumentum 3. oldalát, a Veiw-ból jelöljük ki a Fit All in Window címet, így az Illustrator automatikusan ki fogja számolni, hogy milyen százalékban kell megjelenítenie a borítékot. Készítsük el a borítékot az elõzõ két lecke alapján. (132. Ábra)
132. Ábra Most ki kell nyomtatnunk a különbözõ dokumentumokat.
2010.08.31
14:44
Page 173
4. Fejezet Az Illustrator a nyomtatás során nem teszi láthatóvá a lap széleit, mert a beállított méreteket veszi figyelembe, mint a lap pontos méretét. Hogy lássuk a lap pontos méretét, azt ajánljuk, hogy minden oldalra rajzoljunk egy téglalapot átlátszó kitöltéssel, és a színezett szél akkora lesz, mint az újra beállított oldal mérete. Az oldalak kinyomtatásához kattintsunk a File menübe, ott válasszuk ki a Print funkciót (133. Ábra)
133. Ábra Az Illustrator alapbeállításként kinyomtatja a dokumentum összes lapját; ha akarjuk, beállíthatjuk a kinyomtatandó lapokat a Print ablakban, Page kijelöléssel, és az oldalszámok beírásával, vagy a Current page bejelölésével csak az adott lapokat fogja kinyomtatni. A Preview-re kattintva láthatjuk a nyomtatandó lap miniatûr képét, a pontozott vonal a nyomtatási határokat jelzi. Az OK-ra kattintva elindíthatjuk a nyomtatást.
173
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 175
5. FEJEZET
2010.08.31
14:44
Page 177
5. Fejezet
1. Lecke Radír, kivágás és árnyalat eszközök Az Illustrator számos olyan eszközzel rendelkezik, mely lehetõvé teszi, hogy különleges hatásokat hozzunk létre, és ez teszi az Illustrator programot az egyik legjelentõsebb illusztrációs programmá.
Az Eraser (Radír) eszköz Az elõzõ fejezetben a logonk egy részének kivágására használtuk a Pathfinder panelbõl a minus front funkciót. Ez az eszköz lehetõvé tette, hogy egy rajz részeit azért vágjuk ki, hogy beillesszünk egy másik rajzba, de néha nem szabályos formákat vágunk ki, vagy kis különleges részeket törölünk ki, ebben az esetben használhatjuk az Eraser (Radír) eszközt. Egy új dokumentumban hozzunk létre egy rajzot, és töltsük ki. Jelöljük ki a tárgyat és válasszuk ki az eszköz menüben található Eraser eszközt. A kurzor egy pluszjellé változik, mely a radírt szimbolizálja, így jelöli, hogy kész a feladat végrehajtására. Húzzuk a rajzra az eszközt, hogy ki tudjuk törölni. Ha az alakzat közepére megyünk, akkor az alakzatot két vagy
177
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 178
Adobe Illustrator több részre osztjuk (134. Ábra) és minden részt külön, a többitõl függetlenül kezelhetõ.
134. Ábra
178
Az Eraser eszköz paramétereinek módosításához kétszer kattintsunk rá az ikonra. Megjelenik egy ablak, amelyben módosíthatjuk az eszköz értékeit. (135. Ábra)
135. Ábra Ha a Fixed-et átállítjuk Random-ra akkor a különbözõ tulajdonságokat módosíthatjuk a legördülõ menü mellett található csuszkán. A diameter pontban állíthatjuk a radír nagyságát illetve a roundness pontban pedig megváltoztathatjuk radírunk formáját.
2010.08.31
14:44
Page 179
5. Fejezet Knife (Kivágás) eszköz A Knife eszközzel manuálisan oszthatunk fel egy rajzot és képezhetünk nyitott és zárt formákat. Hozzunk létre egy rajzot, mint amilyen a 136. Ábrán is látható.
136. Ábra Jelöljük ki a rajzot, majd válasszuk ki a Tools panelen a Knife ikont, az egér egy kés hegyének formáját veszi fel. A kijelölt rajzon minden csúcsot vájunk ki a késsel és az egér elengedésével láthatóak lesznek a kijelölt pontok. Válasszunk ki egy tetszõleges kivágást, majd az Object menüben válasszuk a Path > Divide Object Below menüpontot, így meghatározhatjuk a kivágni kívánt részt és oda rakhatjuk, ahova akarjuk. (137. Ábra)
179
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 180
Adobe Illustrator
137. Ábra Ha a Knife eszközt úgy használjuk, hogy közben az ALT gombot lenyomva tartjuk, akkor kivágást kapunk egy hosszú egyenes mentén.
180
Most készítsünk egy téglalapot, töltsük ki. Válasszuk ki a Knife eszközt és rajzoljunk egy kacsa oldalnézetét (138. Ábra)
138. Ábra
2010.08.31
14:44
Page 181
5. Fejezet Az egér felengedésével, a téglalap két egymástól teljesen különálló részre szakad (139. Ábra)
·-·-·-o-
o-•--
·--~·-·--
139. Ábra
181
illustrator.qxd
'
illustrator.qxd
2010.08.31
14:44
Page 182
Adobe Illustrator Smudge Stick… Tool funkció Az Illustrator a Smudge Stic funkcióval lehetõvé teszi, hogy domború hatást hozzunk létre, mégpedig úgy hogy megerõsíti a kijelölt ábra körvonalát. Elõször jelöljük ki a rajzunkat. Az alkalmazáshoz válasszuk ki az Effect menübõl az Artistic menüpontnál a Smudge Stic ikont.
182
Egy új ablak ugrik fel ahol változtatni tudjuk többek között ezt a tulajdonságot is. Középen fel vannak sorolva a hatások, gyõzõdjünk meg róla, hogy a megfelelõ hatás van kijelölve. Ezután növeljük a Stroke Length értékét maximálisra, láthatjuk hogy a pillanatképünkön vastagodott a vonal. (140. Ábra)
140. Ábra Ha OK-ra kattintunk akkor az eredeti rajzunkon alkalmazzuk a kívánt hatást. (141. Ábra)
2010.08.31
14:44
Page 183
5. Fejezet o; ..,..,"!",. _ _ _ _ _
oiil_lil
·-·-·-o-
o-•-·--
·-·-~·
141. Ábra
183
illustrator.qxd
'
illustrator.qxd
2010.08.31
14:44
Page 184
Adobe Illustrator
2. Lecke Extrude Tool és a Shadow funkció Folytassuk az Illustrator által biztosított más eszközök elemzését. Az Extrude Tool funkció:
184
Az Illustrator-ban minden rajz kétdimenziós (2D). A 3D-t az Extrude Tool eszközzel tudjuk szimulálni, egy látványos hatás létrehozásával. Készítsünk egy csillagot és töltsük ki. Válasszuk ki az Effects menübõl a 3D > Extrude & Bevel eszközt. (142. Ábra)
142. Ábra
2010.08.31
14:44
Page 185
5. Fejezet A rajzra kattintva megjelenik egy 3D-s menü. (143. Ábra)
143. Ábra A Felsõ kocka szabadon forgatható ez határozza majd meg a kijelölt ábra állását. A legördülõ menüben szabadon kiválaszthatunk más elõre beállított pozíciókat is. Miután elkészítettük a 3D-t, módosíthatjuk a hajlást, a mélységet (Extrude Depth), a kiindulópontot és a tárgy elforgását az X, Y és Z tengelyeken. A 3D eszköz kiválasztása után kattintsunk az OK-ra, és megjelenik a kijelölt ábrán a 3D-s hatás ahogyan ezt a 144. Ábra mutatja.
185
illustrator.qxd
144. Ábra
illustrator.qxd
2010.08.31
14:44
Page 186
Adobe Illustrator Érdekes funkció még a legalul található Bevel. Segítségével virtuálisan faraghatjuk a majd elkészülõ 3D-s ábránkat. Egy ilyen "faragott" objektum látható a 145.-es Ábrán.
145. Ábra Shadow (Árnyék) eszköz
186
Az Shadow eszközzel a tárgy egy olyan másolatát hozzuk létre, mely automatikusan az eredeti tárgy mögé kerül, hogy az elõretörõ világosság meglétének látszatát adja. Lehetséges az árnyék megjelenítését különlegesebbé tenni az eszközök opcióinak módosításával. Az árnyék hatás alkalmazásához készítsünk egy rajzot, válasszuk ki az Effects panelbõl az Stylize menüpontnál található Drop Shadow eszközt. A következõ ablak jelenik meg elõttünk. (146. Ábra)
2010.08.31
14:44
Page 187
5. Fejezet
146. Ábra Itt beállíthatjuk az árnyék mélységét, elmosódottságát illetve a színét is. Egy 12pt mélységû 94pt elmosódottságú árnyék a következõképpen néz ki: (147. Ábra)
147. Ábra
187
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 188
Adobe Illustrator
3. Lecke A Trace Tool (Vektorizálás) és a Blend Tool (Elkever - Vegyít) funkció A Trace Tool (Vektorizálás) eszköz Az Illustrator-ba importálhatunk bitmap képeket. A Trace Tool funkciót használhatjuk, ha pixelgrafikus (bitmap) kép alapján készített vektorgrafikára van szükségünk.
188
A Trace Tool eszközzel tetszõleges objektum (betöltött bitkép, de vektorgrafika, szöveg, görbe stb is) vektorizálható, tehát az eszközzel behatárolva az objektumot (vagy annak egy részét) automatikusan vektorizáljuk azt. Ajánlatos a Trace Tool eszközt bitmap képek esetén 300-600 DPI-s megoldással végrehajtani, mert ennél nagyobb méretû képek lassíthatják a számítógépet. Az Illustrator-on belüli kép importálásához kattintsunk a File menüre, válasszuk ki az Place funkciót, és a megjelenõ ablakban a Fájltípus cellánál állítsuk be a JPEG-t (*.jpg).
2010.08.31
14:44
Page 189
5. Fejezet Az Eszközök és gyakorlatok CD-rom Eszközök és Gyakorlatok>Képek>Egyéb könyvtárából válasszuk ki a Fishing.jpg képet, kattintsunk a Megnyitás gombra. Kattintsunk a Live Trace gombra és megjelenik egy panel, ahogy azt a 148. Ábra is mutatja.
148. Ábra Legelöl a Pattern legördülõ menüben beállíthatjuk a színeket. Állítsuk be Photo High Fidelity-re, mellette megjelenik egy cella, ahol 2 és 256 között számokat írhatunk be, minél magasabb a szám és minél részletesebb az átmásolás, annál jobb minõségû képet kapunk eredményként. Automatikusan ez 64-re van állítva. Ezután menjünk az Expand-ra ezzel összetevõire bontjuk a képet, ha esetlegesen szeretnénk a késõbbiekben valamit változtatni rajta. (149. Ábra) Végezzük el a kívánt mûveleteket. Ezután jelöljük ki a kép összes pontját (Select>All), majd csoportosítsunk ezeket a pontokat (Object>Group). Az így kapott vektorizált képpel további vektor mûveletek végezhetõk. (150. Ábra).
189
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 190
Adobe Illustrator
149. Ábra
150. Ábra
190
A vázlatra alkalmazzunk egy tetszõleges színt.
2010.08.31
14:44
Page 191
5. Fejezet A Blend eszköz Az Blend eszköz lehetõvé teszi, hogy egy rajzot egy másikká alakítsunk, olyan módon, ahogy a 151. Ábrán látjuk.
151. Ábra Ezen eszköz használatához készítsünk két rajzot és töltsük ki õket. Az Object menüben kattintsunk a Blend menüpontra és azon belül a Blend Options-ra. Elõjön egy beállító ablak, amely több megoldást ajánl a módosításra, míg végül elérjük a rajz végsõ formáját. Miután beállítottuk a kívánt átmenetelt, menjünk az Object > Blend > Make és elkészül a kívánt ábránk.
191
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 193
6. FEJEZET
2010.08.31
14:44
Page 195
6. Fejezet
1. Lecke A Blob Brush Tool, a Calligraphic Brush Tool és az Envelope eszköz A Blob Brush Tool eszköz egy újítás az Illustratorban. Flash használók számára semmi újat nem jelent, viszont aki Freehandrõl tért át az Illustrator-hoz annak nyújt némi újat. Lényegében nem sokban különbözik a sima Brush Tool-tól, de mégis más. Különlegessége abban rejlik, hogy ha ez az eszköz által rajzolt görbéket összekapcsoljuk, azok egy utat "pathot" fognak alkotni, azaz segítségével késõbb könnyen javítható ábrákat tudunk létrehozni. Rajzoljunk egy a 152. Ábrához hasonló görbét.
195
illustrator.qxd
152. Ábra
illustrator.qxd
2010.08.31
14:44
Page 196
Adobe Illustrator Majd egészítsük ki egy másik görbével, persze a Blob Brush Tool eszközt használva. Azt látjuk hogy ha felengedjük a kurzort akkor az Illustrator automatikusan összekötötte a görbéket és a köztük lévõ területet feltöltötte. (153. Ábra)
153. Ábra Hasonlóan a többi eszközhöz, 2x kattintással itt is elõhívható a beállító menü.
Calligraphic Brush Tool eszköz
196
Ezzel az eszközzel történõ rajzolás (154. Ábra) olyan, mint ha a munkát stilográf tollal rajzolnánk.
2010.08.31
14:44
Page 197
6. Fejezet
154. Ábra Itt is lehetõség van a vázlat vastagságának módosítására a rajzolás során, a billentyûgombok segítségével. Az eszköz használata elõtt be kell állítanunk a méreteket, tehát kattintsunk a Brush panelben (jobb oldalt) a New Brush gombra és az elõugró kis ablakban válasszuk ki a New Calligraphic Brush menüpontot, majd OK. (155. Ábra)
197
illustrator.qxd
155. Ábra Az elõugró kis ablakban beállíthatjuk az eszközhöz tartozó beállításokat akárcsak az elõzõ eszköznél illetve a radírnál, tudjuk változtatni a vastagságot, szöget, illetve a szabályosságot.
illustrator.qxd
2010.08.31
14:44
Page 198
Adobe Illustrator Legegyszerûbb a kis ábrán mindezt megtenni. (156. Ábra)
156. Ábra
198
Miután a beállításokat elvégeztük, kattintsunk a Brush Tool-ra ellenõrizzük le, hogy az általunk kívánt Calligraphic Tool legyen kiválasztva és már használhatjuk is az eszközt.
2010.08.31
14:44
Page 199
6. Fejezet Az Envelope (Burkológörbe) eszköz Bizonyos esetekben egy rajzot, vagy egy szöveget úgy kell kialakítanunk, hogy szabálytalan, vagy különleges formája legyen, ekkor használjuk az Envelope eszközt. Hozzunk létre egy téglalapot. Töltsük ki fehérrel a téglalapot, a körvonala legyen fekete. Vigyük be újból az egész Logo fájlt, helyezzük a Logo-t a téglalapba, majd csoportosítsuk a 2 rajzot. A Burkológörbe beállításainak megjelenítéséhez kattintsunk Object > Envelope Disort > Envelope Options. (157. Ábra)
157. Ábra Ezután két választásunk van, vagy egy elõre beállított burkológörbét alkalmazunk a rajzunkra vagy létrehozhatunk egy újat is. Utóbbihoz menjünk az Object > Envelope Disort > Make With Mesh, hogy elõhozzuk azt a hálót ami majd segít az alakítgatásban.
199
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 200
Adobe Illustrator A C, D, E, és F iránypontok kijelölésével (tartsuk lenyomva a CTRL-t és így kattintsunk a pontokra) (158. Ábra) alakítsuk úgy a rajzot, hogy a 159. Ábrán láthatóhoz hasonlítson.
158. Ábra
200
159. Ábra A módosítások konfermálásához kattintsunk a lap belsejébe, és láthatjuk, hogy a logo egyfajta zászló effektet kapott. Másik megoldás a már elõre elkészített formák felhasználása. Ehhez menjünk az Object > Envelope Disort > Make With Warp és a fenti legördülõ menüben válasszuk ki a zászlót (flag) például az eredmény a 160. Ábrán látható.
2010.08.31
14:44
Page 201
6. Fejezet
·-\=~;-:z; g.:. 160. Ábra
201
illustrator.qxd
' :
! !
I !
illustrator.qxd
2010.08.31
14:44
Page 202
Adobe Illustrator
2. Lecke Add New effect gomb használata
202
Az Appearance panelban található egy legördülõ menü Add New Effect néven, melybõl kiválaszthatunk különbözõ hatásokat. (Régebben már volt erre példa) (161. Ábra)
161. Ábra
2010.08.31
14:44
Page 203
6. Fejezet Ezek közül a fontosabbak: Disort & Transform, Stylize, 3D. Disort & Transform: Free Disort: Segítségével szabadon formázhatjuk az objektumunkat. (162. Ábra)
162. Ábra Pucker & Bloat: Segítségével transzformálhatjuk az objektumokat mégpedig úgy hogy ha negatív irányban mozgatjuk a csuszkát akkor élesíti illetve kiterjeszti az éleket ha pozitív irányban akkor görbíti az éleket. Segítségével virág formák illetve tûzijáték formát érhetünk el könnyedén, vagy akár a víz csobbanását is. (163. Ábra).
203
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 204
Adobe Illustrator
163. Ábra
204
Twist hatás: Középpont körüli elforgatás. Mégpedig úgy hogy a középpont egy helyben marad és ami körülveszi az forog, segítségével könnyedén készíthetõ egy olyan ábra mint a 164. Ábrán.
164. Ábra
2010.08.31
14:44
Page 205
6. Fejezet Stylize menüpont Add Arrowhead: Különbözõ többnyire nyíl-ra hasonlító ábrákkal láthatjuk el az általunk készített vonalat. Ügyesen használva különbözõ szép ábrákat lehet kihozni belõle. (165. Ábra)
165. Ábra Drop Shadow (Árnyék) hatás: (166. Ábra)
205
illustrator.qxd
166. Ábra
illustrator.qxd
2010.08.31
14:44
Page 206
Adobe Illustrator Az árnyékok szimulálásához használatosak, melyeket egyébként csak akkor lehetne megvalósítani, ha egy fizikai tárgyat fel lehetne emelni rajzfelületérõl (Külsõ árny), vagy ha el lenne vágva a rajz felületén (Belsõ árny). A Fényhatás a forma belsejében vagy külsején lumineszkálást okoz. Az almenübõl kiválaszthatjuk a megfelelõ hatást, és az alul levõ cellákban módosíthatjuk a színeket, a hatás méretét, a transzparenciát, és a pozíciót (167. Ábra).
167. Ábra
206
3D: Segítségével mint már korábban is tárgyaltuk 3 dimenziós effektusokat rendelhetünk a 2 dimenziós ábráinkhoz. Extrude & Bevel (Homorú és domború) hatás: A Homorú hatás alkalmazása egyfajta "megemelt" hatást eredményez, míg a Domborulat hatással a rajz, a munkaterülethez képest, olyan, mint ha fel lenne emelve, vagy mélyen feküdne.
2010.08.31
14:44
Page 207
6. Fejezet Minden opcióhoz (Koncentrikus domborulat, Megemelt domborulat, Külsõ homorulat, Belsõ homorulat) járulnak a színre vonatkozó attribútumok, a vastagság, a lágyság, a kontraszt, melyeket szintén módosíthatunk a hatások szabályozása érdekében (168. Ábra).
168. Ábra Ezeket a hatásokat alkalmazhatjuk mind a szövegen, mind a rajzon, mely utóbbiakat egyesíthetjük egy különlegesebb effekt elérése céljából.
207
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 208
Adobe Illustrator
3. Lecke Reklám anyag készítése (elsõ rész) A megrendelõ azt kérte, hogy készítsünk egy kis reklám anyagot például: egy New York-i utazás reklámozásához, egy sportkocsival. Miután beszereztük az összes szükséges információt, elkezdhetjük a munkát:
208
Készítsünk egy grafikai vázlatot, ami már elsõ pillantásra kifejezi a továbbítandó üzenet jelentését. Az elkészítéshez az Oktató Cd Eszközök és gyakorlatok > Képek mappában található képeket felhasználhatjuk. Nyissunk egy új dokumentumot, és állítsuk be a hagyományos méreteket a hirdetményhez: Állítsuk be a mértékegységet, majd szerkesszünk egy új lapot a tanult módon: 50 cm szélesség, 70 cm magasság, és a Bleed (Kötésbeni) cellába állítsuk be a 0,7 cm, majd az oldalt helyezzük függõleges tájolásba. (169. Ábra)
2010.08.31
14:44
Page 209
6. Fejezet
169. Ábra Mûveletek bitmap képekkel: Ahogyan már az elõzõ fejezetekben láthattuk az Illustrator különbözõ formátumú képekkel dolgozhat: TIFF, GIF, JPEG, PICT, PNG, BMP, PSD, Targa. Az Appearance panelben beállíthatjuk ezek pozícióját a lapon belül, a méretet, az importált kép formátuma alapján, és az átlátszóság méreteit is. A képeket transzformálhatjuk szürke, fehér, vagy fekete skálává alakíthatjuk, a fehér területeket pedig átlátszóvá. Importáljuk egy tetszõleges Sportkocsi1.bmp fájlt, az Oktató Cd-rõl a File>Place menüvel. Helyezzük el a lapon, a vektorizálásához használjuk a Trace Tool eszközt. Állítsuk be a megfelelõ értékeket, mint a 170. Ábrán.
170. Ábra
209
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 210
Adobe Illustrator Ez a kép nem biztos, hogy tökéletes, apró felesleges pontok lehetnek körülötte, azokat a Pointer eszközzel ki tudjuk jelölni és kitörölni. Jelöljük ki az Autó-t alkotó pontokat (Select>All), tegyünk egy csoportba õket (Object>Group). (171. Ábra)
171. Ábra Most már készen vagyunk, az elkészült Autó-t mentsük el, mert a további munkánk során is szükségünk lesz rá. A rétegek használata:
210
Az Illustrator lehetõséget ad rétegek alkalmazására, vagyis, hogy egymás fölé helyezzünk több objektumot egy dokumentumban, és, hogy módosítsuk õket egyenként, anélkül, hogy a többin is végbe menne a változás. A rétegek vagyis a Layereket tartalmazó panel megtalálható a jobb oldali panelcsoportban, amit a 172. Ábrán láthatunk.
2010.08.31
14:44
Page 211
6. Fejezet
172. Ábra Elõször csak 1 layer látható Layer1 néven, ez az alapértelmezett layer. Ez minden új dokumentum esetén jelen van A réteg neve mellett a következõ ikonok láthatóak: Láthatóság oszlop: Azt jelöli, hogy a rétegen lévõ elemek láthatók vagy rejtettek (üres), illetve hogy a réteg sablon típusú vagy körvonal típusú réteg-e. Szerkesztési oszlop: Azt jelöli, hogy az elemek le vannak-e zárva vagy sem. A lakat ikon azt jelöli, hogy az elem le van zárva, és nem szerkeszthetõ, az üres terület azt jelöli, hogy az elem nincs lezárva, és szerkeszthetõ. Cél oszlop Azt jelöli, hogy az elemek ki vannak-e jelölve a Megjelenés panelen hatások alkalmazására vagy jellemzõk szerkesztésére. Ha a cél gomb dupla gyûrûként jelenik meg, akkor az elem célként szerepel, az egyszeres gyûrûvel jelölt elemek pedig nem szerepelnek célként.
211
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 212
Adobe Illustrator Kijelölési oszlop Azt jelöli, hogy az elemek ki vannak-e jelölve. Egy színes téglalap jelenik meg, ha az elem ki van jelölve. Ha a szülõ elemen belül minden objektum ki van jelölve, a kijelölési színt jelzõ mezõk mérete megegyezik a kijelölt objektumok mellett megjelenõ jellel. Egy réteg átnevezéséhez kattintsunk kétszer a névre. A Layers paletta rétegeinek jellemzõi a lenyíló lista parancsaival módosíthatók. (173. Ábra)
173. Ábra A New utasítással készíthetünk új réteget.
212
Készítsünk egy új réteget, és nevezzük át Autó-ra. Helyezzük át az autót az új rétegre (egy réteg objektumainak áthelyezéséhez nyomjuk le az Alt billentyût, majd kattintsunk az adott réteg nevére, így kijelöljük a rajta lévõ objektumokat, ezután válasszuk ki a célréteget), majd zárjuk az Autó nevû réteget. (174. Ábra)
2010.08.31
14:44
Page 213
6. Fejezet
174. Ábra
213
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 214
Adobe Illustrator
4. Lecke Reklám anyag készítése (második rész) Nyissuk meg a reklám anyag dokumentumát, melyet már elkezdtünk készíteni. Megnyitásához válasszuk File>Open Recent, és az almenüben megjelennek az utolsó Illustrator által megnyitott dokumentumok.
214
A háttérbe egy hagyományos amerikai város oldalmetszetét fogjuk megrajzolni. Rejtsük el az Autó réteget. Importáljuk erre a rétegre egy tetszõleges város képét az Oktató Cd-rõl. (175. Ábra)
175. Ábra
2010.08.31
14:44
Page 215
6. Fejezet Azt láthatjuk, hogy a kép nagyon kicsi a munkalaphoz képest, ami nem gond, mert ez a kép csak segédszintként lesz használva, hogy megrajzoljuk a város sky-line-ját. Az eredményesebb munka érdekében növeljük meg a kép méretét úgy, hogy befedje az egész munkafelületet. Készítsünk egy újabb réteget, és nevezzük Sky-Line-nak. Másoljuk át a képet a Sky-Line rétegre. Küldjük a képet a háttérbe, hogy ne zavarjon bennünket a munkában (jobb klikk > arrange > send to back). Kezdjük kijelölni a képen látható épületeket a Pen eszköz alkalmazásával; a SHIFT gomb lenyomva tartásával. Készítsük el az oldalmetszetet, töltsük ki egy sötét színnel. A végeredmény a 176. Ábrán láthatóhoz kell, hogy hasonlítson.
176. Ábra A háttérbe vitt képet törölhetjük: kattintsunk a képre, és nyomjuk le a DEL billentyût. Zárjuk, és rejtsük el a réteget.
215
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 216
Adobe Illustrator Egy realisztikusabb háttér elkészítéséhez vigyünk be egy újabb réteget, nevezzük át Sky-Line2-re. Importáljuk erre a rétegre is a kiválasztott városképet. (177. Ábra)
177. Ábra
216
A fotó, mint vázlat segítségével készítsük el a felhõkarcolókat ott, ahol nincsenek, és töltsük ki egy más színnel. Az eredmény a 178. Ábrán látható.
178. Ábra
2010.08.31
14:44
Page 217
6. Fejezet A háttérbe vitt képet törölhetjük: kattintsunk a képre, és nyomjuk le a DEL billentyût. Ha akarjuk, utólag is módosíthatjuk az elkészített vázlatokat a Subselect eszközzel. A Sky-Line szint a Sky-Line 2 szint alatt helyezkedik el, a szinteket rendezhetjük egészen egyszerûen az új pozícióba történõ áthelyezésével (akkor is áthelyezhetõek, ha le vannak zárva). Fordítsuk meg a két réteg pozícióját, majd csoportosítsuk a két oldalmetszetet (Select>All majd Object>Group). A rétegeknek az Autó rétege alatt kell lenniük. (179. Ábra)
179. Ábra Készítsük el a többi különlegességet: Vigyünk fel egy újabb réteget, amit nevezzünk Ég-nek. Rajzoljunk egy kék színû téglalapot erre a rétegre, és helyezzük az Autó, Sky-Line, Sky-Line2 rétegek alá.
217
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 218
Adobe Illustrator Készítsünk még egy réteget, nevezzük Folyó-nak, és rajzoljunk egy lila színû téglalapot. Ezt a szintet is helyezzük az elõbbi szintek alá. Készítsünk további réteget, nevezzük Út-nak. Itt rajzoljunk egy szürke téglalapot, majd helyezzük a többi réteg alá, mint elõzõleg, de a Folyó elé. Adjunk színárnyalatot az úthoz (pl: Gradient>Radial), a folyóhoz (pl: Gradient>Linear) és az éghez (pl: Gradient>Radial). (180. Ábra)
218
180. Ábra Végül a két sor épülethez pedig egy sötétebb színt. A két rajz beszínezéséhez szét kell, hogy válasszuk õket, majd csoportosítsuk újból. A végeredmény olyan kell, hogy legyen, mint a 181. Ábrán.
2010.08.31
14:44
Page 219
6. Fejezet
181. Ábra Az elkészült munkát mentsük el, a következõ leckében folytatjuk a reklámanyag kidolgozását.
219
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 220
Adobe Illustrator
5. Lecke Reklám anyag készítése (harmadik rész) Hirdetményünk realisztikusabbá tétele érdekében elkészítjük az épületsor tükörképét a tóban. Nyissuk meg a lezárt rétegeket, a Sky-line-t, és Sky-line2-t. Készítsünk egy újabb réteget, nevezzük át Tükörkép-nek. Helyezzük át a szintet a Sky-line, Sky-line2 alá. Jelöljük ki a Sky-line-t, és Sky-line2-t és a rajtuk levõ objektumot, majd másoljuk (Edit>Copy), és illesszük be (Edit>Paste) a Tükörkép rétegre.
220
Kattintsunk az ábrára jobb gombbal ezután válasszuk a Transform > Reflect > Horizontalt. Az OK gomb lenyomásával az ábra megfordult. Helyezzük a tükörrajzot a Sky-line, Sky-line2 rajzok alá, akár a billentyûzet nyilaival is dolgozhatunk. Egy perspektivikus hatás elérése érdekében csökkentsünk felére a rajzot kézzel (182. Ábra).
2010.08.31
14:44
Page 221
6. Fejezet
182. Ábra A kijelölt rajzhoz adjunk még egy 60% áttetszõséget (Appearance > Opacity és ott a csuszkán tudjuk az értéket változtatni). (183. 184. Ábra).
183. Ábra
221
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 222
Adobe Illustrator
184. Ábra
Szöveg és logo bevitele
222
Vigyünk be egy újabb szintet, és nevezzük Cím-nek. Vigyünk be egy szövegdobozt, állítsunk be egy tetszõleges betûtípust (pl: Copper std), a 96 Pt méretet. A betûk körvonala legyen fekete, a kitöltõ szín pedig sárga. Írjuk be a következõ mondatot: "New York-i utazás", és helyezzük a hirdetmény felsõ részére. (185. Ábra) Konvertáljuk rajzzá a szöveget.
185. Ábra
2010.08.31
14:44
Page 223
6. Fejezet Készítsünk egy új réteget, és nevezzük Szöveg-nek. Importáljuk az Egyesült Államok.rtf szövegfájlt, mely az Oktató Cd-n található. Vigyük be az autó mellé, majd helyezzük át a szintet az Autó szintje fölé. Az importált szöveg mérete nagyon kicsi, ezért jelöljük ki, és állítsuk be a Times New Roman típusú betût a 48-as betûmérettel, és a Fehér színt, ha a szövegdoboz nem lenne elég nagy, kitágíthatjuk a fogók segítségével (186. Ábra).
186. Ábra A szöveg az autó fölé került, annak érdekében, hogy kövesse az autó oldalmetszetét, készítsünk egy újabb rajzot, egy olyan alakzatot, amely az autót. (187. Ábra)
223
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 224
Adobe Illustrator
187. Ábra Ha a szöveget esetleg elmozdítottuk, helyezzük vissza a reklámanyagra, majd jelöljük ki a szöveget, és az imént készített rajzot (Pointer + Shift), és válasszuk ki az Object > Text Wrap > Make parancsot.
224
Állítsunk be áttetszõ körvonalat az imént készített rajzunknak és igazgassuk el a szövegünket. (188. Ábra)
188. Ábra
2010.08.31
14:44
Page 225
6. Fejezet Készítsünk egy újabb szintet, nevezzük Alapszövegnek, és helyezzük az Út szintje fölé. Hozzunk létre egy olyan széles négyzetet, mint maga a hirdetmény, és helyezzük alulra. Töröljük a rajz színét, állítsunk be egy Fehér színt, az Appearance panelból válasszuk ki a Transparency hatást, és állítsuk be a 80%-os átlátszósági értéket (189. - 190. Ábra).
189. Ábra
225
illustrator.qxd
190. Ábra
illustrator.qxd
2010.08.31
14:44
Page 226
Adobe Illustrator Vigyünk be egy további szintet, nevezzük át Logo-nak. Importáljuk a teljes Logo fájlt, és vigyük fel a fehér színû négyzetre. Ezután vigyünk be a két szövegdobozt, és írjuk be a szlogent, valamint az iroda címét. A végeredményt a 191. Ábra mutatja.
191. Ábra
226
A készmunkát mentsük el!
illustrator.qxd
2010.08.31
14:44
Page 227
7. FEJEZET
2010.08.31
14:44
Page 229
7. Fejezet
1. Lecke A Roughen eszköz Ez az eszköz egy kijelölt görbét torzít, és ahhoz csomópontokat ad. A már tárgyalt Effect menüben található a Distort & Transform >Roughen menüpont alatt. (192. Ábra)
192. Ábra A Size sávba beírhatjuk (vagy beállíthatjuk) a torzítás mértékét 1-100 között. Az Edge pont: Relative esetén a torzítás szaggatott, míg az Absolute lehetõség lekerekített éleket képez.
229
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 230
Adobe Illustrator Készítsünk egy rajzot, kattintsunk az eszközre, és a tulajdonságokat rejtõ ablakban állítsunk be egy 0-tól 100-ig terjedõ értéket, és határozzuk meg a kontúrt (Relative vagy Absolute). Kattintsunk a rajzra, és láthatjuk, hogy minél jobban húzzuk az egeret a szélek annál cakkozottabbakká válnak. (193. Ábra)
230
193. Ábra
2010.08.31
14:44
Page 231
7. Fejezet
2. Lecke A Lasso, Spiral Tool, és az Arc Tool eszközök A Lasso eszköz Egy rajz kijelöléséhez, a Select, és Subselect eszközökön kívül használhatjuk a Lasso eszközt is. Ez az eszköz lehetõséget ad a szabad kézzel történõ kijelölésre, hogy kijelöljünk objektumokat, vagy pontokat a rajz belsõ kerületén. A Lasso eszköz megismeréséhez nyissuk meg a Teljes Logo fájlt. A logot csoportosítottuk ezért külön kell választanunk az Ungroup parancs segítségével, amit az Object menüben találunk. Az eszközpanelbõl válasszuk ki a Lasso (Q) eszközt, a kurzor formát vált. Ekkor jelöljük ki a logo középsõ csomópontjait úgy kattintva, hogy bejelöljük a kezdõpontot, és az eszközt úgy húzzuk el, hogy a logo középpontja kijelölõdjön, mint a 194. Ábrán.
231
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 232
Adobe Illustrator
194. Ábra Az elhúzás során egy vonal össze fogja kötni a kezdõpontot az eszköz csúcsával, ekkor még ne engedjük fel az egeret, mert a kijelölés még nem fejezõdött be. Az egér felengedésével minden csomópont, és a kijelölt munkaterületre helyezett rajzok módosíthatóakká válnak.
Az Arc Tool eszköz
232
Az Arc Tool eszköz segítségével íveket készíthetünk. A tulajdonságok ablakban pedig megváltoztathatjuk a beállításokat. Nyissunk egy új dokumentumot, válasszuk ki az Arc Tool eszközt a Tools palettából (195. Ábra).
2010.08.31
14:44
Page 233
7. Fejezet
195. Ábra Kattintsunk arra a pontra, ahol szeretnénk, hogy kezdõdjön az ív, és húzzuk el az egeret, annak bal gombjának lenyomva tartásával. Az ív görbülete az egér irányától fog függeni, a kezdõponthoz képest. (196. Ábra)
233
illustrator.qxd
196. Ábra
illustrator.qxd
2010.08.31
14:44
Page 234
Adobe Illustrator Egy kötött ív elkészítéséhez húzzuk az egeret, úgy, hogy közben lenyomva tartjuk a SHIFT gombot. Az ív paramétereinek megváltoztatásához kattintsunk kétszer az eszközre, és meg fog nyílni a tulajdonságok ablak (197. Ábra).
197. Ábra A Type legördülõ menüben beállíthatjuk milyen ívet szeretnénk, ha az Open-t jelöljük ki akkor nyitott ívet kapunk, ha a Close-t akkor pedig zártat.
A Spirál Tool eszköz
234
A 195. Ábrán mutatott Tools palettából kiválaszthatjuk a Spiral Tool eszközt, mellyel egy spirált készíthetjük el nagyon egyszerûen. Miután kiválasztottuk az eszközt, kattintsunk a lapra, és húzzuk az egeret a méret meghatározásához. Egy koncentrikus sugarú, és egységes távolságú spirált hoztunk létre. (198. Ábra)
2010.08.31
14:44
Page 235
7. Fejezet
198. Ábra Ebben az esetben ha kijelöltük a Spiral eszközt egy bal klikkel az üres lapra kattintva megnyílik egy ablak, ami a tulajdonságokat rejti (199. Ábra).
199. Ábra A Radius vagy Sugár meghatározza a spirál középpontja és legtávolabbi pontja közötti távolságot. A Decay vagy Csökkenés meghatározza azt a mértéket, amenynyivel a spirál minden egyes menete csökken az elõzõ menethez képest.
235
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 236
Adobe Illustrator A Segment vagy Szegmensek meghatározzák, hány szegmens található a spirálban. A spirál minden teljes menete négy szegmensbõl áll. A Stlye cellában beállíthatjuk a görbülés irányát, az óra járásával megegyezõ vagy ellentétes irányokban. A Spiral eszközzel nagyon különleges rajzokat készíthetünk: Készítsetek egy egységes spirált majd jelöljétek ki a Text on Path tool-t és érdekes szöveget készíthettek a segítségével. (200. Ábra)
236
200. Ábra
2010.08.31
14:44
Page 237
7. Fejezet
3. Lecke A Symbol Sprayer eszköz A Symbol Sprayer tulajdonképpen egy objektumkönyvtár, ahol a gyakran használt grafikai elemek találhatók és ahonnan ezek a képre teríthetõk. Használhatunk egy már a könyvtárban található képet, vagy készíthetünk akár egy újat is. Válasszuk ki a Symbol Sprayer eszközt a Tools palettából, mint a 201. Ábrán.
237
illustrator.qxd
201. Ábra
illustrator.qxd
2010.08.31
14:44
Page 238
Adobe Illustrator Az egér alakot vált, az irányzót húzzuk a lapon, úgy, hogy a bal gombot lenyomva tartjuk, ekkor megjelenik egy ismételt grafikus kép, befedve az egész rajzot. A rajzolásra váró kép kijelöléséhez válasszunk egyet a szimbólumok közül (202. Ábra).
202. Ábra A szokásos legördülõ menüt kiválasztva a szimbólumok tömkelege közül választhatunk tetszés szerint.
238
Válasszuk a Flowers menüpontot és ekkor egy új paletta jelenik meg melyben válasszunk egy általunk tetszetõsnek vélt virág mintájú kitöltést. Készítsünk egy új rajzot, bal gomb lenyomásával megjelenik egy sor virág, ha szeretnénk az egyes levelek is kijelölhetõk, és módosíthatók egyenként. (203. Ábra)
2010.08.31
14:44
Page 239
7. Fejezet
203. Ábra Ebben az esetben is az eszközre történõ 2x kattintással elõ lehet hívni a menü-t. (204. Ábra)
204. Ábra A Diameter avagy az átmérõ meghatározza az ecset átmérõjét. Az Intensity avagy az intenzitás meghatározza a változás mértékét. A magasabb érték gyorsabb változást eredményez, értelemszerûen az alacsonyabb pedig lassabbat. A Symbol Set Density vagy Szimbólumkészlet Sûrûsége meghatározza az egységnyi területen elhelyezett szimbólumok
239
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 240
Adobe Illustrator számát vagyis a sûrûségüket. Ha nagyobb sûrûséget választunk akkor az ecset által lefedett területen több szimbólumot helyez el az eszköz értelemszerûen ha kisebbet akkor pedig kevesebbet. Ha egy szimbólumkészlet ki van jelölve, akkor a készlet minden szimbólumpéldányának megváltozik a sûrûsége, nem csak az újonnan létrehozottaké. A legalsó paletta a Módszer paletta itt állíthatjuk be, hogy a Szimbólumaprító, Szimbólumméretezõ, Szimbólumpörgetõ, Szimbólumfestõ, Szimbólum-rácsrabontó és Szimbólumstílusbeállító eszközök hogyan befolyásolják a szimbólumpéldányokat. A Symbol Sprayer Tools további eszközei:
240
Symbol Scruncher vagy Szimbólumaprító Az eszköz a már meglévõ szimbólumpéldányok összegyûjtésére illetve szétszórására alkalmas. Kattintsunk a meglévõ szimbólumpéldányunkra és az eszköz segítségével bal gomb lenyomva tartása mellett mozgassuk a kurzort, megjeleníti az új helyüket, ha megvagyunk engedjük el a bal gombot és a szimbólumokat áthelyeztük. (205. Ábra)
205. Ábra
2010.08.31
14:44
Page 241
7. Fejezet Symbol Sizer vagy Szimbólumméretezõ Az eszköz a már meglévõ szimbólumpéldányok átméretezésére alkalmas. Hasonlóan mûködik mint az elõzõ eszköz. (206. Ábra)
206. Ábra Symbol Spinner vagy Szimbólumpörgetõ A már meglévõ szimbólumok forgatására használatos eszköz. A bal gomb lenyomása mellet, ha elhúzzuk a kurzort egy szimbólum csoport mellet kis kék nyilacskák jelennek meg, amik az új szimbólum irányát jelzik. (207. Ábra)
241
illustrator.qxd
207. Ábra
illustrator.qxd
2010.08.31
14:44
Page 242
Adobe Illustrator
242
Symbol Spinner vagy Szimbólumfestõ Egy szimbólumpéldány festése azt eredményezi, hogy a színezet a színárnyalat színéhez közelít, azonban az eredeti fényintenzitás megmarad. (Ugyanúgy mûködik, mint az árnyaló ecsetek Színárnyalatok és árnyalások színezési módszere.) Ez a módszer az eredeti szín fényintenzitását és a színezõ szín színezetét használja az új szín generálásához. Ennek eredményeképpen a nagyon magas vagy nagyon alacsony fényintenzitású színek nagyon kismértékben, a fekete és fehér objektumok pedig egyáltalán nem változnak.
illustrator.qxd
2010.08.31
14:44
Page 243
8. FEJEZET
2010.08.31
14:44
Page 245
8. Fejezet
1. Lecke Prospektus készítése (elsõ rész) A Blue Travel utazási iroda útjának ismertetéséhez a hirdetményen kívül készítsünk egy prospektus-t is. Az elkészítésre váró prospektus formátumának egyeznie kell egy, a kereskedelemben kapható boríték formátumával, 6 oldalból fog állni, minden oldal 90 mm széles, 200 mm magas legyen. Nyissunk egy új dokumentumot, tájoljuk vízszintes állásra. (legyen a neve: prospektus). Magasságnak 200 mm-t állítsuk be, szélességnek 270 mm-t, a Kötésbeli (Bleed) cellába írjuk be 5 mm-t. (208. Ábra)
245
illustrator.qxd
208. Ábra
illustrator.qxd
2010.08.31
14:44
Page 246
Adobe Illustrator Jelenítsük meg az oldalvonalzókat (View>Rulers), és az elsõ segédvonalat állítsuk 90 mm-re (a segédvonal megjelenítéséhez be kell kapcsolnunk a View>Guides>Show menüt), úgy, hogy határolja az A írott oldalt. Helyezzünk el egy újabb segédvonalat 180 mm-re, hogy határolva legyenek a B, és C oldalak is, és így beállításra került a prospektus külsõ része. (209. Ábra)
209. Ábra A belsõ rész elkészítéséhez vegyünk egy új lapot, ugyanazokkal a beállításokkal.
246
A prospektus tördelésének megértéséhez vegyünk egy lapot, hajtsuk 3-ba, és nevezzük át, mint a 210. Ábrán.
2010.08.31
14:44
Page 247
8. Fejezet
210. Ábra A C oldal lesz a fedõlap, a B a hátoldal, míg az A, a prospektus belsõ oldala lesz. A prospektust kinyitva a D oldalt fogjuk elõször látni, az A-val együtt, és az egész prospektus kinyitásával az E, F oldalakat is láthatjuk.
Az A, B, C oldalak Kezdjük elkészíteni a prospektus -t. Hogy a reklámanyaggal egyezõ stílust kapjuk, importáljuk a 6. fejezetben létrehozott reklámanyag fájl-t, és helyezzük a montázsasztalra. Jelöljük ki az összes rajzot, amibõl a reklámanyag áll. A Transform paletta (211. Ábra) segítségével kicsinyítsük le 30%-al.
247
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 248
Adobe Illustrator
211. Ábra Mivel a reklámanyag a rétegek használatával készült, minden komponenst használhatunk áthúzva õket a reklámanyagból a prospektusba. 1. 2.
248
3. 4.
Jelöljük ki a logot, és a címet, húzzuk át õket a prospektus B oldalára, és helyezzük alulra. Jelöljük ki a szlogent (nagyítsuk meg a SHIFT gomb lenyomva tartásával, hogy megmaradjanak az arányok) és helyezzük a cím alá. Duplikáljuk a logot, és húzzuk a C oldalra, felülre. Jelöljük ki a kezdõ szöveget (New York-i Utazás), és az autót, majd húzzuk a prospektusba (C oldalra), mint a 212. Ábrán.
212. Ábra
2010.08.31
14:44
Page 249
8. Fejezet 5.
A C oldalra helyezzük a hirdetmény összes többi elemét, kivéve a fehér téglalapot. Az összes rajz elemét csoportosítsuk egyetlen objektummá. (213. Ábra)
213. Ábra 6.
Ezen a ponton be kell, hogy vigyük egy szöveget az autó alá.
Most készítsünk egy fix méretû szövegdobozt, 14 Pt-s betûmérettel, fehér színnel, majd vigyünk be a következõ szöveget: "Felejthetetlen utazás sportos autókon". 7. 8.
Most az A elõlapra vigyük be az Oktató Cd>Eszközök és Gyakorlatok>Leírások>Az Amerikai álom.rtf fájl-t. Kettõs kattintással hozzuk elõ a Text Toll beállításait (214. Ábra), és a (W) és (H) cellában állítsuk be a 81 mm, és 107 mm, majd a 12 Pt betûnagyságot.
249
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 250
Adobe Illustrator
214. Ábra Vigyük be a NewYork3.jpg, és Brook _ Bridge.jpg képeket, melyek az Oktató Cd>Eszközök és Gyakorlatok> Képek>Város mappában találhatók. 10. Állítsuk be kézzel a méreteket, és helyezzétek el úgy, mint ahogyan a 215.ábrán látható.
250
9.
215. Ábra A kész prospektus mentsük el!
2010.08.31
14:44
Page 251
8. Fejezet Kapcsolt vagy, importált fájlok? Nem minden az Illustrator által bevitt bitmap kép épül bele a dokumentumba, hanem a program csak emlékezik a folyamatra, ezért, ha törlünk, vagy áthelyezünk egy képet annak a dokumentumnak a megnyitásakor, ami használja azt, a parancs törlésekor megjelenik egy áthúzott téglalap. Ez a funkció (kikapcsolható) arra való, hogy a végsõ dokumentum minél tömörebb, és könynyebben továbbítható legyen. A nyomtatási kép során megjelenített képek alacsony felbontásúak, de nagyobb felbontásúak lesznek a nyomtatás során.
251
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 252
Adobe Illustrator
2. Lecke Prospektus készítése (második rész) Nyissuk meg az elõzõ fejezetben létrehozott fájlt. Most annak belsõ részében kell majd dolgoznunk, vagyis a D, E, és F oldalakon. (216. Ábra)
252
216. Ábra Elõször is helyezzük el a segédvonalakat, melyekre a prospektuson található különbözõ objektumok sorba rendezésénél lesz szükségünk: Ennek legegyszerûbb módja, ha a lapot körbevesszük egy téglalappal, majd az Object > Path > Split Into Grid menüpon-
2010.08.31
14:44
Page 253
8. Fejezet tot választjuk. Itt beállíthatjuk milyen ráccsá szeretnénk konvertálni a téglalapunkat. A Colums-ban válasszunk 3-at és a Gutter (térköz) pontban pedig állítsunk be 0-át. (217. Ábra)
217. Ábra Ok gomb megnyomása után láthatjuk, hogy a téglalapunk felvette az általunk kívánt formát. Más dolgunk nem maradt, mint hogy segédvonallá konvertáljuk. Ehhez menjünk a View > Guides > Make Guides menüpontra. (218. Ábra)
253
illustrator.qxd
218. Ábra
illustrator.qxd
2010.08.31
14:44
Page 254
Adobe Illustrator Láthatjuk, hogy miután elvégeztük az átalakítást a vonalaink átvették a segédvonalak színét és mostantól úgy is viselkednek. (219. Ábra)
219. Ábra Áttérve a kézzel, vagy koordináták által importálható, és elhelyezhetõ képek témájára, azt láthatjuk, hogy ezeknek a fájloknak különbözõek a méretei, de az Illustrator lehetõvé teszi módosításukat, mint ha rajzok lennének. Importáljuk egyenként az Oktató Cd>Eszközök és Gyakorlatok>Képek>Város mappában található képekbõl tetszõlegesen ötöt és az USA _térkép.gif képet.
254
A képeket a 220-os Ábrán látható módon helyezzük el.
2010.08.31
14:44
Page 255
8. Fejezet
220. Ábra
Szöveg bevitele Vigyük be az Oktató Cd>Eszközök és Gyakorlatok> Leírások>Universal Studios.rtf fájl-t. Helyezzük az D betû által jelölt területre (a két kép közé), és méretezzük át a szövegdobozt az irányzók segítségével. Állítsuk be az Arial betûtípust, 12-es mérettel. Most vigyünk be öt szövegdobozt és kössük össze õket, úgy, hogy a szöveg szétosztódjon, kivéve az elsõt, mint ahogyan le van írva a 3. fejezet 2. leckéjében. (221. Ábra)
255
illustrator.qxd
illustrator.qxd
2010.08.31
14:44
Page 256
Adobe Illustrator
221. Ábra
256
A kész prospektust mentsük el! (222. Ábra)
222. Ábra
