sobota, 28 czerwca 2014

06. We Must Stand Together

(c)  Agusia__

Już wakacje! Koniec matematyki na dwa miesiące! :) Jakie macie plany?
Pod poprzednią notką padło pytanie o sposób wykonywania przeze mnie gifów. Otóż dzisiaj chcę wam przedstawić mój tutorial na te, na pozór zagadkowe i skomplikowane gify, które w rzeczywistości są jak bułka z masłem. Zapraszam!


Otóż tak... Zacznijmy od tego, że używamy programu Photoshop CS3, lub innego Photoshopa. Niestety nie używam Gimpa, którym wiele z was pewnie się posługuje. Mam nadzieję, że ten tutorial mimo wszystko wam się przyda.

  1. Na początek znajdujemy wideo, które nie jest zbyt długie. Najlepiej wyciąć kawałek sceny z filmu, np. w programie Windows Movie Maker.
  2. Następnie należy pobrać program Free Video to JPG Converter, można zdobyć go tutaj.
  3. Pobrany program otwieramy. Dodajemy plik z naszym wideo, a następnie wybieramy ilość klatek, które mają przekonwertować się na pliki jpg, czyli obrazki. Ja wybieram - Łącznie 100 klatek z filmu. Możecie oczywiście wybrać 200 lub więcej, ale przy dużej ilości klatek będzie więcej roboty. 
  4. Wybieramy miejsce, gdzie pliki mają się zapisać - polecam Pulpit. Klikamy Konwertuj.
  5. Kolejnym krokiem będzie włączenie Photoshopa i otworzenie folderu z naszymi obrazami, ale to już możecie obejrzeć niżej :) 

Na sam koniec trzeba oczywiście zapisać naszego gifa w odpowiedni sposób, aby się "poruszał". Tak więc klikamy w PLIK, a następnie ZAPISZ DLA WEBA i zapisujemy gifa. Oto taka wielka filozofia. Jeśli macie jakieś pytania to śmiało piszcie. 

Wskazówki: 
  • Najlepiej wybrać jak najwyższej jakości wideo i z niego wyciąć klatki, wtedy również gif będzie dobrej jakości.
  • Pamiętajmy o zmniejszeniu wielkości gifa,, który ostatecznie nie powinien przekraczać 500 pikseli.
  • Do gifa można dodawać różne dodatki, ja osobiście polecam koloryzacje psd, ponieważ łatwo je się dodaje i nie trzeba się nacyrklować, aby były widoczne na wszystkich klatkach. 
  • Pamiętajmy także o zmianie i dopasowaniu czasu przesuwania się klatek, inaczej nasz gif będzie się wlókł lub pędził jak szalony! :) Jak to zrobić? Patrzcie uważnie, wszystko pokazane jest na powyższym wideo.
Oto nasz gif. Jedyna różnica taka, że nie ma napisu :)


Szczerze muszę się wam przyznać, że ja kiedyś także nie ogarniałam tych gifów, ale jak się okazuje nie są tak straszne, prawda?  Mam nadzieję, że tutorial przydatny i dla wielu z was robienie gifów nie będzie już niczym czarna magia :) 

~ * ~

Na sam koniec chciałabym oddać zamówienie dla Betty Gilbert. Musiałaś się trochę naczekać, ale za to poeksperymentowałam trochę i co mi wyszło? Jak dla mnie cudeńko! :)

<br/><a href="http://oi62.tinypic.com/29ap4dc.jpg" target="_blank">View Raw Image</a>


~ * ~


O G Ł O S Z E N I E
......................................................

W związku z wakacjami i tym, że mam dużo wolnego czasu, chciałabym zaangażować się na maksa w prowadzenie Kropli Sztuki. Mam zamiar opublikować swoje krótkie opowiadania, które będą ilustrowane grafiką. Co o tym myślicie? 
Najważniejszym celem funkcjonowania Kropli jest dostarczanie Wam dodatków graficznych (no i też moja satysfakcja i przyjemność) - tworzę dla Was. Moje pytanie jest następujące - co Wy chcielibyście ujrzeć na Kropli, jeśli chodzi o dodatki. Jednak dlaczego nie pójść dalej? Może macie jeszcze inne pomysły, niekoniecznie związane z sama grafiką? O czym chcielibyście tutaj czytać, co wam osobiście by się przydało?  Piszcie wszystkie swoje propozycje! Obiecuję, że każdą rozpatrzę :) 
To tyle na dzisiaj. Mam nadzieję, że tutorial się przydał, a zamówienie przypadnie do gustu Betty. To co? Może jest ktoś, kto również poszukuje szablonu? Pokażcie co macie - czekam na zamówienia :)
Pozdrawiam! :)

EDIT: Przyjmuję zamówienia od Fallen oraz Karoliny S. :)

20 komentarzy:

  1. Ja wakacje zaczynam pozniej, ale planuje odwiedzic rodzine i znajomych. Pojade pewnie nad morze, a tak to przesiedze cale wakacje w swoim rodzinnym miescie. Dziekuje za tutorial! Bardzo mi sie przyda <3

    OdpowiedzUsuń
  2. Oo przyjmujesz zamowienia. Wpadlam tu kiedyś bo na jednym z blogow zobaczylam button i nie żałuję.
    Robisz genialne szablony i byłabym przeszczesliwa gdybyś przyjęła moje zamówienie. A oto ono:


    Leona Lewis - I see you
    adres bloga: http://it-had-to-be-you-by-fallen.blogspot.com/
    nick: Fallen
    Przykładowe zdjęcia: 
    Josh Duhamel:
    1) http://i.pinger.pl/pgr320/17d2c855001242e64d7a7e4f/1.jpg
    2) http://wallpaperfast.com/wp-content/uploads/2013/08/Josh-Duhamel-hd-wallpaper-819x1024.jpg
    3) http://i.pinger.pl/pgr17/cedd6e81002392374d7a7e6f/2.jpg
    Keira Knightley:
    1) http://cdn03.cdn.justjared.com/wp-content/uploads/2007/08/venice-keira/venice-film-festival-keira-knightley-17.jpg
    2) http://res.vtc.vn/media/vtcnews/2012/08/17/Keira_Knightley_19.jpg
    3)http://www.mendaily.com/wp-content/uploads/2013/02/Keira-Knightley-Marie-Claire-Magazine-Photoshoot-2012-01-3.jpg
    Do wyboru:P
    O szablonie: Chciałabym aby kolory były jasne ( jakiś róż, pomarańcz albo inne) nagłówek był na środku i tekst na srodku między dwiema kolumnami. Wiadomo do tego jakiś tekst, strony, liczba wyświetleń itp. ) Na szablonie jak podałam wyżej zdjęcia Keiry Knightley ( z czarnymi włosami) i Josh Duhamel . w tle jakieś wybrzeże ( morze,fale, plaża, klify, latarnia morska itp. ) i chyba tyle, ale zawsze możesz coś zmienić lub dodać. Zdaję się na ciebie
    .Oświadczam, że zapoznałem/am się z regulaminem i akceptuję wszystkie jego punkty
    .Z góry dziękuje:p
    Fallen

    OdpowiedzUsuń
  3. Fajnie, że chcesz rozwijać krople sztuki. :) Bardzo podoba mi się twój blog, nie wspominając o pracach. Dziękować za filmik, który bardzo mi się przyda xD Może się w końcu nauczę...Eh! A co do zamówień. *-* Bardzo, ale to bardzo, bardzo zależy mi, aby ktoś godny wykonał szablon z Kathley :D Taaak, ty jesteś godna w 100% procentach! Soo..
    hasło: Arctic Monkeys - Cornerstone
    nick: laurkaa k
    Adres bloga: http://love-is-a-hell-of-a-drug-kathey.blogspot.com/
    Zdjęcia:
    Katherine -
    http://images6.fanpop.com/image/photos/36100000/Pretty-Little-Liars-The-Vampire-Diaries-image-pretty-little-liars-and-the-vampire-diaries-36101042-535-864.jpg

    Crowley - http://img2.wikia.nocookie.net/__cb20140508113257/supernatural/images/6/69/CrowleySayGoodbye.jpg

    Zależy mi na tym, aby nagłówek był duży, ale fajnie się wtapiał w tło... Tło będzie czarne, podobnie jak blog, ale proszę, żeby na nagłówku były czerwone smugi, czy coś. Nie wiem jak to nazwać. Coś jak tutaj: http://szablony-strayheart.deviantart.com/art/Szablon-Nr-1185-457254849 (przepraszam za link, po prostu chce żebyś wiedziała o co mi chodzi) Menu animowane, najlepiej coś w tych kolorach jak te smugi xD. Jesteś wspaniała w robieniu szablonów, powinnaś wiedzieć o co chodzi. Układ dwukolumnowy. Napis na nagłówku, rozrzucony: King of hell and Queen of vampire together against the world
    Kolorystyka bloga: Czerń i czerwony.
    Oświadczam, że zapoznałem/am się z regulaminem i akceptuję wszystkie jego punkty.

    Z góry bardzo dziękuje! :)

    OdpowiedzUsuń
    Odpowiedzi
    1. A! I jeszcze nagłówek...Coś związanego z piekłem ;>

      Usuń
  4. Odpowiedzi
    1. Wydaje mi się, że tak. Ten tutorial jest na prawdę oparty na podstawowych funkcjach programu. Praktycznie wszystko to kopiuj, wklej i trochę z animacji, więc myślę, że to możliwe też w CS5 :)

      Usuń
  5. O mój Boże! To jest jeszcze lepszy szablon, niż myślałam. Pisałaś, że jest niesamowity, ale nie wiedziałam, że aż tak! Jestem więcej niż w stu procentach zadowolona! Dziękuję Ci z całego serca, bo warto było czekać! <3

    Co do notki, wspaniale że dodałaś tutorial! naprawdę jest mało ich w języku polskim. Sama kiedyś chciałam zacząć tworzyć gify, nawet ściągnęłam Photoshop wersję testową, ale nie umiałam się nim obsługiwać, a wszystkie turtoriale były w języku angielskim. I jestem za tym opowiadaniem z grafiką! To jest wspaniały pomysł!
    A co do propozycji: może kiedyś spróbowałabyś zrobić szablon z animowanym nagłówkiem?
    I oczywiście, będę Cię odwiedzać i komentować każdą dodaną przez Ciebie notkę! Pozdrawiam i jeszcze raz dziękuję! <333

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję za propozycję! Szczerze muszę przyznać, że też myślałam nad animowanym nagłówkiem, ale do tej pory nie miałam na to czasu. Kolejny raz moi czytelnicy czytają mi w myślach! Obłęd :D

      Usuń
  6. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  7. Plany na wakacje: wylenić się za wszystkie czasy od czasu do czasu trzęsąc się nad tym, czy mnie przyjmą na uczelnię :) No i może udoskonalić moje kucharskie zdolności ;)
    Dzięki wielkie za instrukcję do tworzenia gifów! Od dawna próbowałam coś wymyślić sama, ale niestety moje "produkty" miały tak marną jakość, że do niczego się nie nadawały.
    Opowiadania chętnie przeczytam ;)
    Nawiasem propozycji, bardzo chciałabym się dowiedzieć, w jaki sposób zrobić takie wysuwane menu.
    Pozdrawiam ;*

    OdpowiedzUsuń
  8. Mam takie pytanie dotyczące szablonu. Chciałam wstawić ankietę, ale jak dodaję, to brak jest tego beżowego tła i nic nie widać. Czy możesz mi pomóc rozwiązać ten problem? Pozdrawiam serdecznie! :)
    Betty Gilbert

    OdpowiedzUsuń
  9. Hasło: Keep holding on
    Adres : http://angel-of-destination.blogspot.com/
    Nick : Karolina S
    Przykładowe zdjęcia : Chciałabym aby na szablonie znajdowali się Nina Dobrev i Ian somerhalder.

    (http://www.ndobrev.pl/gallery/albums/userpics/10001/normal_006~210.jpg; http://img708.imageshack.us/img708/2300/00001fl.jpg ;
    http://images5.fanpop.com/image/photos/31300000/Outtakes-from-People-Magazine-photoshoot-2010-ian-somerhalder-31381915-487-650.jpg. ;
    https://vampirediariesgossip.files.wordpress.com/2010/08/nina-6.jpg )
    Kolorystyka : Głównie chodzi mi o coś takiego, żeby Ian i Nina byli po dwóch różnych stronach i tam gdzie jest ona, żeby był jakiś jasny kolor, a tam gdzie znajduje się Ian ciemny.
    Inne szczegóły : Nie upieram się co do użycia tych właśnie zdjęć, które podałam :)
    Jeżeli nie uda się zrobić z kolorami tak jak chciałam to chciałabym szablon w odcieniach fioletu.
    Napis : Bo nie zawsze pamiętam gdzie byłam, co się ze mną działo.
    Oświadczam, że zapoznałem/am się z regulaminem i akceptuję wszystkie jego punkty.

    OdpowiedzUsuń
  10. Dziękuję bardzo za pomoc! Naprawdę mi pomogłaś! Pozdrawiam serdecznie! :*

    OdpowiedzUsuń
  11. A ja proponuję robić więcej takich wspaniałych szablonów jak ten, który pokazałaś nam tutaj :) Jest genialny!

    Pozdrawiam i zapraszam do siebie.
    scargraf.blogspot.com

    OdpowiedzUsuń
  12. piękny szablon ♥ na prawdę zjawiskowy :) czy można wiedzieć jakiej urzyłaś koloryzacji do niego? jestv obłędna ; *

    pozdrawiam x

    OdpowiedzUsuń
    Odpowiedzi
    1. To jedna z koloryzacji od Yass z Terriblecrash. Nie pamiętam która dokładnie :)

      Usuń
  13. Jejku, bardzo dziękuję za instrukcję na tworzenie gifa. Próbowałam robić już sama kiedyś gify, ale nie wychodziły mi. Z pewnością niedługo ją wykorzystam. :) Uwielbiam też zamówienie, które wykonałaś. Jest prześliczne i jak będę tylko miała na co, również pokuszę się na coś od Ciebie.
    Pozdrawiam serdecznie, dissentire.

    OdpowiedzUsuń
  14. Hej! Chciałabym zamówić u Ciebie szablon, bo uważam, że masz do tego talent.
    Hasło: Ed Sheeran- I see fire
    Adres: http://torn-klaroline.blogspot.com/
    Nick: Caroline Salvatore
    Przykładowe zdjęcia:
    Joseph Morgan:
    1) https://www.google.pl/search?q=joseph+morgan+sesja&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ei=osWxU9CKC4W4O4m2gLAL&ved=0CB4QsAQ&biw=1920&bih=955#facrc=_&imgdii=_&imgrc=xGbz80I9XOcoTM%253A%3Bz83W7tWqd7u6MM%3Bhttp%253A%252F%252F24.media.tumblr.com%252Facc3beeb138e5d1bbee9de19e38c6f0b%252Ftumblr_mu7jjxV1UK1qhg6ebo1_500.png%3Bhttp%253A%252F%252Fwww.fanforum.com%252Ff413%252Fbig-bad-wolf-%25257Bklaus-%25257C-joseph%25257D-3-try-having-bunch-drunk-fans-grabbing-onto-you-%2525E2%252580%252599s-wonderful-though-63105170%252Findex6.html%3B500%3B580

    2) https://www.google.pl/search?q=joseph+morgan+sesja&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ei=osWxU9CKC4W4O4m2gLAL&ved=0CB4QsAQ&biw=1920&bih=955#facrc=_&imgdii=_&imgrc=Hae49pJv43DVTM%253A%3BtMx2sGkogf8rqM%3Bhttp%253A%252F%252Fi2.pinger.pl%252Fpgr214%252F830327a30001010e5251c3cf%252Ftumblr_mu85j1aih91qltgiwo1_500.png%3Bhttp%253A%252F%252Fjosephmylove.pinger.pl%252Fm%252F20098543%3B500%3B580

    3) https://www.google.pl/search?q=joseph+morgan+sesja&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ei=osWxU9CKC4W4O4m2gLAL&ved=0CB4QsAQ&biw=1920&bih=955#facrc=_&imgdii=_&imgrc=nzyd5iryFBY9PM%253A%3BCxOHcRHpvjAiuM%3Bhttp%253A%252F%252F31.media.tumblr.com%252F9db5b99f02b536b7dc91aaff5e9a2c2d%252Ftumblr_mu7jp1Q0FI1qhg6ebo1_500.png%3Bhttp%253A%252F%252Fforum.vampirediaries.pl%252Fsesja-josepha-dla-bello-magazine-t12577.html%3B500%3B580

    Candice Accola:
    1) https://www.google.pl/search?q=candice+accola+sesja&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ei=A8exU-y2H4OPO_31gJgE&ved=0CB4QsAQ&biw=1920&bih=955#facrc=_&imgdii=_&imgrc=mbLOmdit9el7bM%253A%3B8UgkXdCRTRBJlM%3Bhttp%253A%252F%252Fpu.i.wp.pl%252Fk%252CODA1OTkwODcsNDkzNDIxNDY%253D%252Cf%252Cnormal_41_1p_orig.png%3Bhttp%253A%252F%252Fspoilery.bloog.pl%252Fid%252C330763153%252Ctitle%252CTVD-Candice-Accola-sesja%252Cindex.html%3B280%3B378

    2) https://www.google.pl/search?q=candice+accola+sesja&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ei=A8exU-y2H4OPO_31gJgE&ved=0CB4QsAQ&biw=1920&bih=955#facrc=_&imgdii=_&imgrc=92VjuRNmkr4UBM%253A%3BQc2sRUIAlm845M%3Bhttp%253A%252F%252Fimg.zszywka.pl%252F1%252F0261%252Fthb_7117%252Fcandice-lt3.png%3Bhttp%253A%252F%252Fzszywka.pl%252Fp%252Fcandice-accola-8048730.html%3B221%3B287

    3) https://www.google.pl/search?q=candice+accola+sesja&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ei=A8exU-y2H4OPO_31gJgE&ved=0CB4QsAQ&biw=1920&bih=955#facrc=_&imgdii=_&imgrc=SYrIpIRg_I34wM%253A%3BchCHTS01HUXELM%3Bhttp%253A%252F%252Fbi.gazeta.pl%252Fim%252Ffotomon%252Fbloxlite%252Ff640x640%252F72%252F68%252F880358e091.jpg%3Bhttp%253A%252F%252Fwww.kotek.pl%252Fbloxlite%252F0%252C110557%252C8294075.html%253FblogName%253Dpamietniki-wamp%2526year%253D2012%2526month%253D08%2526title%253Dpaul_wesley_katerina_graham__candice_accola_sesja_%2526counter%253D1%3B245%3B300
    (Oczywiscie są to tylko przykładowe zdjęcia i jestem otwarta na Twoje sugestie :) )
    Kolorystyka: Długo się nad tym zastanawiałam i doszłam do wniosku, że do tego bloga pasowałby jasny brąz lub niebieski lub zielony. Oczywiście jeśli miałabyś inny pomysł to nie sprawy :)
    Co do szablonu to chciałabym żeby gadżety byly po jednej stronie, a nie dwóch ( chyba, że to jakiś kłopot)
    Napis: Torn
    Oświadczam, że zapoznałem/am się z regulaminem i akceptuję wszystkie jego punkty.
    Mam nadzieję, że przyjmiesz moje zamówienie i nie daje Ci duzo pracy :)
    Pozdrawiam Caroline.

    OdpowiedzUsuń