Opis
wykonania animacji RYBKA
W programie Photoshop wykonaj punkty 1-4.
- Utwórz obrazek 200x100 pikseli (długość i wysokość), 72 ppi,
RGB, przedstawiający rybkę na przezroczystym tle.
- Wykonaj cień na przezroczystym tle i przesuń go 10 pikseli w
prawo i dół.
Dla niezorientowanych podaję skrócony opis tworzenia cienia. Cień
wykonujemy powielając warstwę z obiektem (na przezroczystym tle) i
pokrywając czernią cały obiekt. Teraz zostało tylko użyć filtra
rozmywającego i zmienić krycie warstwy. Oczywiście kopię
zawierającą cień przesuwamy pod warstwę z obiektem.
- Utwórz nową, przezroczystą warstwę na przyszłe tło i ustal
kolejność warstw od góry: rybka, cień, tło.
- Utwórz nowy dokument (400x400 pikseli, 72 ppi, RGB), przełącz
się na kolory domyślne i ustal kolor narzędzia: 102, 102, 204.,
kolor tła: 6, 244, 242.Wykonaj poniższe czynności:
- - Filtr - Rendering - Chmury -
- - Obrazek - Wielkość obrazka - zmień wielkość obrazka na
100x100 pikseli.
- - Zaznacz - Wszystko - oraz - Edycja - Definiuj wzorek -
- Uaktywnij obrazek z rybką i kliknij w warstwę z przezroczystym
tłem.
- - Edycja - Wypełnij - Wzorkiem -
Mając gotowy i zapisany (pod tytułem RYBKA2) obrazek, możesz
uruchomić moduł PhotoAnimator firmy EXTENSIS.
- - Extensis - PhotoAnimator - oraz - New Animation - Cancel -
oraz - File - Open - wybierz plik RYBKA.
- W utworzonym oknie wybierz:
Vertical Grouped (layers) - gdyż chcesz aby warstwy z Photoshopa
utworzyły warstwy(nie klatki) w PhotoAnimatorze. Top to Bottom.
Layer Images - Import. Zapisz plik zleceniem: - File - Save -
RYBKA3.paf. W części interfejsu pt. Layer Pane- kliknij w warstwę
Tło, następnie: - Animation - Frame Size - i ustal wymiary:
Width=100, Height=100. Jak zauważyłeś warstwa Tło powinna być 2x
dłuższa niż wartość wpisana przed chwilą (gdyż będziemy animowali
tą warstwę).
- Kliknij podwójnie na podglądzie ryby w pierwszej kolumnie
palety Filmstrip Pane.
- Kliknij na lewej siatce, na środku i wpisz wartości X, Y = 0, 0
(zero).
- Kliknij podwójnie na podglądzie cienia w pierwszej kolumnie
palety Filmstrip Pane.
- Kliknij na lewej siatce, na środku i wpisz wartości X, Y = 7,
7.
- Kliknij podwójnie na podglądzie tła w pierwszej kolumnie palety
Filmstrip Pane.
- Kliknij na lewej siatce, na lewym skraju pośrodku i wpisz
wartości X, Y = 0,0.
- Zaznacz Move To. Kliknij na prawej siatce, na prawym skraju
pośrodku i wpisz wartości X, Y = 0,0.
- Zatwierdzamy przyciskiem - OK. -.
- Na warstwie Tło, w palecie Filmstrip ustaw kursor przy prawej
krawędzi komórki.
- Gdy zamieni się w podwójną strzałkę, przesuń ramkę do klatki
10. Rozszerzy to tło na 10 klatek.
- Ukryj warstwy Rybka, Cień klikając na panelu Layer Pane w ikonę
o kształcie oka.
- Kliknij w przycisk Loop Playback w palecie Preview Pane.
- Następnie przyciśnij (krótko) SPACJĘ lub przycisk Play. Tło
będzie się animować w pętli.
- Gdy efekt animacji tła będzie zadowalający, uaktywnij warstwy
Rybka, Cień.
- Zaznacz warstwę Rybka i w palecie Filmstrip rozszerz ją do 10
klatek. Powtórz to samo z warstwą Cień. Jeżeli uruchomisz animację,
uzyskasz nieruchomą rybkę na przesuwającym się tle. Kliknij w
przycisk Loop Playback w palecie Preview Pane. Następnie przyciśnij
(krótko) SPACJĘ lub przycisk Play. .Dodamy ruch do rybki i jej
cienia.
- Zmień długość animacji, tak aby warstwa Rybka i Cień miały po 5
klatek animacji.
- Zmiany ilości klatek wykonuje się jak już wiesz, przeciągając
kursorem prawą krawędź ramki na danej warstwie.
- Kliknij gdziekolwiek w komórce Rybka i wybierz: - Effect -
Image - Scale -
- W wartości - Horizontal from -wpisz 90, - Horizontal to - wpisz
wartość 100
W wartości - Vertical from -wpisz 90
W wartości - Vertical to -wpisz 100
Czynność ta umożliwi przeskalowanie rybki od 90% do 100% w pięciu
kolejnych klatkach.
- Skopiuj (CTRL+C) i kliknij w pustą na razie 6 klatkę w warstwie
Rybka.
- Wklej (CTRL+V) uzyskując łącznie 10 klatek w warstwie Rybka.
Trzeba teraz poprawić przeskalowanie klatek 6-10.
- Effect - Image - Scale -
W wartości Horizontal from - wpisz 100
W wartości Horizontal to - wpisz 90
W wartości Vertical from - wpisz 100
W wartości Vertical to - wpisz 90
Czynność ta umożliwi przeskalowanie rybki od 100% do 90% w pięciu
kolejnych klatkach o numerach 6-10.
- Wykonaj powyższe czynności na warstwie Cień wpisując wartości
80%-100%.
Jak zauważyłeś animacja w Twoim wykonaniu polega na stabilnym
przybliżaniu i oddalaniu rybki. Jeżeli jednak wykonasz w
Photoshopie 2, 3 warstwy rybki zniekształcone filtrem np. Ścinanie,
to po powieleniu ich uzyskasz materiał do wypełnienia warstwy w
PhotoAnimatorze. Teraz rybka będzie np. drgać, falować.
- - File - Export - ustal parametry dla GIFa.
| Jeżeli jesteś zainteresowany samodzielnym
tworzeniem animacji to zapraszam do częstego odwiedzania moich
stron. Następny opis będzie dotyczył grafiki powitalnej. Pokaż animację tej
grafiki. |
|