Felfelé szálló alakzatok - animáció

A tutorialhoz Photoshop CS3 szükséges, a végeredmény pedig egy ilyen animáció lesz:

Első lépésként nyissunk két darab új átlátszó dokumentumot, 200 X 200 pixeleseket: (Tehát két teljesen ugyanolyan üres képet kell, hogy lássunk)

A két képre készítsünk két különböző színnel alakzatokat, amik majd később el fognak csúszni egymás alatt, felfelé fognak szállni. Én csillagot használtam, amit az Assorted brushes-ecsetekben találtam. Bármilyen alakzat jó, akár lehetnek pöttyök is, mindegy. A két szín pedig ez: #3279db és ez: #eba535 volt nálam. Lehetőleg helyezzük az alakzatokat úgy el, hogy ne fedjék egymást majd, mint ahogy az a képen is látható.

Ha ezzel meg vagyunk, menjünk az "Edit > Define Pattern" menühöz, és mentsük el patternként mindkét képet.

Zárjuk be a két patternként elmentett képet, ezekre már nincs szükségünk. Nyissunk két új dokumentumot átlátszó háttérrel, az egyik legyen 200 X 400 pixel nagyságú, a másik pedig 200 X 600-as. Azért különböző a magasságuk, mert különböző gyorsasággal fognak így a színes alakzatok felfelé szállni(elcsúszni egymás felett).

Töltsük ki őket az előbb létrehozott patternekkel: Menjünk az "Edit > Fill" menübe, és töltsük fel a különböző színű patternekkel a két dokumentumot.

Állítsuk vissza az alapértelmezett elő és háttérszíneket(fekete/fehér) "D" gyorsbillentyűvel, vagy klikk a kis ikonra,

és fordítsuk meg a színeket a kis nyíllal, hogy a fehér legyen felül:

Nyissunk még egy új dokumentumot 200 X 200 pixeleset, fekete háttérrel(válasszuk a Background color-t a lenyílóban).

Most 3 darab dokumentumunk van megnyitva. A Move toollal (V)ragadjuk meg és húzzuk rá a 200 X 400-as, és a 200 X 600-as dokumentumainkat a fekete hátterű 200 X 200-as dokumentumunkra. Igazítsuk el a színes layereket úgy, hogy a fekete dokumentum felső szélén legyen a színes rétegek felső széle, valahogy így:

Ha így elrendeztük őket, akkor elvileg az alakzatok(csillagok) nem fedik egymást és mindegyik színes réteg alja "lelóg" a fekete képről. Elérkeztünk a lényeghez, az animációhoz. Klikk a "Window > Animation" parancsra, ezzel megnyílik a Photoshop animáció szerkesztő ablaka.

A két átlátszó dokumentumot az alakzatokkal be is zárhatjuk, már nincs rájuk szükség. Egy dokumentum maradjon előttünk, ez pedig a fekete hátterű 200 X 200-as, rajta az alakzatokkal(kék és sárga layer). Klikkeljünk az animáció ablakában a kis ikonra, hogy megduplázzuk a kijelölt Frame-et(képkockát).

Most jelöljük ki a második képkockát az animáció szerkesztőben. A következőkben mindkét alakzatos layert el fogjuk mozgatni a mozgató eszközzel (V) felfelé, a fekete háttér alsó széléig. Tehát: jelöljük ki a layer 1-et a layer palettán, nálam ez a kék csillagos.

A Move toollal(V), vagy a nyíl billentyűkkel toljuk fel a layer1-et egészen addíg, amíg a kijelölés(a szaggatott vonal a layer körül) fel nem ér a fekete layer( background) aljáig.

Csináljuk meg ezt a műveletet a layer2-vel is, a sárga alakzatos layerrel. Elérkeztünk a tutorial utolsó műveletéhez. CTRL+klikkel jelöljük ki mindkét filmkockát az animáció szerkesztőben, majd nyomjuk meg a Tween gombot. Használjuk a következő beállításokat:

Az animáció szerkesztőben a Play animation gombra kattintva meg is tekinthetjük az animációnkat. Mentéshez válasszuk a "File > Save For Web" menüt és használjuk a következő beállításokat:

Remélem mindenkinek sikerült végigcsinálni a tutorialt. Ez volt az első tutorialom itt, köszönöm a lehetőséget! Ezt a tutorialt a www.tutorialized.com oldalon tanultam meg.