Optikai csalódások létrehozása Adobe Illustrator segítségével
Bevezetés:
Sziasztok kedves PSD-közösség. Örömmel üdvözlöm titeket ismét az egyik tanulmányomhoz. A mai útmutatóban az optikai csalódások témáját vesszük górcső alá. Négy optikai csalódást állítottam össze számotokra, és most lépésről lépésre együtt fogjuk létrehozni őket az Adobe Illustratorban.
Optikai csalódás 01:
Ebben a grafikában több kör látható, és középen egy négyzet, amelynek oldalai befelé vannak görbítve.
Mi lenne, ha azt mondanám nektek, hogy a középső négyzetnek abszolút egyenes oldalai vannak? Nem hiszitek? Na, akkor húzzatok csak egy vonalzót az oldalakhoz. Meg fogjátok állapítani, hogy az igazat mondtam. :-).

Mértékegységek:
Mielőtt végre elkezdenénk a tényleges útmutatót, szeretném kérni tőletek, hogy ellenőrizzétek a mértékegységek beállításait. Ebben az útmutatóban kizárólag a milliméter mértékegységgel fogunk dolgozni. Ha ezt már beállítottátok, akkor közvetlenül léphettek a 1. lépésre.
Az egységek beállításához a Mac-en a felső menüsorban kattintsatok az Illustrator>Beállítások>Egység... lehetőségre. (02. ábra).
A PC-n az Szerkesztés>Beállítások menüpontot választjátok, majd a Egység... fülre kattintotok.

A következő ablakban átállíthatjátok az egységeket milliméterre. (03. ábra).

1. lépés: Kör létrehozása
Az Illustratorban először kattintsatok az Fájl>Új lehetőségre. A megjelenő párbeszédpanelen válasszatok egy vízszintes formátumot DIN A3-ban (akár más formátumot is választhattok).

Mivel ennek az optikai csalódásnak néhány körpályára van szüksége, először válasszátok ki az Ellipszis eszközt a Eszköztár-ból. Ezt a Négyzet eszköz alatt találjátok, hosszan kattintva lehet hozzáférni. Alternatív módon nyomhattok egy hosszabb L billentyűt a billentyűzeten.
A Ellipszis eszközzel kattintsatok egy tetszőleges helyre a munkaterületen. Ezzel a kattintással megjelenik egy párbeszédpanel, amelyben beállíthatjátok az ellipszis méretét. Az Szélességnél 150mm értékre van szükség. Mivel egy kört szeretnétek, természetesen ugyanezt az értéket adjátok meg a Magasság-nál is. Az Keret-vastagság esetén állítsatok be 0,5pt-t.

2. lépés: Körök duplikálása és méretezése
A következő lépésben ezt a kört többször ismételjük meg és egyenletesen nagyítjuk. A legjobb erre, ha a felső menüsorban kiválasztjátok az Objektum>Átméretezés opciót.
A megjelenő ablakban adjatok meg egy 1200%-os értéket.
Mivel ezt a nagyítást a kör másolatára szeretnétek alkalmazni, erre a párbeszédpanelre kattintsatok a Másolat gombbal. Ha az OK gombra kattintotok, akkor a kör nem lesz másolva, hanem a meglévő kör nagy lesz, és a kicsi eltűnik. Ezért mindenképpen kattintsatok a Másolat gombra.

A további körök létrehozásához szükségetek lesz a Igazítás eszközre. Ezt megtaláljátok a Eszköztár-ban a Színkártya mellett. Kattintsatok duplán az Igazítás eszközre, majd állítsátok be a Meghatározott lépések-et 10 értékre a megjelenő ablakban.

A OK gombra kattintás után először a kis körre (Kattintás 1), majd a nagy körre (Kattintás 2) kattintsatok. Az Igazítás eszköz automatikusan létrehozza a még hiányzó 10 belső kört (lásd 08. ábra).

3. lépés: Négyzet létrehozása
Most már csak a négyzet hiányzik. Ezt készítjük el a Téglalap Eszközzel. Az M billentyű lenyomásával azonnal elérhetővé válik a Téglalap Eszköz. Pontosan úgy, mint a Ellipszisnél korábban, egyszerűen kattintsatok valahová a munkaterületen. Ezt követően ismét megjelenik az ablak, ahol beállíthatjátok a méretet. Itt állítsatok be 112mm-es méretet a Szélesség és Magasság mezőknél. A Kontúr-Vastagság szélésnél válasszátok ki, ahogy korábban, az 0,5pt értéket.

4. lépés: Optikai csalódás befejezése
Az utolsó lépésben kijelölitek a köröket és a négyzetet. Több objektum egyidejű kijelöléséhez tartsd lenyomva a Shift billentyűt, miközben kijelölöd a két objektumot.
Most szükségetek lesz az Igazítás Palettára. Ezt a View>Igazítást alatt találjátok.
Itt már csak egyszer kell kattintanotok az Horizontális Igazítás és egy alkalommal az Vertikális Igazítás gombra (lásd 10. ábra).

Optikai csalódás 02:
A második optikai csalódás a nagy és a kicsi közötti arányról szól. A bal oldalon a középső pont sokkal kisebbnek tűnik, mint a jobb oldalon. Valójában azonban ezek a két pont pontosan ugyanakkoraak. Az optikai csalódás kialakításakor meg kell tanulnod a Mozgatás Párbeszédablakát és a Forgatás Eszközt.

1. lépés: Munkaterület létrehozása
Mielőtt elkezdenéd a kialakítást, szükséged lesz egy új munkaterületre. Ezt újra a Fájl>Új menüpont alatt hozod létre. A megjelenő ablakban válaszd a DIN A3 formátumot (de természetesen újfent választhatsz saját formátumot is).
A munkaterület létrehozása után legelőször középpontot kell létrehozni az első kör számára. A Rácsokat a Parancs+R vagy Ctrl+R billentyűk lenyomásával jelenítheted meg.
A bal egérgomb lenyomva tartásával most már húzhatsz Mentővonalakat a Rácsból. Szükséged lesz egy vízszintes Mentővonalra és egy függőleges Mentővonalra (kb. középen). (13. ábra).

Most elérkezett az idő, hogy ellenőrizzétek, aktív-e a Smart Guides, ami a Nézet>Smart Guides menüpont alatt egyszerűen ellenőrizhető. Ha ezen a ponton még nincs pipa, akkor kattints egyszer rá az aktiválás érdekében.

2. lépés: Az optikai csalódás bal felének létrehozása
A következő lépésben vegyétek elő az Ellipszis Eszközt és kattintsatok a korábban létrehozott Mentsvonalak közepére, miközben lenyomva tartjátok az Alt billentyűt.
A megjelenő párbeszédpanelben adjatok meg egy 38x38mm-es méretet. Annak köszönhetően, hogy előtte nyomva tartottátok az Alt billentyűt, a létrehozott kör közvetlenül a középpontból keletkezik.

A Command+C és Command+F (PC-nél: Ctrl+C és Ctrl+F) parancsokkal másoljátok át ezt a kört és illesszétek be ugyanarra a helyre. Most a felső menüsávon kattintsatok az Objektum>Átalakítás>Méretezés opcióra. Itt adjatok meg egy 150%-os Egyenletes értéket, majd nyomjátok meg az OK gombot.

Ezt követően ezt a kört 55mm-rel felfelé kell elmozdítani. Azt könnyedén megtehetitek, ha újra rákattintotok az Objektum>Átalakítás>Elmozgatás opcióra. A Vízszintes értéknél hagyjátok meg a 0mm-es értéket, míg a Függőleges értéknél -55mm-t adjatok meg. (Mínusz, mivel felfelé és nem lefelé kell elmozdítani).

Ez a nagyobb kör most egyenletesen elosztva kell legyen a kisebb kör körül. A Eszköztáron megtalálható a Forgatás eszköz. Ha most ismét megnyomva tartjátok az Alt billentyűt és a középpontra kattintotok, akkor közvetlenül ezen az tengelyen foroghatjátok a kört.
Amint talán a vízelőzetes képen már láttátok ezt az optikai csalódást, pontosan öt olyan kört kell létrehoznotok, amelyek egyenletesen elosztottak a középső kör körül. Mivel egy kör ismert módon 360°-os, egyszerűen megadhatjátok a Forgatás párbeszédpanelben, hogy 360/5. Illustrator ebben az esetben annyira okos, hogy megérti ezt a kiszámítást és azonnal megmutatja az eredményt (így megspórolhatjátok az fejben számolást). Most azonban fontos, hogy ne az OK gombra kattintsatok, hanem a Másolásra. Ezzel az eredeti kör megmarad, és annak másolata lesz elforgatva.

A Command+D parancs (PC-n: Ctrl+D) használatával ezt a folyamatot még háromszor meg tudjátok ismételni.

2. lépés: Az optikai csalódás bal oldalának létrehozása
Ezzel az optikai csalódás legnagyobb része elkészült. Ahhoz, hogy a jobb oldal létrehozása a kisebb körökkel, először az összeset jelöljétek ki a Command+A (PC-n: Ctrl+A) használatával, majd tartva az Alt billentyűt, hozzatok létre egy másolatot a jobb oldalon belőlük.

A többi már csak apró munka. Most minden öt kör közül egyet kell elkapnotok és mindig az Objektum>Átalakítás>Méretezés lehetőséggel 15%-ra kell csökkentenetek.

Elkészült a második optikai csalódás:

Optikai csalódás 03:
Most közvetlenül a harmadik optikai csalódás létrehozásával folytatjuk. Ebben a csalódásban szemünknek azt próbáljuk elhitetni, hogy a vonalak és a négyzetek (különösen a középső területen) erősen balra vagy jobbra lejtnek. Valójában azonban a vonalak és a négyzetek pontosan vízszintesen vannak igazítva.

1. lépés: Készüljünk el!
Hogy megvalósítsuk ezt az optikai csalódást, első lépésként a Négyzet eszközzel egy 15x15 mm-es négyzetet kell létrehoznotok.

Ebből a négyzetből 9 másolatra van szükségünk 15 mm-es távolsággal egymás között vízszintesen.
Ehhez ismét menjetek a Objektum>Átalakítás>Mozgatás menüpontba. A megjelenő ablakban adjatok meg egy 30 mm-es értéket annak érdekében, hogy pontosan egy 15 mm-es hézag legyen a következő négyzet között. Erre a párbeszédpanelre kattintva erősítsétek meg ezt egy Másolás kattintással.

A Command+D parancs (PC-n: Ctrl+D) használatával még további hét másolatot hozzatok létre.

A következő lépésben válasszátok ki a Vonal eszközt a Eszköztárból, és rajzoljatok egy vízszintes vonalat közvetlenül a négyzetek felső széléhez. Ügyeljetek rá, hogy a vonal mindkét oldalon túllógjon egy kicsit, ahogyan a bal oldali ábrán is látható. (Vonalszélesség: 1 pt).

Ezután jelöljétek ki az összes négyzetet a most éppen rajzolt vonallal együtt, majd ismét hívjátok elő a Mozgatás párbeszédpanelét az Objektum>Átalakítás>Mozgatás lehetőséggel. A Vízszintesen adjatok meg 0 mm-t, a Függőlegesen 15 mm-t. Ezt a párbeszédpanelt is erősítsétek meg egy Másolás kattintással.

A Command+D parancs (PC-n: Ctrl+D) használatával még további hét másolatot hozzatok létre.
Az utolsó másolat elkészítésekor húzzatok egy vonalat a négyzetek alsó szélére, hogy az egészet szépen lezárhassátok. Ezután úgy kell kinéznie, mint a 29. ábrán.

2. lépés: Az optikai csalódás befejezése
Az optikai csalódás befejezéséhez mindig meg kell választanotok a négyzetek egy sornyi darabját a Kiválasztás Eszközzel, és nyomógombokkal különböző irányokba kell mozgatnotok azokat. Ha mindezt minden sorral megcsináljátok, úgy tűnik majd, mintha a vonalak és a négyzetek mindkét irányban ferde lennének.

Optikai csalódás 04
Most már elérkeztünk ennek a bemutatóban szereplő utolsó optikai csalódáshoz is.
Ebben a csalódásban úgy tűnik, mintha a hosszú vonalak különböző szögekben állnának egymáshoz képest. Valójában azonban ezek pontosan 45°-os szöget zárnak be egymással. Ez a csalódás azért jön létre, mert a rövid vonalak mindig váltakozva vannak elhelyezve vízszintesen és függőlegesen a 45°-os vonalak mentén. (Most túl sok információ volt egyszerre? Ne aggódjatok! Amikor elkészítitek ezt a csalódást, érteni fogjátok, miről beszélek. :-) ).

1. lépés: Vonalak elkészítése
Első lépésként készítsetek egy új munkafelületet DIN A3 formátumban. Ezután vegyétek elő a Vonal Eszközt és kattintsatok egyszer a munkafelületre. Most megjelenik egy ablak, ahol beállíthatjátok a vonal Hosszát és a Szögét. Adjatok meg egy Hosszt 300mm-nek és egy Szöget 45°-nak, majd erősítsetek az OK gombbal.

A Objektum>Átalakítás>Elmozdítás funkcióval 40mm-re elmozdítjátok a vonalat jobbra, majd jóváhagyjátok az egészet a Másolás opcióval.

Most ismét elővehetitek a Vonal Eszközt. Ezúttal egy 30mm-es Hosszt és 0°-os Szöget állítotok be. Ezt a vonalat most középre helyezitek, ahogy az az első vonal alján látható képen is van.

A következő lépésben ismét az Elmozdítás-Panelt hívjátok elő. Objektum>Átalakítás>Elmozdítás.
Ebben a lépésben mindkét irányban el kell mozdítanotok. Adjatok meg 30mm-t Vízszintesen és -30mm-t Függőlegesen. Erősítsétek meg a Másolás gombbal, majd duplikáljátok meg az egészet a Command+D gyorsbillentyűvel (PC-n: Ctrl+D).

Ezután az egésznek kb. így kell kinéznie. (36. ábra).

Most hozzá fogtok látni az utolsó lépéshez. Vegyétek elő újra a Téglalap Eszközt és húzzatok egy téglalapot közvetlenül az összes vonalatok fölé (lásd a 40. ábrát).

2. lépés: Keret létrehozása
Ezután mindent kijelöltek. A leggyorsabb módja ennek a Command+A billentyűkombinációval történik (PC-n: Ctrl+A). Kattintsatok jobb gombbal a téglalap közepére, majd válasszátok ki a Klipmaszk készítése lehetőséget. Ezzel azok az elemek lesznek elrejtve, amelyek nem láthatóak.

Most csak még egyszer alkalmazzatok egy kontúrt a Klipmaszkra, hogy szép keretet kapjatok. És elkészült az utolsó optikai csalódás.

Zárszavak:
Remélem, élveztétek a bemutatót, és most már ti is tudtok néhány szép optikai csalódást létrehozni. Mint bizonyára észrevettétek, néhány parancs ismétlődik Illustratorban, és egészen biztos vagyok benne, hogy miután végigcsináljátok ezt a bemutatót, soha nem fogjátok elfelejteni, mire használható a Mozgatás párbeszédpanel és a Command+D gyorsbillentyű (PC-n: Ctrl+D).
Ha további kérdéseitek vannak a témával kapcsolatban, írjátok meg őket a hozzászólásokhoz. Igyekszem azokra időben válaszolni.
Szép üdvözlettel
Julian