Witaj szanowny Gościu na forum Odjechani.com.pl. Serdecznie zachęcamy do rejestracji. Tylko u nas tak przyjazna atmosfera. Kliknij tutaj, aby się zarejestrować i dołączyć do grona Odjechanych!

Strona odjechani.com.pl może przechowywać Twoje dane osobowe, które w niej zamieścisz po zarejestrowaniu konta. Odjechani.com.pl wykorzystuje również pliki cookies (ciasteczka), odwiedzając ją wyrażasz zgodę na ich wykorzystanie oraz rejestrując konto wyrażasz zgodę na przetwarzanie swoich danych osobowych w ramach funkcjonowania serwisu. Więcej informacji znajdziesz w naszej polityce prywatności. Pozdrawiamy!


Tutorial Photoshop PL: Animacja napisu
#1
Star 
Z powodu większego zainteresowania tym efektem:

[Obrazek: belka%20azal%2022]

w wątku GrafArt - Twój pomysł na poradnik!.
Postanowiłem wyjaśnić tą stosunkowo prostą animację ;)

Warto najpierw zapoznać się z tym poradnikiem

Tworzymy nowy dokument (moje wymiary 450 x 80)
i robimy sobie jakąś ramkę.

[Obrazek: screen-1345053290.png]

Następnie tworzymy jakiś napis

[Obrazek: screen-1345053508.png]

Dodajemy do niego gradient, obrys aby jakoś wyglądał ...
aby to zrobić klikamy prawym na warstwę tekstową (w oknie Warstwy) i wybieramy opcje mieszania...

[Obrazek: screen-1345053648.png]

i tam w okienku sobie ustawiamy wygląd tekstu jak nam pasuje.
po tej operacji moj tekst wygląda tak
(wygląd nie ma większego znaczenia, ważne jest aby miał dodane jakieś efekty)

[Obrazek: screen-1345053813.png]

Teraz powielamy warstwę z tekstem, i zmniejszamy ją trochę

[Obrazek: screen-1345059967.png]

teraz powielamy warstwę z tekstem (tą co przed chwilą zmniejszyliśmy) i zmniejszamy ją

[Obrazek: screen-1345060050.png]

Teraz otwieramy oś czasu,
prędkość zmiany klatek ustawiamy na 1 sek,
i zmniejszamy krycie warstw tekstowych tak aby nie było ich widać

następnie tworzymy nową klatkę i na niej zwiększamy krycie warstwy z najmniejszym tekstem

[Obrazek: screen-1345060186.png]

Teraz tworzymy nową klatkę, ukrywamy warstwę z najmniejszym tekstem a pokazujemy średniej wielkości.

[Obrazek: screen-1345060342.png]

Teraz tworzymy nową klatkę i pokazujemy największy tekst

[Obrazek: screen-1345060530.png]

Teraz tworzymy znów nową klatkę.
klikamy prawym na warstwie z największym tekstem
i wybieramy opcje mieszania.
W nich ustawiamy sobie nałożenie koloru, blask zewnętrzny, obrys - na biały kolor
następnie zaznaczamy 2 ostatnie klatki (kliknij na nie LPM z wciśniętym shift'em) i powiel je 10 razy (kliknij tak jak tworzy się nową klatkę)

[Obrazek: screen-1345060766.png]

utwórz kolejną klatkę i ukryj na niej tekst, gotowe

Aby zapisać gifa Plik > Zapisz dla internetu ... > Zapisz ...

ja pokazałem jak zrobić jeden napis bo kolejne robi się analogicznie
(tylko że pomijamy punkt z błyskiem)

[Obrazek: Bez_nazwy_1-1345061291.gif]
---
  Odpowiedz
#2
Dzięki Szymon tego jeszcze nie robiłem:P

Pochwalę się swoją pracą:P

[Obrazek: ad-1345070758.gif]
  Odpowiedz
#3
Dobra, robię tak jak jest w poradniku i nie wychodzi mi...
  Odpowiedz
#4
powiedz czego nie wiesz
  Odpowiedz
#5
To z tymi klatkami mi nie wychodzi
  Odpowiedz
#6
:P

[Obrazek: BANER.gif]

Robiłem takie banery już wcześniej na potrzeby mojego chomika więc problemu nie było ;)
[Obrazek: jGTeTrj.png]

"Tak młody jak dziś nie będziesz już nigdy. Wykorzystaj to z myślą o Twoim jutrze."

  Odpowiedz
#7
Wampir_sm napisał(a):To z tymi klatkami mi nie wychodzi

Zapoznaj się z tymi poradnikami:
- Tutorial Photoshop PL: Animacja
- [VIDEO] Animacja w Photoshop z Komentarzem
---
  Odpowiedz
#8
Dzięki szymona poradnikowi mam nową sygnaturę:P
  Odpowiedz
#9
O takie cuś chodziło ?? :)
[Obrazek: Bez-nazwy_xppespn.gif]
  Odpowiedz
#10
Nie zrobiłeś powiększania napisu ...
---
  Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Information Tutorial Photoshop PL: Animacja Szymon 6 10 786 25.02.2015, 19:02
Ostatni post: live133
  Tutorial: Photoshop - dodawanie nowych pędzli. Nieśmiertelny 6 3 071 02.12.2013, 02:35
Ostatni post: B0hazard
  Tutorial: Photoshop cs6 - nawet ładny napis. Nieśmiertelny 2 3 004 17.11.2013, 14:03
Ostatni post: Nieśmiertelny
  Tutorial Cinema 4D | Napis z drzwiami B0hazard 10 7 026 27.08.2013, 18:40
Ostatni post: B0hazard
Lightbulb Tutorial Photoshop: Napis wypełniony obrazkiem Nicholas 7 7 302 25.08.2013, 23:44
Ostatni post: Nicholas

Skocz do:


Użytkownicy przeglądający ten wątek: 4 gości