[tutorial photoshop] Animowane wyładowania elektryczne

Teraz pokażę Wam jak zrobić animowane błyskawice. Grafiki w tutorialu były robione “na szybko”, oczywiście można to zrobić dokładniej :).

efekt.gif

Krok 1 Poszukajmy jakiejś grafiki, na której będą uziemienie i źródło błyskawicy. Ja zrobiłem coś takiego:

tlo.jpg

Krok 2 Na nowej warstwie za pomocą narzędzia Brush tool / Pędzel kolorem białym rysujemy pierwszą błyskawicę. Jej boki muszą być lekko wtopione w tło.

blysk1.jpg

Krok 3 W stylu warstwy dodajemy Inner glow / Środkowa poświata z takimi parametrami:

layer-style.jpg

w zależności od grubości błyskawicy polecam pobawić się wielkością glow’a (size).

Krok 4 Teraz powtarzamy kroki numer dwa i trzy kilka razy (w tutorialu: 3). Dzięki temu będziemy mieć 4 warstwy z błyskawicami. Chwilowo efekt może nas zniesmaczyć, gdyż będą one na siebie nachodzić.

kilka-blyskawic-naraz.jpg

Krok 5 Teraz musimy to przerzucić do Image Ready. W tym celu w oknie narzędzi klikamy ostatni na samym dole przycisk.

image-ready-poczatek.jpg

Krok 6 W Image Ready w oknie Layers / Warstwy zmniejszamy widoczność wszystkich poza jedną, dowolną błyskawic do zera.

opacity-poczatek.jpg

Krok 7 W oknie Animation / Animacja klikamy na przycisk przedstawiający kartkę z zagięciem nowa-klatka-przycisk.jpg

Krok 8 Teraz w drugiej klatce (nowoutworzonej) ponownie zmieniamy (jak w kroku 6) widoczność błyskawic do zera, pozostawiamy widoczną tylko jedną (tym razem inną).

Krok 9 Powtarzamy kroki 7 i 8 kilka razy. Dzięki temu powinniśmy mieć kilka klatek, a na każdej z nich widoczną inną błyskawicę (w tutorialu: 4 kratki).

Krok 10 Teraz klikamy na drugą klatkę aby ją zaznaczyć. Potem wybieramy następującą opcję:

tween.jpg

Stosujemy następujące parametry:

tween-parametry.jpg

Krok 11 Teraz między klatkami 1 i 2 pojawiła się nowa klatka, a klatka nr 2 zmieniła swój numer na 3.

Krok 12 Powratzamy krok 10 na każdej klatce z widoczną jedną błyskawicą. Pamiętajmy, że każdorazowo po zastosowaniu opcji Tween numery klatek ulegają zmianie!

Gotowe!

efekt.gif

Komentarze mile widziane.

Złączono Posta : 28.03.2006 (Wto) 20:03

Dla mniej kumatych załączam plik PSD: http://83.14.145.2/rafal/dobreprogramy/ … rojekt.psd

Uwaga! Otwieramy go za pomocą Image Ready.