[rybka]

 
 
Opis wykonania animacji RYBKA

 
 
W programie Photoshop wykonaj punkty 1-4.
  1. Utwórz obrazek 200x100 pikseli (długość i wysokość), 72 ppi, RGB, przedstawiający rybkę na przezroczystym tle.
  2. 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.
  3. Utwórz nową, przezroczystą warstwę na przyszłe tło i ustal kolejność warstw od góry: rybka, cień, tło.
  4. 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.

 


 
Valid CSS! Valid HTML 4.01!


 
 

Zapraszam do wpisywania się do Księgi Gości.
 
gorzow-wlkp.pl