Jak zrobić GIF w Photoshopie (i innych alternatywach)

ammentorp / 123RF ammentorp / 123RF

Jeśli obraz mówi więcej niż tysiąc słów, to prawdopodobnie animowany GIF zawiera 10 000 słów. A może 50000? Milion? OK, nie analizuj zbytnio metafory! Chodzi o to, że GIF-y są niesamowite. Są jak flipbooki w Internecie - świetnie nadają się do przekazywania myśli i emocji, których słowa nie potrafią opisać, pokazywania wybryków twoich uroczych zwierząt domowych, tworzenia abstrakcyjnych dzieł sztuki lub zapewniania ci dobrego chichotu.

Ten prosty samouczek powinien przeprowadzić Cię przez proces tworzenia najwyższej jakości GIF-ów

GIF-y są również skromne, generalnie renderowane w niskiej rozdzielczości i ograniczonej liczbie klatek na sekundę, ale format ten stał się ulubieńcem Internetu. Służył jako wczesny przykład czegoś, co można było zrobić online, czego nie można było zrobić w formie drukowanej, i przetrwał w większości niezmieniony od jego powstania pod koniec lat 80., pozostając dziś popularnym pomimo dramatycznego wzrostu wysokiej jakości formatów wideo w Internecie. To oczywiście tylko sprawia, że ​​skromny GIF jest jeszcze bardziej imponujący.

Prawdopodobnie głosimy w chórze. W końcu, jeśli to czytasz, już wiesz, jak niesamowite są animowane GIF-y. Być może używałeś klawiatury GIF w telefonie, aby wysłać zabawną animację znajomemu lub widziałeś je w komentarzach na Facebooku. Ale czy kiedykolwiek stworzyłeś własne? Wszyscy mamy pomysły na największe GIF-y, miniaturowe arcydzieła czekające na szansę na życie - ale może nie wiesz, jak urzeczywistnić to marzenie. Nie musisz się martwić: ten prosty samouczek powinien przeprowadzić Cię przez proces tworzenia najwyższej jakości GIF-ów, nawet jeśli nie możemy ostatecznie powiedzieć, jak to wymówić.

Jak zrobić animowany GIF z wideo (Photoshop)

Zanim przejdziemy od razu do samouczka, powinniśmy zwrócić się do słonia w pokoju. Adobe Photoshop jest prawdopodobnie najlepszym dostępnym oprogramowaniem do tworzenia GIF-ów (lub ogólnie do edycji obrazów). Jeśli nie masz Photoshopa, istnieją programy, które mogą zapewnić Ci tę samą funkcjonalność, takie jak GIMP, ale jeśli chcesz poważnie podejść do tworzenia GIF-ów, najlepszym rozwiązaniem jest Photoshop.

Animowany gif koń

Krok 1  - Znajdź w Internecie dobrą sekwencję wideo, którą chcesz przekształcić w GIF. To może być praktycznie wszystko, ale spróbuj wybrać klip, który nie jest zbyt długi, ponieważ zwięzłość jest duszą GIF-a.

Krok 2  - Zapisz wideo na swoim komputerze. Sprawdź nasz przewodnik dotyczący pobierania filmów z YouTube, jeśli potrzebujesz wskazówek dotyczących zgrywania materiałów z Internetu. Przytnij nagranie tylko do takiej długości, na jaką chcesz odtwarzać GIF. Dwie lub trzy sekundy to świetne, pięć to pchanie, a 10 lub więcej jest możliwych przy odpowiednim cięciu, ale plik będzie duży i trudny w obróbce. Ogólną zasadą jest przedstawienie pomysłu w jak najmniejszej liczbie ramek.

Krok 3 - Otwórz wideo w Photoshopie. Aby to zrobić, przejdź do Plik> Importuj> Klatki wideo do warstw . Wybierz żądany plik wideo, a program Photoshop otworzy go jako serię nieruchomych klatek. Możesz zaimportować całe wideo od początku do końca lub użyć suwaków, aby zaznaczyć mniejszą część klipu. Możesz ograniczyć import do co drugiej (lub co trzeciej, czwartej itd.) Klatki, aby plik był mniejszy, ale spowoduje to również, że wideo będzie się zacinać.

Import GIF-ów z programu Photoshop

Krok 4 - Zepsuć ustawienia. Jeśli chcesz, możesz w tym momencie dostosować balans kolorów i inne rzeczy w Photoshopie. Gdy wszystko wygląda idealnie, przejdź do Plik> Zapisz dla Internetu. Pojawi się wtedy okno, które wygląda mniej więcej tak:

Ustawienia GIF w Photoshopie

Wszystkie te ustawienia można dostosować, aby zmniejszyć rozmiar GIF. Najlepiej byłoby, aby rozmiar nie przekraczał 1 MB, aby ładowanie na stronach internetowych nie trwało długo. Baw się nimi, dopóki nie znajdziesz odpowiedniego miejsca.

  • Kolory : ogranicza liczbę kolorów użytych do utworzenia obrazu, więc im wyższa, tym lepsza (GIF-y są ograniczone do maksymalnie 256 kolorów). Zejdź do 128 lub niżej, jeśli musisz, lub jeśli twój GIF nie ma na początku dużo koloru
  • Roztrząsanie : Roztrząsanie rozprasza piksele o różnych kolorach na obrazku, aby wyglądał tak, jakby na obrazach o ograniczonej palecie kolorów były kolory pośrednie. Wyższe ustawienia zapewnią lepiej wyglądające obrazy, ale również zwiększą rozmiar pliku
  • Stratna : użyj tego ustawienia, aby zastosować celowy spadek jakości. Niższe ustawienie jest lepsze, ale może być konieczna pewna utrata jakości, aby plik był wystarczająco mały
  • Rozmiar : zmiana wymiarów pliku GIF może mieć ogromny wpływ na rozmiar pliku

Krok 5  - Zapisz i udostępnij! Kliknij przycisk Zapisz, aby zakończyć tworzenie. Gdy to zrobisz, możesz przesłać go do bezpłatnej witryny hostującej obrazy, takiej jak Imgur, aby udostępnić go znajomym i osadzić na blogach i stronach internetowych.

Jak utworzyć animowany plik GIF przy użyciu obrazów nieruchomych (Photoshop)

Możesz także tworzyć animowane pliki GIF w programie Photoshop, łącząc obrazy nieruchome w łańcuchy. Ten proces polega na nakładaniu każdej klatki od dołu do góry, a następnie sekwencjonowaniu warstw za pomocą narzędzia do animacji / osi czasu programu Photoshop.

Krok 1  - Zbierz zdjęcia, które chcesz sekwencjonować dla swojego GIF-a i umieść je w jednym folderze. Następnie w programie Photoshop kliknij opcję  Plik> Skrypty> Załaduj pliki do stosu. Następnie kliknij Przeglądaj i wybierz obrazy na pulpicie, które chcesz połączyć w plik GIF.

Wybierz „OK”, a nowa kompozycja powinna się otworzyć, a te zdjęcia są teraz renderowane jako osobne warstwy na jednym obrazie. Ułóż je odpowiednio; pierwsza klatka powinna zajmować najniższą warstwę i tak dalej.

Możesz również utworzyć każdą warstwę osobno w samym Photoshopie, zamiast po prostu przesyłać swoje zdjęcia jako warstwy. Uruchom program Photoshop i utwórz nowy obraz, klikając Plik> Nowy, a następnie wybierając „OK”. Następnie odblokuj warstwę tła, klikając dwukrotnie ikonę kłódki, utwórz nową warstwę, otwierając Warstwa> Nowa…> Warstwa i odpowiednio zaprojektuj każdą klatkę. Ponownie narysuj animację od dołu do góry. (Ten proces działa, jeśli używasz starszej wersji programu Photoshop, która nie ma opcji „Wczytaj pliki do stosu”). Po prostu załaduj swoje zdjęcia do programu Photoshop, przeciągnij je do nowego projektu i odpowiednio zmień rozmiar nowo utworzonych warstw za pomocą programu Photoshop narzędzie transformacji ( E dit> Dowolna transformacja lubCtrl + T, a następnie przeciągnij rogi, aby zmienić rozmiar obiektu ).

Chcesz, aby efekt końcowy wyglądał następująco, z każdą klatką animacji oddzieloną jako warstwa i ułożoną chronologicznie od dołu do góry:

Obraz pierwszego slajdu w formacie gif

Krok 2  - Po odpowiednim ułożeniu warstw możesz rozpocząć sekwencjonowanie warstw. Ponownie, ten proces będzie się różnić w zależności od używanej wersji programu Photoshop. Jeśli nadal używasz wersji CS5 lub niższej (hej, nie będziemy oceniać), uzyskaj dostęp do okna animacji, otwierając Okno + Animacja . Podobnie kliknij opcję Okno + Oś czasu w programach Photoshop CS6 i Photoshop CC, aby uzyskać dostęp do okna Oś czasu. W przypadku programu Photoshop CC kliknij menu rozwijane pośrodku okna osi czasu i wybierz opcję „Utwórz animację klatek”.

Po otwarciu narzędzia do sekwencjonowania programu Photoshop kliknij małą strzałkę skierowaną w prawo w prawym górnym rogu, a następnie wybierz opcję Utwórz ramki z warstw .

Możesz także kliknąć strzałkę skierowaną w prawo, aby ręcznie utworzyć nową ramkę (lub możesz po prostu użyć skrótu klawiszowego Ctrl> Shift> Alt> F ). Następnie użyj ikony oka obok każdej warstwy, aby ukryć warstwy, których nie chcesz wyświetlać w utworzonej ramce.

Obraz ostatniego slajdu w formacie gif

W tym miejscu użyj menu pod każdą klatką, aby przełączyć jej czas trwania. Menu w lewym dolnym rogu dyktuje, ile razy Twój GIF będzie odtwarzany ponownie - ustaw go na Zawsze, jeśli chcesz, aby zapętlał się w nieskończoność.

Krok 3  - Gratulacje! Utworzyłeś animowany GIF przy użyciu nieruchomych obrazów, a teraz wszystko, co musisz zrobić, to wyeksportować go z programu Photoshop, korzystając z procesu opisanego powyżej. Szybkie podsumowanie:

Przejdź do pliku> Zapisz do publikacji w Internecie . Pamiętaj, aby Twój GIF nie był większy niż 1 MB. W razie potrzeby dostosuj ustawienia koloru, roztrząsania, utraty i rozmiaru, aż rozmiar GIF zostanie odpowiednio zmieniony. Gdy będziesz zadowolony, zapisz nowo wybity GIF.

Jak zrobić animowany GIF przy użyciu nieruchomych obrazów (za darmo)

Jeśli nie masz dostępu do Photoshopa, istnieją bezpłatne metody tworzenia GIF-ów, chociaż jakość produktu końcowego może nie być tak wysoka. Istnieją różne darmowe programy (takie jak GIMP lub Pixlr), które oferują podstawowe funkcje Photoshopa, umożliwiając w ten sposób tworzenie nieruchomych obrazów i odtwarzanie ich po kolei, a także strony internetowe, które umożliwiają wycinanie GIF-ów z wideo. Żaden z tych procesów nie będzie tak skuteczny jak Photoshop, jednak są one tańsze i dość proste.

Korzystanie ze zdjęć

Istnieje kilka aplikacji w przeglądarce, które umożliwiają tworzenie GIF-ów z serii nieruchomych obrazów. Jako przykład użyjemy Ezgif. Ta witryna umożliwia przesyłanie serii obrazów, układanie ich i przekształcanie w animowany GIF. Oczywiście, aby to zrobić, będzie potrzebny zestaw obrazów, które działają po kolei. Aby to zrobić, potrzebujemy darmowego zamiennika Photoshopa. W tym przykładzie użyjemy Pixlr.

Krok 1 - Pierwszą rzeczą do zrobienia jest utworzenie nowego obrazu. Wybierz rozmiar płótna, ale pamiętaj, że im większy rozmiar pliku GIF, tym wolniej będzie się ładował, więc spróbuj zmniejszyć ilość rzeczy, które będziesz zmieścić na płótnie. Prostsze i mniejsze jest często lepsze.

Krok 2  - Gdy masz już płótno, zrób pierwszą ramkę swojego GIF-a. W tym przykładzie użyjemy narzędzia kształtu, aby utworzyć osobę z koła, prostokątów i linii, zapisując ten obraz w celu utworzenia pierwszej klatki.

osoba gif 1

Animacja polega na odtwarzaniu serii obrazów z niewielkimi zmianami, aby stworzyć iluzję ruchu, więc aby utworzyć GIF, musisz wykonać wiele obrazów, z których każdy będzie nieznacznie różnić się od poprzedniego. Dla uproszczenia ten gif będzie miał tylko kilka ramek, więc nie będzie ładny, ale powinien ilustrować koncepcję.

Krok 3  - W następnej klatce sprawimy, że postać podniesie ręce, wymazując je i rysując nowe ramiona uniesione do góry. Zapisz obraz, aby utworzyć drugą klatkę.

osoba gif 2

Krok 3  - Następnie użyjemy narzędzia Tekst, aby wyświetlić tekst i zapiszemy ten obraz jako trzecią ramkę.

osoba gif 3

Krok 4  - Następnie dodamy więcej tekstu i zapiszemy go jako czwartą ramkę.

osoba gif 4

Krok 5  - Po przygotowaniu naszych ramek prześlemy je do Ezgif. Wybierz kartę oznaczoną jako GIF Maker i kliknij przycisk Wybierz pliki . Wybierz wszystkie pliki graficzne powiązane z Twoim GIF-em.

Krok 6  - Następnie kliknij przycisk oznaczony Prześlij . Po zakończeniu ładowania plików obrazów upewnij się, że są w odpowiedniej kolejności. Możesz także ustawić czas opóźnienia, czyli czas między klatkami, i wybrać, ile razy (jeśli w ogóle) chcesz, aby GIF był zapętlony.

solucja do kreatora gif 1

Krok 7  - Po zakończeniu kliknij przycisk oznaczony Animuj to!

solucja do kreatora gif 2

Następnie powinien pojawić się plik GIF wraz z przyciskami do edycji lub zapisania go na komputerze.

Jak zrobić animowany GIF z wideo (za darmo)

Jeśli chcesz użyć określonego fragmentu wideo jako GIF-a, istnieje wiele witryn, które mogą pomóc w ich utworzeniu przy niewielkim wkładzie z Twojej strony. Ezgif, Giphy, ImgFlip, Gfycat i wiele innych usług online umożliwia tworzenie GIF-ów bez pomocy karty kredytowej, chociaż wygoda wiąże się z poświęceniem poziomu kontroli, jaki masz.

Krok 1  - Korzystanie z jednego z tych narzędzi online jest niezwykle proste. Jako przykład użyjemy Giphy. Ta witryna umożliwia wklejenie adresu URL określonego wideo lub przesłanie pliku wideo z komputera. Wprowadź adres URL lub prześlij swój film i przejdź do kroku 2.

Krok 2  - Gdy to zrobisz, będziesz mógł wybrać punkt w filmie, w którym rozpocznie się GIF, i wybrać, jak długo GIF będzie działał. Jeśli chcesz, możesz również wprowadzić podpis.

ekran giphy 2

Krok 3  - Kiedy już zdecydujesz się na te elementy, po prostu naciśnij przycisk  Utwórz GIF i pozwól witrynie zająć się resztą.

Proces jest mniej więcej taki sam dla innych witryn, w tym ImgFlip. Jeśli jednak chcesz mieć większą kontrolę nad wynikową jakością swojego GIF-a, prawdopodobnie powinieneś pozostać przy Photoshopie. To powiedziawszy, w przypadku podstawowych funkcji wideo na GIF witryny takie jak Giphy powinny działać dobrze.

Jak zrobić GIF z filmu na YouTube

Możesz skorzystać z powyższych witryn i nie tylko, aby utworzyć GIF z wideo YouTube. Mamy tutaj przewodnik krok po kroku, który pomoże Ci stworzyć niesamowite GIF-y z dowolnego filmu na YouTube.

I to wszystko! Jesteś teraz guru GIF (lub Jedi GIF, jeśli wolisz miękką wymowę g), a Twoje kanały w mediach społecznościowych staną się nieskończenie bardziej ekscytujące. Chociaż prawdopodobnie powinniśmy was ostrzec: z wielką mocą wiąże się wielka odpowiedzialność; Wybieraj mądrze chwile i nie zalewaj znajomych przytłaczającym atakiem niskiej jakości kocich GIF-ów, bez względu na to, jak urocze mogą być. Jest czas i miejsce, a jakość zawsze przewyższa ilość. GIF może być skromny, ale jest też legendą; zasługuje na twój szacunek. Studiuj, ćwicz, opanuj.