14 listopada 2013

009. Holla holla for a dolla

Po długiej nieobecności powracam! Ze zdwojoną siłą do działania. Nie chcę dziś dodawać grafiki (tbh nie zdążyłam zrobić). W zamian zrobiłam mój tutorial na gif w Photoshopie. Niby proste, ale jednak często mnie o to ludzie pytają. Okej, zaczynajmy:
___________________________________________________________________________________

Sleepwalker gif tutorial!

rzeczy, jakich potrzebujesz: 
  • komputer (oczywiście)
  • photoshop, ja używam cs5
  • video, z którego chcesz zrobić gifa
  • psd (opcjonalnie)
wynik końcowy
 
*nota; ten tutorial mooooże być trochę długi i ma dużo zdjęć, ale obiecuję, że nauczę was jak robić gify
KROK #1; TWORZENIE GIFA
okay,  więc krok pierwszy składa się z (jak się domyślacie) tworzenia gifa. to jest naprawdę proste i jeszcze łatwiejsze, kiedy robisz to przez dłuższy czas. okay, najpierw wszystko czego potrzebujesz, to video do stworzenia gifa. ja zawsze upewniam się, że pobrałam z bezpiecznej strony internetowej, takiej jak youtube. keepvid.com i savevid.com to są dobre miejsca, aby pobrać video.
okay, więc to jest moje video,

~
istnieje wiele, wiele sposobów, aby zrobić gif, ale to mnie zapytali o ten tutorial, więc zrobię go własnym sposobem. 
zamierzam otworzyć photoshop, a potem otworzę plik (1) → importuj (2) → klatki video na warstwy (3)


 
 ~
otworzy się okno, a po znalezieniu video w plikach kliknij "otwórz". pojawi się kolejne okno, z video.

 

(1) Upewnij się, że "tylko wybrany zakres" i "ograniczenie do co 2 klatki" jest zaznaczone
(2) przejdź do części filmu, z której chcesz gif
~

(1) gdy już wybrałeś części video, z której chcesz zrobić gif, wstrzymaj go i upewnij się, że mała część oznakowania jest tam, gdzie chcesz mieć gif.
(2) przytrzymaj klawisz "shift", a następnie kliknij na małą strzałkę kilka razy (albo przytrzymaj) do miejsca, gdzie chcesz skończyć gif

*nota; (dotyczy użytkowników tumblr) upewnij się, że gif nie jest za długi (więcej niż 30 klatek), w przeciwnym wypadku może nie działać na tumblr.

(3) naciśnij "ok"
 ~
okno się zamknie i pojawi się inne nowe, to twój gif. przejdź do "okna" (zakładka u góry) i sprawdź, czy "animacja" jest zaznaczona, w przeciwnym razie nie będziesz mógł zobaczyć ramek gif i ich edytować.

 

 to są twoje klatki, nie bój się ich 

 
~
(1) okay, więc z boku klatek jest taka strzałka, kliknij ją, a ona pokaże kilka opcji. kliknij "wybierz wszystkie klatki"

 
~
 

(1) gdy wszystkie ramki są wybrane wybierz jedną z nich i kliknij małe "0,03sek.", to jest czas. teraz możesz wybrać dowolny czas, jaki chcesz. ja używam 0,07sek. nie za wolno, ale też nie za szybko. 

 

~

terez idź do narzędzi i wybierz narzędzie "kadrowanie", to ten mały gościu

 

oto moje ustawienia kadrowania, 


*nota;  wymiary szerokości gif na tumblr: 
  • 500px do pełnej wielkości deski rodzielczej (dashboard)
  • 245px do średniej wielkości deski rozdzielczej (jak ten, który robię)
  • 160px do 1/3 wielkości deski rozdzielczej
następnie wybierz część, którą chcesz przyciąć:
 

i kliknij "enter"

♡TAK WYGLĄDA NASZ GIF NA TYM ETAPIE
 
~

KROK #2; WYOSTRZANIE GIFA

okay, więc gif na razie wygląda naprawę świetnie, ale potrzebujemy zrobić jeszcze kilka rzeczy. pierwsze i najważniejsze, wyostrzenie. 

wyostrzenie sprawia, że gif wygląda nieco ładniej, oraz o wiele bardziej hq. wszyscy kochamy gify hq, nie?
~
 

(1) po pierwsze, idziemy ponownie do naszych klatek gif, klikamy na tego małego gościa na dole. kiedy na to klikniesz twoje klatki znikną, ale nie martw się, one nadal tu są. 
~

potem przejdź do warstw i przytrzymaj "shift", aby zaznaczyć je wszystkie. upewnij się, że wszystkie są zaznaczone, przed przejściem do następnego etapu!
~
 

(1) kliknij "filtr" (zakładka u góry), a potem "konwertuj na inteligentne filtry", (!)ale przedtem upewnij się, że wszystkie warstwy są zaznaczone.
~

 teraz wszystkie nasze warstwy zmieniły się w jedną warstwę, które powinny nam ułatwić wyostrzanie. wyostrzanie klatek jedna po drugiej jest męczące i nie kończy się dobrze.
~
 

idź do filtr (1)  wyostrzanie (2)  inteligentne wyostrzanie
a to są moje ustawienia;


kliknij "ok"
 ~
TAK WYGLĄDA NASZ GIF NA TYM ETAPIE
*nota; widzisz, że wygląda o wiele bardziej hq?
 ~

KROK #3; DODAWANIE KOLORYZACJI

krok ten jest całkowicie opcjonalny, ale sprawia, że gif wygląda 101% razy lepiej. to jest też super proste.


dosłownie wystarczy upuścić psd, które używasz, na samej górze warstw.
~

KROK #4; ZAPISYWANIE GIFA

krok też jest tak samo prosty. w zasadzie wystarczy, aby przejść do plik (1) zapisz dla internetu i urządzeń (2)

 
~

powinno się otworzyć duże okno, a na środku powinien być nasz gif.

 
~
*nota; jeżeli chcesz wstawić gif na tumblr, upewnij się, że jest mniejszy niż 1MB, w przeciwnym razie nie będzie działał na tumblr. ten krok jest hipersupermega ważny!


to są moje ustawienia;

 ~
terez kliknij "zapisz" i gotowe!
~
♡TAK WYGLĄDA NASZ GIF!
 
*nota; więc to wszystko. tak właśnie robię gify! mam nadzieję, że ten tutorial się wam przyda(ł). to była świetna zabawa, kiedy go tworzyłam. jeśli masz jakiekolwiek pytania, nie wahaj się. napisz do mnie w FAQ/Zapytaj, lub na asku.

5 komentarzy:

  1. DZIĘKUJĘ! bardzo przydatne :)

    OdpowiedzUsuń
  2. Kiedy zimportowałam video do photoshopa, zrobił się w sto razy gorszej jakości, czemu?

    OdpowiedzUsuń
    Odpowiedzi
    1. Możliwe, że przy pobieraniu filmu zapomniałaś zaznaczyć "hd" :)

      Usuń
  3. bardzo przydatny tutorial :)

    OdpowiedzUsuń
  4. Pobrałam PSD'sy z jednej notki wcześniejszej :)

    OdpowiedzUsuń