Skocz do zawartości

Rekomendowane odpowiedzi

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)

9zBp8hfl.png

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

WS4pmRWl.png

#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ę)

0BrAxOYl.png

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

ibSOrgkl.png

#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.

MuxmBnZl.png

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

Jq1MQsdl.png

#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.

veZdWc5l.png

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.

hfwmFY9l.png

#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!

DAvNVHxl.png

#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)

we5Xzx6l.png

#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 :))

1akxqGol.png
IkPMn3Pl.png

#5f. Przechodzimy do punktu #6.

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

  • Super 7

REP poprawiłby mi humor :)

"Kto pyta, wstydzi się tylko raz, kto nie wie, wstydzi się całe życie"                                                                                                               
"Standardowa edukacja zapewni ci przeżycie. Samokształcenie fortunę." - Jim Rohn
"Pomagając innym - sami się uczymy"



banner_350x26.png

Odbity w blasku katany księżycu mów mi “Yoshimitsu”

Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

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.

Edytowane przez grayman
Odnośnik do komentarza

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .