PDA

Przejdź do pełnej wersji tego Forum : Animacja tekstu - Photoshop


Kowalski
10-06-2009, 22:38
ponieważ wiele osób prosi o avatary z animowanym napisem dam tutaj tutki z których sam się nauczyłem kiedyś robić animacje, po tym każdy powinien juz załapać o co w tym chodzi i będzie mógł stosować własne efekty :piwo:
(zaznaczam że tutki nie są mojego autorstwa)

1.

http://iv.pl/images/crbqtlmnfg5jtsum38.jpg


2.
Zrobiłem przykładowy napis w PS. Dalej tworzymy nową warstwę (Shift+Ctrl+N) i narzędziem Marquee Tool (M) - Zaznaczenie prostokątne zanzaczamy mniej więcej jak na rysunku:

http://www.e-grafik.pl/images/uploaded_pictures/83c81671da30dafc037eacb0a15db82a.png
Wybieramt Gradient Tool (G) i nakładamy go na nasz rysunek. Natępnie wybieramy Magic Eraser Tool (E) - Magiczna gumka i usuwamy kolor czarny z obrazka, jak widać poniżej:


http://www.e-grafik.pl/images/uploaded_pictures/5647c5e9273db81024cf8ec3cbfdf3a7.png

Przechodzimy do Blendng Options - Opcje Mieszania i ustawiamy Difference (lub co chcemy). Klikamy na naszą warstwę z gradientem ppm (w tym okienku po prawej stronie) i wybieramy Create Clipping Mask (pojawi się strzałka w dół od warstwy z gradientem do warstwy z tekstem).
Zapisujemy w *.psd i przechodzimy do ImageReady.

W IR przesuwamy naszą warstwę z gradientem przed (obok) tekst(u) lub na początek (w pierwszej klatce animacji i ustawiamy czas 0,1s).
Oczywiście tu jak ustawicie zależy od Was.


http://www.e-grafik.pl/images/uploaded_pictures/ae502480b251c3914b93b50c7da9c17d.png
Klikamy na Duplicates current frame i w nowej klatce animacji przesuwamy nasz gradient na drugą stronę (np. za tekst) za pomocą narzędzia Move Tool (V) - Przesunięcie.

Dalej w okienu z animacją klikamy na pierwszą klatkę i korzystamy z funkcji Tween (Tween With - Zmieszaj z: mamy ustawione na Next Frame - Następna Klatka; Frames to Add - Ramki do dodania dajemy, np. na 20).

Następnie klikamy na naszą ostatnią klatkę i ponownie użyjemy funkcji Tween (Tween With - Zmieszaj z: mamy ustawione na First Frame - Pierwsza Klatka; Frames to Add - Ramki do dodania mamy takie samo jak poprzednio).

I animacja gotowa:

http://www.e-grafik.pl/images/uploaded_pictures/7eec08144ce7e9dfc01ec839cc712a6d.gif