Jak zrobić GIF w Photoshopie z wideo

Jeśli przybyłeś tutaj, zastanawiając się, jak zrobić GIF za pomocą Photoshopa, to prawdopodobnie dlatego, że wideo, które przesłałeś do swojej witryny, spowalniało czas ładowania. Cóż, trafiłeś we właściwe miejsce. W tym przewodniku pokażemy, jak zrobić GIF w Photoshopie z materiału wideo. Będzie wyglądać świetnie na Twojej stronie i będzie znacznie bardziej zoptymalizowany pod kątem szybkości niż plik wideo!

Za pomocą GIF-a możesz prezentować dowolny rodzaj wideo na stronie internetowej, w pętli. Może to być klip z materiału promocyjnego, nagranie ekranu do samouczka lub prawie wszystko, co naprawdę chcesz.

Do tego samouczka potrzebujesz materiału wideo i programu Adobe Photoshop. Jeśli nie masz subskrypcji programu Photoshop, możesz skorzystać z bezpłatnej wersji próbnej, w konsekwencji może się okazać, że posiadanie programu Photoshop jest dużą pomocą w projektowaniu stron internetowych! Jeśli Twój film jest bardzo długi, możesz go najpierw przyciąć w edytorze wideo, takim jak iMovie lub Adobe Premiere. Photoshop ma również opcję przycinania podczas importowania, ale edytor wideo jest lepszy, jeśli oryginalny materiał jest bardzo długi.

Zacznijmy.

Podgląd wyniku końcowego

To jest ostateczny wynik GIF-a, który stworzyliśmy dla tego samouczka, idealny do tła sekcji lub modułu.

Aby rozpocząć, zaimportuj wideo do Photoshopa

Aby zaimportować klip wideo do Photoshopa, musisz najpierw wejść do edytora Photoshop. Stamtąd kliknij Plik> Importuj> Klatki wideo do warstw. Wybierz film, którego chcesz użyć, i kliknij Otwórz.

W wyskakującym oknie dialogowym masz dwie możliwości; 1. Od początku do końca – aby wykorzystać film w całości lub 2. Tylko wybrany zakres – aby skorzystać z opcji przycinania i wykorzystać tylko część filmu.

Poniżej znajduje się możliwość ograniczenia importu do wybranej liczby klatek. Wybierz małą liczbę, jeśli wideo jest krótsze, a większą, jeśli wideo jest dłuższe. Może to zająć trochę prób i błędów, zanim uzyskasz właściwy przepływ. Na przykład materiał filmowy, który ma niewielkie lub powolne zmiany, będzie zawierał wiele klatek, które wyglądają prawie dokładnie tak samo. Z drugiej strony, jeśli nagranie jest szybkie z dużą ilością zmian wizualnych, jeśli wyjmiesz zbyt wiele klatek, może to wyglądać niespokojnie.

W tym samouczku wybieramy „Od początku do końca” i „Ogranicz co 3 klatki”. Upewnij się, że kliknięto opcję „Utwórz animację klatki”.

Wprowadź poprawki do materiału filmowego

To idealny moment, aby wprowadzić dowolne zmiany w materiale wideo, od przycinania rozmiaru po dostosowywanie poziomów kolorów. Na przykład w rogu wideo może znajdować się nieestetyczny obiekt lub pełna wysokość wideo jest zbyt duża, aby umieścić go w projekcie witryny. Alternatywnie, jeśli materiał wideo jest nadmiernie nasycony, możesz użyć panelu korekt, aby dostosować nasycenie na wszystkich warstwach jednocześnie.

Dla kreatywnych, wprowadzanie zmian w różnych warstwach stworzy różnego rodzaju różne efekty w twoim GIF-ie. To, czego nie możesz zrobić, to usunąć tła lub użyć narzędzi, które działają tylko na jednej warstwie na raz.

Porada dla profesjonalistów: Upewnij się, że niezależnie od tego, co zrobisz, zaznaczyłeś wszystkie warstwy.

Jak przyciąć wszystkie warstwy jednocześnie?

Wybierz wszystkie warstwy, klikając warstwę 1, a następnie trzymając wciśnięty klawisz Shift, kliknij najwyższą warstwę. Wybierz narzędzie Rectangular Marquee i wybierz obszar filmu, który chcesz zachować (nie to, co chcesz usunąć). Kliknij Obraz > Przytnij, a obszary poza zaznaczeniem znikną. W naszym filmie zaznaczamy cały obszar wideo, pozostawiając część na górze niezaznaczoną. Chcemy, aby cały film był niższy i usunąć białą krawędź horyzontu.

Jak dostosować kolory w GIF?

Po zaznaczeniu wszystkich warstw kliknij zakładkę Dopasowania w menu Panele. Możesz użyć dowolnego z narzędzi do dostosowywania i zastosować je do warstw w swoim GIF-ie. Na przykład możesz zmienić kolory na czarno-białe lub nadać im efekt bichromii. Używamy regulacji czerni i bieli z odcieniem, aby kolor naszego filmu był nieco bardziej artystyczny. Jest to idealne rozwiązanie dla tła, które nie będzie przeszkadzać w pozostałych treściach. Możesz użyć dowolnego odcienia koloru i dostosować różne poziomy kolorów w dowolny sposób. Tylko słowo rady, jeśli dodasz korekty kolorów, Twój ostateczny plik będzie większy niż w przypadku tego braku.

Ten GIF pobrany z prędkością 211 MB bez filtrów kolorów i 312 MB z korektami kolorów. Jeśli naprawdę chcesz dopasować kolory, musisz wyciąć klatki, aby ostateczny plik był mniejszy. Więcej na ten temat w następnej sekcji.

Użyj osi czasu do edycji ramek

W oknie osi czasu możesz edytować klatki, aby zmniejszyć ostateczny rozmiar pliku GIF. Na przykład dodatkowe klatki na końcu klipu, które wydają się być opóźnione lub tworzą statyczną sekcję. Im więcej ramek możesz wyjąć, tym lepiej! Uważaj jednak, aby usunąć zbyt wiele klatek, a efekt końcowy stanie się niepewny, poświęć trochę czasu na sprawdzenie, jak wygląda pętla po usunięciu niektórych klatek.

Aby uzyskać dostęp do okna osi czasu i zobaczyć, jak GIF działa w pętli, kliknij Okno> Oś czasu. W dolnej części ekranu otworzy się długi poziomy panel. W lewym dolnym rogu znajduje się kilka kontrolek. Wybierz opcję pętli jako „Na zawsze” i naciśnij przycisk odtwarzania, aby zobaczyć, jak wygląda GIF. W naszym przypadku nasz GIF wygląda całkiem nieźle, ale wciąż jest za długi. Przy ponad 200 klatkach i z korektą kolorów ostateczny plik to aż 312 MB. Możesz sprawdzić rozmiar końcowego pliku, wykonując czynności opisane w sekcji „Zapisz jako GIF” poniżej. Gdy spojrzysz, po prostu naciśnij anuluj zamiast zapisywać. Będziesz także mógł zmniejszyć rozmiar pliku za pomocą opcji Eksportuj do Internetu.

Jak usunąć ramki, aby zmniejszyć rozmiar pliku GIF?

Aby nasz GIF był znacznie mniejszy, wyjmujemy ostatnie 200 klatek. Cały film ma sekcję, w której kamera drona obraca się i przesuwa w lewo w kierunku parku za plażą. Nie potrzebowaliśmy tego. Teraz nasz GIF waży 160MB. Wciąż dość duży. Nie usuwamy więcej ramek, ponieważ będzie się to robiło niespokojne, więc zostawiamy to bez zmian w celu późniejszej optymalizacji z opcjami „Zapisz dla Internetu”.

Aby usunąć klatki, możesz wybrać jedną i nacisnąć ikonę kosza, która znajduje się pod funkcjami odtwarzania okna osi czasu. Podobnie możesz wybrać kolejną grupę klatek, klikając jedną, a następnie klatki przed lub po, naciskając klawisze Shift+klik. Jeśli nie chcesz wycinać materiału od początku lub końca GIF, ale chcesz go skrócić, usuń alternatywne klatki, naciskając jedną, a następnie polecenie + klikanie co drugą klatkę.

Uwielbiamy, jak tworząc GIF w Photoshopie z wideo, możesz wycinać sekcje materiału zarówno podczas importu, jak i później! Tak praktyczny.

Jak zmienić prędkość GIF

Okno osi czasu daje również opcję spowolnienia lub przyspieszenia GIF-a. Każda klatka na osi czasu ma pod sobą kontrolę prędkości. Domyślny pomiar to „brak opóźnienia” lub „0”, ale może się zdarzyć, że używany film miał już regulację prędkości. Tak jest w przypadku naszego wideo. Jeśli spojrzysz na zrzut ekranu powyżej, na którym usuwamy ramki, możesz zauważyć, że nasze ramki mają opóźnienie 0,04 sekundy. Kiedy podglądamy GIF, wygląda na to, że jest przyspieszony. Nie chcemy tego.

Wybieramy wszystkie klatki na osi czasu, klikając trzy linie w lewym górnym rogu okna osi czasu i klikając „Zaznacz wszystkie klatki”. W dowolnej z ramek klikamy małą strzałkę skierowaną w dół i wybieramy „bez opóźnienia”. To sprawi, że nasz GIF będzie płynął naturalnie. Aby utworzyć GIF, który wygląda, jakby był w zwolnionym tempie, wybierz dowolną wartość powyżej 1 sekundy.

Zapisz jako GIF i zoptymalizuj

Kiedy wszystko się skończy, czas zapisać projekt jako GIF. Kliknij Plik > Eksportuj > Zapisz dla Internetu (starsze) i wybierz opcję GIF w wyskakującym oknie dialogowym. Sprawdź rozmiar pliku i rozważ jego dane wyjściowe. Jest kilka rzeczy, które możesz zrobić, aby zmniejszyć rozmiar pliku.

• Zmniejsz liczbę kolorów.
• Zmniejsz lub usuń dither.
• Zmniejsz wysokość i szerokość.

Aby sprawdzić, jak zmiany zmieniają GIF, kliknij przycisk Podgląd. Użyj kart 2 na ekranie i 4 na ekranie, aby zobaczyć różne opcje. Być może będziesz musiał wrócić i usunąć więcej ramek, jeśli nadal jest za duży. Celuj w rozmiar pliku poniżej 20 MB. Jeśli tworzyłeś GIF dla sekcji o pełnej szerokości, będziesz musiał naprawdę wyciąć ramki, aby móc uzyskać go w dobrym rozmiarze do Internetu.

Dobrą zasadą jest, aby pliki GIF nie były większe niż około 20 MB. Więcej jest po prostu za duże. Jeśli uda ci się zmniejszyć go poniżej 10 MB bez utraty jakości, to masz zwycięzcę.

Skończyło się na usunięciu większej liczby klatek z naszego GIF-a, aby zmniejszyć go do 18 MB. Następnie przepuszczamy go przez GIFCompressor i zmniejszamy o 55%. GIFCompressor to darmowe narzędzie online, które zmniejsza rozmiar GIF-a bez utraty jakości. Możesz przesłać plik GIF o rozmiarze do 50 MB.

Wniosek

Jak widać, tworzenie GIF-a w Photoshopie z materiału wideo jest dość łatwe. Jedynym zastrzeżeniem jest długość filmu, od którego zaczynasz, i liczba usuniętych klatek. Jeśli nie usuniesz wystarczająco dużo, ostateczny plik będzie naprawdę ogromny, a to wcale nie pomoże. Może to zająć kilka prób, aby w końcu uzyskać GIF-a, który będzie wyglądał dokładnie tak, jak chcesz. Jeśli tworzysz GIF-y ze zrzutami ekranu do samouczków, tak jak w tym przewodniku, zrozumiesz to i za każdym razem będzie to prostsze.

Polecane zdjęcie za pośrednictwem emojoez / shutterstock.com