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.
- 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.
- Następnie należy pobrać program Free Video to JPG Converter, można zdobyć go tutaj.
- 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.
- Wybieramy miejsce, gdzie pliki mają się zapisać - polecam Pulpit. Klikamy Konwertuj.
- 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! :)
~ * ~
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. :)
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ńOo przyjmujesz zamowienia. Wpadlam tu kiedyś bo na jednym z blogow zobaczylam button i nie żałuję.
OdpowiedzUsuń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
I jeszcze napis:
UsuńIt Had To be You...
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..
OdpowiedzUsuń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! :)
A! I jeszcze nagłówek...Coś związanego z piekłem ;>
UsuńA czy to możliwe w CS5?
OdpowiedzUsuń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ń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
OdpowiedzUsuń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
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ńTen komentarz został usunięty przez autora.
OdpowiedzUsuń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 ;)
OdpowiedzUsuń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 ;*
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! :)
OdpowiedzUsuńBetty Gilbert
Hasło: Keep holding on
OdpowiedzUsuń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.
Dziękuję bardzo za pomoc! Naprawdę mi pomogłaś! Pozdrawiam serdecznie! :*
OdpowiedzUsuńNie ma za co :* Po to jestem, aby pomagać :)
UsuńA ja proponuję robić więcej takich wspaniałych szablonów jak ten, który pokazałaś nam tutaj :) Jest genialny!
OdpowiedzUsuńPozdrawiam i zapraszam do siebie.
scargraf.blogspot.com
piękny szablon ♥ na prawdę zjawiskowy :) czy można wiedzieć jakiej urzyłaś koloryzacji do niego? jestv obłędna ; *
OdpowiedzUsuńpozdrawiam x
To jedna z koloryzacji od Yass z Terriblecrash. Nie pamiętam która dokładnie :)
Usuń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.
OdpowiedzUsuńPozdrawiam serdecznie, dissentire.
Hej! Chciałabym zamówić u Ciebie szablon, bo uważam, że masz do tego talent.
OdpowiedzUsuń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.