Ogłoszenie

* ZARABIAJ NA KLIKANIU REKLAM *

Polecam, sam osobiście z niej korzystam i nie ma żadnych problemów z wypłatą pieniędzy.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Share Up To 110 % - 10% Affiliate Program
Zarejestruj się i napisz do mnie, wytłumaczę Ci jak to działa.
Jeżeli korzystasz z AdBlocka to musisz go wyłączyć, żeby zobaczyć link.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -






#1 25-03-2008 13:27:03

 ZaKooN

Admin

1859332
Zarejestrowany: 14-03-2008
Posty: 172
Używany edytor graficzny: Adobe Photoshop CS3
WWW

Ruchomy napis, animacja .gif w photoshopie

W tym tutorialu napiszę jak zrobić ruchomy napis na obrazku za pomocą programu Adobe Photoshop.

1. Otwieramy program Adobe ImageReady, który jest dołączony do wersji cs, cs2, cs3, jeżeli posiadamy starszą wersje trzeba zainstalować sobie z internetu.

2. Bardzo łatwo jest zrobić animacje, wystarczy tylko złączyć kilka obrazków, klatek i zapisać to jako animacja, czyli w formacie .gif

dla ułatwienia pokaże to na przykładzie obrazków:

I. Początek:

Na początek musimy zrobić kilka obrazków takich samych tylko inne literki inaczej poukładać

nr1 http://img339.imageshack.us/img339/8747/0kopiaxh3.jpg

nr2 http://img170.imageshack.us/img170/5446/1kopiajb9.jpg

nr3 http://img267.imageshack.us/img267/6154/2kopiafk4.jpg

nr4 http://img266.imageshack.us/img266/7695/3kopiakj1.jpg

II. Optymalizacja:

Gdy już mamy zrobione kilka obrazków tak jak powyżej, to Uruchamiamy Adobe ImageReady i otwieramy plik nr1, a następnie plik nr2 i tam na dole jest taka tabela "Animacja", naciskamy w niej taki trójkącik, który jest pod znakiem x, czyli zamknięcia okienka i wybieramy kopiuj ramkę.

http://img339.imageshack.us/img339/907/animacjahc4.jpg

Teraz przechodzimy do tego pliku nr1 i znow naciskamy tej trójkącik i wybieramy wklej ramkę, w metodzie wklejania wybieramy wklej po zaznaczeniu i dajemy OK.

Teraz znów otwieramy plik nr3 i dajemy kopuj ramkę i wklejamy do pliku nr1 i tez dajemy wklej po zaznaczeniu.

Z plikiem nr4 robimy to samo co z plikiem nr3.

III. Ustawienie przerw pomiędzy kolejnymi klatkami:

Gdy już mamy wklejone tak wszystkie klatki w plik nr1, naciskamy na trójkącik skierowany w dół pod obrazkiem w okienku Animacja, tak jak jest to pokazane na obrazku.

http://img339.imageshack.us/img339/9288/przerwymiedzyklatkamifz4.jpg

I wybieramy 0.5 sekund dla wszystkich klatek, ale dla ostatniej 2 sekundy. / oczywiście można ustawić inaczej.

Po czym naciskamy przycisk "Play" pod klatkami i oglądamy czy nam pasuje.

Jeżeli wszystko jest ok to wchodzimy w: Plik / Zapisz zoptymalizowany jako / i zapisujemy

IV. Efekt końcowy:

Nasza praca na koniec powinna wyglądać tak:

http://img248.imageshack.us/img248/7108/efektkocowy1hd7.gif


Jeżeli coś jest nie jasne piszcie w tym temacie.

Offline

 

#2 25-03-2008 19:57:32

Marek

Member

Zarejestrowany: 25-03-2008
Posty: 1

Re: Ruchomy napis, animacja .gif w photoshopie

Dokładnie czegoś takiego szukałem
teraz jeszcze poprosze, tuta jak zrobic aby napis się rozjaśniał

Offline

 

#3 25-03-2008 20:00:41

 ZaKooN

Admin

1859332
Zarejestrowany: 14-03-2008
Posty: 172
Używany edytor graficzny: Adobe Photoshop CS3
WWW

Re: Ruchomy napis, animacja .gif w photoshopie

heh postaram się napisać na jutro choć nie obiecuję, bo się szkoła zaczyna

Ale to jest proste...

Wystarczy zrobić kilka ściemnień i kilka rozjaśnień, połączyć klatki i jest napis rozjaśniający się i ściemniający, ale tak to cały tekst sie robi,  a nie każdą literkę z osobna, bo troche by przy tym było roboty

Offline

 

Stopka forum

RSS
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi


Darmowe Forum | Ciekawe Fora | Darmowe Fora
www.photoshoptutorials.pun.pl strona www Dla tych co odeszli Serwis laptopów