Poradnik Edytowanie GIF-a w Photoshop'ie

Jako że na forum pojawił się GIF pokazujący skanowanie pliku wiele osób chciałaby dostosować go do swoich potrzeb, i tu pojawia się problem bo jak edytować GIF. Z pomocą przychodzi mój poradnik, gdzie opisuje jak krok po kroku przerobić GIF, który idealnie będzie pasować do naszej strony.
Poradnik dotyczy Photoshopa w wersji CS6, lecz niższe wersje są bardzo podobne, więc nie powinno być problemu.
A więc do dzieła:

#1. Otwórz GIF w programie Adobe Photoshop.
#Wskazówka: Jeżeli nie widzisz tego dolnego paska, przejdź do: View(Widok) -> Timeline (oś czasu)



#2. Wybierz Image(Obraz)-> Canvas Size (rozmiar obszaru roboczego)



#3. Wpisz rozmiar jaki chcesz uzyskać.
#Wskazówka: Pamiętaj o przełączeniu jednostek miar z centymetrów (Centimeters) na pixele (Pixels). Drugą ważną opcją jest anchor (punkt zaczepienia). Klikamy na strzałce w dół (powinna się zmienić w kropkę)



#4. Obszar roboczy nam się zmniejszył ale obraz/GIF został taki sam co zrobić? (musiałem dodać trochę dramaturgii )



#5. Teraz musisz dopilnować aby wszystkie warstwy zostały zaznaczone zarówno w oknie Layers (prawo dół) jak i w oknie Timeline (dół). Aby to zrobić klikamy na pierwszy obrazek, przewijamy listę w dół (w prawo) i z wciśniętym klawiszem Shift klikamy na ostatni. Następnie użyjemy skrótu klawiszowego Ctrl + T aby zmniejszyć obrazek.

#WSKAZÓWKA: Wciśnij i przytrzymasz klawisz Shift aby zmieniać rozmiar symetrycznie.



#6. Po skończonej edycji należy zapisać plik znowu jako GIF. W tym celu klikamy File (Plik)-> Save for Web…(Zapisz dla Weba)



#7 Pojawi się nam takie okienko. Na górze po prawej stronie wybieramy GIF. Jeżeli chcemy sprawdzić przed zapisem czy wszystko działa klikamy przycisk „Play” w prawym dolnym rogu. Jeżeli wszystko jest OK (czyli Bangla) możesz spokojnie wcisnąć Save… (Zapisz…) i wskazać lokalizację w której chcemy zapisać plik.



MAŁY BONUS Jeżeli chcielibyście uatrakcyjnić tego konkretnego GIFA w miejscu gdzie znajduje się szare, brzydkie pole możecie dodać okładkę/logo i nazwę pliku - jak to zrobić zapytacie – już odpowiadam:
Robicie wszystko tak jak opisują powyższe punkty ale tuż po punkcie #5 stosujecie się do poniższych kroków:
#5a. Tworzymy nową warstwę klikając na przycisk w środku oznaczonego czerwonego kwadratu w prawym dolnym rogu.



#5b. Przechodzimy do wyszukiwarki GOOGLE i wyszukujemy okładkę/logo naszej gry wpisując np. „Dragon City Logo” lub „Call of Duty Ghosts PC Case”, kopiujemy naszą grafikę i przechodzimy do Photoshopa, gdzie upewniamy się, że w zakładce Layers(Warstwy) jest zaznaczona pusta warstwa, ta, która jest najwyżej. Następnie szybki skrót Ctrl + V i grafika powinna się znaleźć na miejscu. Aby ją ładnie ustawić klikamy „V” na klawiaturze tym samym włączając narzędzie Move Tool (Narzędzie do przenoszenia ). Jeżeli nasz obrazek jest za duży używamy skrótu Ctrl + T, w rogach obrazka powinny się pojawić kontrolki. Aby obrazek zmniejszał się symetrycznie wciskamy i przytrzymujemy klawisz Shift. There we GO!



#5c. Następnie warto dodać jakiś napis/nazwę naszego pliku, który jest skanowany. W tym celu przełączamy się do narzędzia Type Tool (Narzędzie do edycji napisów) - skrót "T" i klikamy gdzieś na projekcie. Powinien pojawić się migający „kursor”. (musicie mi uwierzyć na słowo - ON miga)



#5d. Wpisujemy tekst i po skończeniu klikamy ENTER, KONIECZNIE NA KLAWIATURZE NUMERYCZNEJ, gdyż zwykły Enter przeniesie nas do nowej linii. Po przełączeniu do narzędzia Move Tool (klawisz V) możemy ustawić odpowiednio nasz napis.
#5e. Do edycji wielkości/kroju czcionki używamy kontrolek zaznaczonych na obrazku. Jeżeli nie widzisz u siebie tego okna przejdź do Window(Okno) -> Character (Czcionka) - obrazek poniżej (ten bardziej niżej )




#5f. Przechodzimy do punktu #6.

W razie pytań niejasności piszcie tutaj lub na PW.

dobry tutek:)

Poradnik fajny leci plus 

Ja dodam tylko, że od gifów powoli się odchodzi. Jego następcą od jakiegoś już czasu jest format .PNG

Ja dodam tylko, że od gifów powoli się odchodzi. Jego następcą od jakiegoś już czasu jest format .PNG

Tutaj chodzi o obrazek-animację (i o to, żeby nie zepsuć animacji a go zedytowac), a nie o zwykły, statyczny obrazek. 

Tutaj chodzi o obrazek-animację (i o to, żeby nie zepsuć animacji a go zedytowac), a nie o zwykły, statyczny obrazek. 

A kto tu mówi o statycznym obrazku? Animacje w plikach PNG sa jak najbardziej prawdziwe i możliwe do osiągnięcia. Ma to swoje wady i zalety jak wszystko zresztą - lepsza jakość kosztem przenośności.