TRWA LADOWANIE STRONY

 

 

ZASTOSOWANIE I OBSŁUGA

MODUŁU

EXTENSIS PHOTOANIMATOR.

 

 

Animacje można tworzyć przy pomocy różnych modułów różnych firm.  Wersja Photoshop 5.5 zawiera zainstalowany dodatkowo program ImageReady 1. W sprzedaży jest już dostępna nowsza wersja ImageReady 2 i 3, natomiast Photoshop 6.0 współpracuje z ImageReady 3. Do niniejszego opracowania wybrałem aplikację firmy Extensis: PhotoAnimator. Po zainstalowaniu, program ten osadza się w palecie Photoshopa (jako moduł dodatkowy), ale pracuje też jako samodzielna aplikacja. Zaletą jego, poza ścisłą współpracą z paletami Photoshopa (np. paletą Warstwy) jest atrakcyjna forma promocji - bezpłatnie udostępniana pełna wersja. Jedynym ograniczeniem jest 30 dniowy termin, po którym program należy zarejestrować (już odpłatnie). Ponieważ produkty firmy Extensis są łatwe w obsłudze, zdecydowałem się na produkt pod tytułem -PhotoTools-.  Zawiera on poza wymienionym PhotoAnimator inne moduły (np. do tworzenia ramek, krawędzi i przycisków). PhotoAnimator jest programem umożliwiającym liniową animację. Umożliwia swobodną edycję każdej klatki. Użytkownik może modyfikować każdy rysunek oddzielnie, tworzyć niezależne animacje i łączyć je w dowolny sposób. Program umożliwia stworzenie podglądu w dowolnym momencie pracy. Dysponuje wbudowaną funkcją wielokrotnego cofania i powtarzania operacji, pozwalając w ten sposób na sprawne usuwanie błędów. Każda animowana warstwa jest podzielona na poszczególne klatki i każda z nich może być modyfikowana. Program automatycznie buduje efekty na zaznaczonych klatkach. W prosty sposób pozwala kontrolować długość animacji bez zbędnych ingerencji użytkownika. Do zrobienia animacji jest potrzebny plik stworzony w Photoshopie. Wskazane jest, aby wszystkie elementy statyczne zostały zgrupowane w warstwie stanowiącej tło. Reszta elementów, które będą animowane powinna znajdować się na niezależnych warstwach. Należy odpowiednio dobierać nazwy warstw, gdyż PhotoAnimator importuje nazwy warstw z Photoshopa.
Po uruchomieniu Photoshopa nie musimy na razie otwierać żadnego obrazka, a jedynie wybieramy z menu Extensis zlecenie -PhotoAnimator-. Poprzez zlecenie:  -File- Open- wprowadzimy dowolny plik Photoshopa (w formacie PSD). Pojawił się panel -Photoshop Import Options-, który pozwala na odpowiednią kontrolę nad plikiem.
  • Layer Mapping Options.
     
  • Horizontal InLine (frames) - przenosi warstwy Photoshopa jako poszczególne klatki do PhotoAnimatora. Stosować, gdy warstwy Photoshopa zostały wykonane jako klatki (nie warstwy) w PhotoAnimatorze.
     
  • Horizontal Grouped (frames).
     
  • Vertical Grouped (layers) - umożliwia przeniesienie pliku źródłowego Photoshopa do PhotoAnimatora z zachowaniem oryginalnego układu warstw i ich nazw. Stosować, gdy warstwy Photoshopa mają być warstwami (nie klatkami) w PhotoAnimatorze.
     
  • Layer Import Direction.
     
  • Top to Bottom.
     
  • Bottom to top. Zlecenia odpowiadające za ułożenie warstw w PhotoAnimatorze (bottom-dolny, top-górny).
     
  • Import Items.
     
  • Layer Images - warstwy.
     
  • Layer Masks - maski warstw.
     
  • Composite Image.
     
  • Alpha Chanels - kanały Alfa.
     
  • Określamy tutaj obiekty, które zostaną importowane do PhotoAnimatora. W większości będą to warstwy z grafiką, czyli Layer Images. Po wybraniu powyższych opcji ukaże się interfejs programu.
     

 

Interfejs PhotoAnimatora posiada trzy palety:

  • Paleta -Layer Pane- znajduje się w lewym górnym rogu programu i pokazuje wszystkie dostępne warstwy animacji. Każda z warstw może zawierać od 1 do 300 klatek. Ta paleta jest tożsama z paletą -Warstwy- w Photoshopie. Umożliwia tworzenie, zmianę nazwy, ukrywanie i kasowanie warstw. Większość z tych funkcji jest dostępna z poziomu palety (przyciski na dole palety), bądź z menu lub skrótów klawiaturowych.
     
  • Paleta -Preview- znajduje prawym rogu ekranu, służy do wyświetlania podglądu tworzonych animacji. Podgląd animacji jest dostępny praktycznie w każdym momencie tworzenia pracy. Paleta udostępnia klawisze pomocnicze takie jak: Play, Stop, Forward (do przodu), Backward (do tył), Loop (zapętlać). Wszystkie klawisze są bardzo podobne do klawiszy sterujących w programach muzycznych.
     
  • Paleta -Filmstrip Pane- (diapozytyw) znajduje się w dolnej części ekranu i pokazuje wszystkie klatki animacji. Warstwy z tej palety tworzą jedną całość z paletą Layers. Pojęcia z Filmstrip Pane: Layers (warstwy), Cells (komórki, cele, klatki), Frames (ramki).
     


Extensis. Interfejs PhotoAnimatora.


PhotoAnimator korzysta z paska czasowego. Każda animacja zbudowana jest na podstawie kilkudziesięciu warstw, gdzie każda klatka animacji stworzona została ze zmieszania kilkunastu warstw. Pojedyncza warstwa może zawierać jedną lub więcej komórek, a każda komórka zawiera jedną lub więcej klatek. Liczba klatek w pojedynczej komórce może być modyfikowana w niezwykle prosty sposób poprzez zaznaczenie i przeciągnięcie komórki do wybranej klatki. Każda komórka może zawierać tylko jeden rysunek, tak więc PhotoAnimator automatycznie duplikuje zawartość danej komórki. Dla przykładu, jeżeli chcesz animować logo z lewej strony banneru do prawej przez 10 klatek, po prostu zaznacz komórkę z logo i przeciągnij ją do dziesiątej klatki, a następnie ustal pozycję wyjściową i końcową. Gdy stwierdzisz, że liczba klatek jest za długa i chcesz całą animację skrócić do 5, zmniejsz rozmiar komórki do 5 klatek, a PhotoAnimator automatycznie przeliczy całą animację. Aktywna warstwa podświetlona jest czarną ramką, natomiast aktywna komórka czerwoną. W przypadku gdy chcesz zawartość komórek przenieść z jednego punktu do drugiego, kliknij dwukrotnie na wybranej klatce w odpowiedniej komórce. Zostanie otwarte okienko Image Repeat Settings, w którym znajdują się kontrolery ustawienia początkowego i końcowego. Siatka po lewej stronie odpowiada za ustalenie początkowej pozycji, natomiast siatka po prawej stronie za końcowe. Biały prostokąt w siatce określa pozycję rysunku w klatce. Pola edycyjne X, Y umożliwiają wprowadzenie odpowiednich wartości przesunięcia. Pozycja wyjściowa określana jest na podstawie początkowego umiejscowieni rysunku w klatce. Dla przykładu: jeżeli wpiszemy odpowiednie wartości w okienka edycyjne, np. X=20 i Y=20, to dany rysunek zostanie przesunięty o 20 pikseli w górę i 20 pikseli w prawo. Kontrolery pozycji umożliwiają nawet przesunięcie poza banner. Efekty i przejścia znajdują się w menu -Effect-. Należy tylko zaznaczyć komórkę i wybrać odpowiedni efekt. Gdy stwierdzisz, że animacja jest gotowa, wybierz zlecenie: -File- Export-. Okienko dialogowe umożliwi określenie palety i liczby kolorów, liczbę powtórzeń. Po określeniu podstawowych danych animacji kliknij na przycisk -Calculate Preview-, w celu podejrzenia pracy z określonymi ustawieniami. Okienko podglądowe okazuje informacje o wielkości i czasie ładowania animacji przy określonej prędkości połączenia.

Odpowiedzi na pytania typu: Jak najprościej ...?


  • Jak wybrać sposób wprowadzenia warstw Photoshopa do PhotoAnimatora?Warstwy Photoshopa mogą być potraktowane jako poszczególne klatki lub warstwy (będą wówczas pierwszymi klatkami w warstwach PhotoAnimatora). -File- Open- i otworzy się panel Photoshop Import Options.
     
  • Jak ustalić ilość klatek na sekundę?-Animations- Frame Rate-
     
  • W jakich formatach można zapisać animację?Animację można zapisać tylko w formacie GIF. Istnieje także możliwość zapisu pliku jako szablonu, czyli PAT (przyda się przy produkcji podobnych GIF'ów) oraz formacie PhotoAnimatora, czyli PAF (uzyskamy w nim wyświetlenie pliku z wszystkimi warstwami i ramkami, co umożliwia łatwą modyfikację). Wykonaj zlecenie: -File- Export, a pojawi się panel. Można wybrać format zapisu (animacja, czyli GIF; format Photoshopa, czyli PSD; format Extensis PhotoAnimator, czyli PAF). Poza tym można zlecić: -File- Save- Zapis pliku w formacie Extensis (PAF). -File- Save as- Zapis w formacie Extensis (PAF, PAT) oraz PSD.  PSD zapisuje klatki PhotoAnimatora w postaci poszczególnych warstw Photoshopa (wszystkie klatki nr 1 są zapisane jako 1 warstwa PSD). -Save Template- Zapis pliku jako szablonu w formacie (PAT).
     
  • Jak ustalić liczbę animacji obrazka?-File- Export- i pojawi się wyżej wymieniony panel. Jeżeli będziesz wyświetlał w pętli wybierz wariant (LOOP), jeżeli wybraną ilość razy - wpisz liczbę.
     
  • Jak skopiować zawartość klatki do innej?Wciśnij klawisz ALT i przeciągnij myszką klatkę.
     
  • Jak ustalić kolor przezroczysty ?Najlepiej wykonać to podczas eksportu obrazka w Photoshopie. W PhotoAnimatorze zleć:-Edit- Prefereces- (przezroczystość, kolor przezroczysty).
     
  • Jak ustalić ilość klatek w wybranej warstwie?W części Layer Pane kliknij wybierając warstwę aktywną i zleć: -Animation- Resize Cell-. Jeżeli uaktywnisz ostatnią klatkę, to dodasz do danej warstwy wpisaną ilość klatek. Klatki tworzymy także przeciągając prawą krawędź tej klatki, do której dokleimy nowe.
     
  • Jak przerwać dodawanie klatek w jednej warstwie i zacząć dodawanie klatek do innej?Uaktywnij następną warstwę, kliknij w klatkę 1 i zleć:  -Animation- New Cell- musimy to zrobić, gdyż zaczynamy nową warstwę. Przesuń kursorem klatkę 2 na miejsce klatki 1. -Animations- Resize Cell- (3 klatki). Nic nie będziemy na nich zlecać, więc zostaną puste. Kliknij w Frame 4 i zleć: - Animation -Resize Cell - (5 klatek).
     
  • Jak wprowadzić warstwę ściemniającą (od 22 do 26) klatki warstwy leżące pod nią?-Animator- New Leyer- Nazwij nową warstwę Warstwa X i wróć do jej 1 klatki. -Animation- New Cell-. Następnie zleć:  -Animation- Resize Cell- (22). Kliknij w klatkę 22 i skopiuj (CTRL+C).  Kliknij w klatkę 23 i wklej (CTRL+V) i zleć: -Animations Resize- Cell (5 klatek). Kliknij na klatce 23 i zleć: -Effect- Transition- Fade- (inter, od 100% do 0%).


1. Menu FILE.

Extensis.  Menu FILE PhotoAnimatora.

  1. NEW. Zlecenie uaktywniające panel, w którym dokonujemy wyboru wielkości: banneru, banneru i przycisku, filmu, kursora, przycisku.
     
  2. OPEN. Zlecenie uaktywniające omówiony wcześniej panel -Photoshop Import Options-. Uwaga: jeżeli nie jest włączony Photoshop, poniższe okno nie pojawi się.
     
  • Layer Mapping Options.
     
  • Horizontal InLine (frames) - przenosi warstwy Photoshopa jako poszczególne klatki do PhotoAnimatora. Stosować, gdy warstwy Photoshopa zostały wykonane jako klatki (nie warstwy) w PhotoAnimatorze.
     
  • Horizontal Grouped (frames).
     
  • Vertical Grouped (layers) - umożliwia przeniesienie pliku źródłowego Photoshopa do PhotoAnimatora z zachowaniem oryginalnego układu warstw i ich nazw. Stosować, gdy warstwy Photoshopa mają być warstwami (nie klatkami) w PhotoAnimatorze.
     
  • Layer Import Direction.
     
  • Top to Bottom.
     
  • Bottom to top. Zlecenia odpowiadające za ułożenie warstw w PhotoAnimatorze (bottom-dolny, top-górny)
     
  • Import Items.
     
  • Layer Images - warstwy.
     
  • Layer Masks - maski warstw.
     
  • Composite Image.
     
  • Alpha Chanels - kanały Alfa.
    Określamy tutaj obiekty, które zostaną importowane do PhotoAnimatora. W większości będą to warstwy z grafiką, czyli Layer Images.
     
  1. CLOSE. Zlecenie kończące pracę nad animacją.
     
  2. SAVE. Zapis pliku w formacie Extensis (PAF).
     
  3. SAVE AS ... Zapis pliku w formacie Extensis (PAF).
     
  4. SAVE TEMPLATE. Zapis pliku jako szablonu w formacie (PAT).
     
  5. REVERT. Powrót do oryginalnej (pierwotnej) wersji.
     
  6. IMPORT. Umożliwia dodanie warstwy do już otwartego pliku.
     
  7. EXPORT. Zapis animowanego GIF'a (można też zapisać w formacie PSD, PAF). Ustal, czy będziesz wyświetlał w pętli (LOOP), czy wybraną ilość razy.
     
  8. EXIT. Zlecenie kończące pracę programu. Photoshop będzie dalej włączony.
2. Menu EDIT.

Extensis. Menu EDIT PhotoAnimatora.

  1. UNDO. Cofanie ostatnich zleceń. W przeciwieństwie do Photoshopa cofa wiele zleceń.
     
  2. REDO. (redo - przerobić)
     
  3. CUT. Wytnij.
     
  4. COPY. Kopiuj. Aby skopiować 1 klatkę należy przytrzymać klawisz ALT i przeciągnąć wybraną klatkę.
     
  5. PASTE. Wklej.
     
  6. DELETE. Usuń.
     
  7. SELECT ALL. Wybierz wszystko.
     
  8. PREFERENCES. Ustawienia w czasie wyświetlania (przezroczystość, kolor przezroczysty).
3. Menu ANIMATION.

Extensis. Menu ANIMATION PhotoAnimatora.

  1. FRAME SIZE. Rozmiar ramki.
     
  2. FRAME RATE. Ustawia ilość ramek na sekundę. (rate - tempo, współczynnik)
     
  3. NEW LAYER. Nowa warstwa.
     
  4. DELETE LAYER. Usuń warstwę.
     
  5. LAYERS OPTIONS. Umożliwia zmianę tytułu warstwy.
     
  6. NEW CELL. Zlecenie przerywające budowanie komórek w jednej warstwie, a rozpoczynające pracę w drugiej. Najpierw kliknij w klatkę początkową czyli np. nr 1.(cell - komórka, ogniwo)
     
  7. DELETE CELL.
     
  8. RESIZE CELL. Tworzenie nowych klatek, zaczynających się od ostatniej w danej warstwie. Kliknij najpierw w wybraną warstwę .(w Layer Pane) oraz (niekoniecznie) w wybraną klatkę.
4. Menu EFFECT.

Extensis. Menu EFFECT-BASIC PhotoAnimatora.

  • NONE. Zero.
     
  • SOLID COLOR. Stały kolor.
     
  • REPEAT LAST. Powtórz poprzedni.
     
  • REPEAT NEXT. Powtórz sąsiedni.
     
  • NESTED SUB-ANIMATION. Panel umożliwiający programowanie przesunięcia klatki.
Extensis. Menu EFFECT-IMAGE PhotoAnimatora

  • REPEAT. Powtórz ustawienia w nowych klatkach z sąsiedniej.
     
  • SCALE. Umożliwia zmianę wielkości (skalowanie) od 0% do 100% w kolejnych klatkach. Pozwala ścisnąć lub rozciągnąć np. napis.
     
  • ROTARE.
     
  • SPIN. (spin - przejażdżka, wirowanie).
Extensis. Menu EFFECT-MASK PhotoAnimatora

  • REPEAT.
     
  • SCALE.
     
  • ROTARE.
Extensis. Menu EFFECT-TRANSITION PhotoAnimatora

  • FADE. Zlecenie wypełniające przezroczyste klatki, tak aby mogły ściemniać i rozjaśniać klatki warstw leżących pod obecnie obrabianą.
     
  • WIPE. jw. lecz przy pomocy odsłaniania.
     
  • BARN DOOR. jw. lecz przy pomocy odsłaniania z dwóch stron (odsłanianie na styl bramy).
     
  • GRADIENT MASK. jak FADE, ale przy pomocy wczytanego gradientu (wczytaj ikoną podobną do otwartego folderu).
Extensis. Menu EFFECT-FILTER PhotoAnimatora

  • INVERT. (inwert - wewnętrzny).
5. Menu WINDOW.

Extensis. Menu WINDOW PhotoAnimatora

6. Menu HELP.

Extensis. Menu HELP PhotoAnimatora

Valid HTML 4.01!
.

 

Zapraszam do wpisywania się do Księgi Gości.

 

gorzow-wlkp.pl