Jak zrobić animowany banner za pomocą Photoshopa & Imageready?

Wiele osób prosiło mnie o tą instrukcję, więc postanowiłam ją napisać. Będziecie potrzebowali Adobe Photoshop- oraz Adobe Imageready (Adobe Imageready jest łącznie z Adobe Photoshop- czyli gdy instalujesz Photoshopa- Imageready również będzie zainstalowane.)

W tej instrukcji pokażę wam jak zrobić czcionkę zmieniającą kolory- jeśli chcecie aby coś innego było animowanego- niestety będziecie musieli się domyślić na podstawie poniżej opisanych opcji.
  1. Otwieramy Adobe Photoshop.
  2. Tworzymy sobie 2 bannery/nagłówki. Oba muszą mieć te same wymiary.
  3. Napisy na 1 bannerze robimy w wybranym kolorze, napisy na 2 bannerze robimy w jakimś innym kolorze.
    Instrukcje które mogą wam się przydać:
Jak zrobić wypukły tekst ?
Jak zrobić cień pod napisem lub obrazkiem?
Jak zrobić napis z wzorkiem?
Jak zainstalować patterny w Adobe Photoshop? 
Jak zrobić prostą przerywaną linię?
Jak 'stopić' kilka zdjęć razem? (Instrukcja na kolaż/nagłówek)

^^ to pierwszy etap - gdy już zrobimy te 2 bannery- w okienku z warstwami klikamy prawym przyciskiem na którąś warstwę. I klikamy na FLATTEN IMAGE.
 
  1. Teraz kopiujemy jeden z bannerów i wklejamy na drugi. W okienku z warstwami po prawej powinno to wyglądać tak:
      
  2. Po lewej stronie w przyborniku klikamy na tą ikonkę:
     
    Po kliknięciu powinien otworzyć się program Adobe Imageready- wraz z naszymi bannerkami.
  3. Teraz w Adobe Imageready upewniamy się że mamy potrzebne okienka. W tym celu klikamy na WINDOW na samej górze programu. Powinniśmy mieć zaznaczone wszystkie te opcje:
      
  4. Jeśli wszystkie są- możemy przejść do robienia animacji. Na samym dole programu powinno pokazać nam się podłużne okienko. Klikamy tak jak na obrazku:
     
    To sprawia że warstwy zamieniają się w pojedyncze klatki w animacji.
  5. Teraz klikamy na malutką ikonkę z kropeczkami. Wygląda tak:  
  6. Obok FRAMES TO ADD wpisujemy dowolną liczbę- im większa liczba tym gładsze będzie przejście- czyli tym ładniejsza animacja. Ja w mojej wpisałam 25.
  7. Teraz w tym podłużnym okienku pokaże nam się 27 kwadracików (ponumerowanych, na obrazku w pkt. 4 jeden jest zaznaczony na niebiesko- drugi jest w normalnym kolorze, teraz powinno ich być więcej)
  8. Klikamy na ostatni obrazek. (Powinien to być obrazek nr. 27)
  9. Teraz powtarzamy punkt 5. (Powinniśmy mieć ok. 52 takich kwadracików)
  10. Teraz klikamy na FILE a następnie na SAVE OPTIMIZED AS i zapisujemy.
Bardzo dawno nie robiłam takich animacji więc wyszłam z wprawy, ale efekt chyba nie jest najgorszy.
 
Mam nadzieję że przyda wam się ta instrukcja- i przepraszam jeśli jest troszkę niezrozumiała - ale dokładniej chyba się już nie da tego opisać.

Brak komentarzy:

Prześlij komentarz