Czy zastanawiałeś się kiedyś, jak powstają te długie GIF-y^(GIFs) , które widzisz w witrynach takich jak Imgur ? Wiele razy twórcy robią film, konwertują całość na animowany GIF , a następnie nakładają tekst, aby był zabawny.

Teraz ten post nie nauczy Cię, jak tworzyć te fantazyjne GIF-y^(GIFs) od początku do końca, ale nauczy Cię, jak zrobić wideo i przynajmniej przekonwertować go na animowany GIF . Napiszę kolejny post o tym, jak dodać tekst i grafikę do swojego GIF -a .

W tym samouczku będę używać Photoshopa CC^{(Photoshop CC)} , ponieważ pozwala on mieć większą kontrolę nad produktem końcowym pod względem rozmiaru, jakości, ramek itp.

Konwertuj wideo przed importowaniem

Przed rozpoczęciem może być konieczne przekonwertowanie wideo na format obsługiwany przez program Adobe Photoshop^{(Adobe Photoshop)} . Na przykład zrobiłem film z mojego iPhone'a i pobrałem go na mój komputer. Następnie próbowałem zaimportować wideo do Photoshopa^(Photoshop) , ale otrzymałem następujący błąd:

Could not complete the Video Frames to Layers command because the file has no video frames.

Film był plikiem MOV , ale kodek używany przez Apple nie jest obsługiwany w programie Photoshop^(Photoshop) . Aby rozwiązać ten problem, musisz pobrać program, taki jak HandBrake , aby przekonwertować wideo.

Jest bardzo łatwy w użyciu HandBrake . Po prostu^(Just) kliknij Plik^(File) – Wybierz źródło^{(Choose Source)} i wybierz plik wideo. W tym momencie wszystko, co naprawdę musisz zrobić, to kliknąć przycisk Rozpocznij kodowanie^{(Start Encode)} . Domyślnie użyje ustawienia szybkiego 1080p30^{( Fast 1080p30)} , które widzisz po prawej stronie. Mają wiele ustawień wstępnych, więc wybierz ten, który Ci odpowiada. Pamiętaj, że możesz później zmniejszyć rozdzielczość GIF w Photoshopie^(Photoshop) , więc nie musisz tego robić w HandBrake .

Po przekonwertowaniu do pliku MP4 przy użyciu kodeka wideo H.264 możemy go teraz zaimportować do ^(H.264)Photoshopa^(Photoshop) .

Importuj wideo^{(Import Video)} i twórz GIF^{(Create GIF)} w Photoshopie^(Photoshop)

Otwórz Photoshop CC i kliknij Plik^(File) , następnie Importuj^(Import) , a następnie Klatki wideo do warstw^{( Video Frames to Layers)} .

Wybierz plik wideo i kliknij Otwórz^(Open) . Spowoduje to wyświetlenie okna dialogowego z małym podglądem wideo i kilkoma opcjami.

Teraz, jeśli chcesz, aby całe wideo było animowanym GIF -em , zostaw przycisk opcji Od początku do końca^{(From Beginning to End)} . Jeśli potrzebujesz tylko części, wybierz Tylko wybrany zakres^{(Selected Range Only)} , a następnie użyj elementów sterujących przycinaniem pod wideo, aby wybrać zakres.

Ponadto, aby maksymalnie zmniejszyć rozmiar końcowego GIF - a, możesz również ograniczyć liczbę klatek. Na przykład, jeśli zaznaczysz pole i pozostawisz je na 2 klatkach, oznacza to, że Photoshop usunie co drugą klatkę z wideo.

Na koniec musisz upewnić się, że pole wyboru Utwórz animację^{(Make Frame Animation)} klatki jest zaznaczone. Kliknij OK^{(Click OK)} , a Twoje wideo powinno zostać zaimportowane jako kilka klatek w Photoshopie^(Photoshop) . Jeśli program ulegnie awarii, przed próbą importu może być konieczne dalsze obniżenie jakości wideo.

Teraz wszystko, co musimy zrobić, to zapisać klatki jako animowany GIF . Aby to zrobić w Photoshop CC , musisz kliknąć Plik^(File) – Eksportuj^(Export) – Zapisz do Internetu ^{(Save for Web)} (starsze)^((legacy)) . Pamiętaj, że przed zapisaniem go jako GIF , możesz dowolnie edytować i usuwać klatki.

W tym oknie dialogowym jest kilka opcji, z którymi będziesz musiał się pobawić. Większość z nich wpłynie na jakość GIF , którą będziesz mógł zobaczyć w obszarze podglądu po lewej stronie. Prawe okienko to miejsce, w którym dokonasz większości zmian.

U góry zobaczysz listę rozwijaną o nazwie Preset . Możesz na to kliknąć i wybrać jedno z ustawień wstępnych lub samodzielnie dostosować wartości. Wybranie jednego z ustawień wstępnych obniży jakość GIF - a, ale również go zmniejszy. Upewnij się, że GIF jest wybrany na liście rozwijanej poniżej Preset .

Na dole, w obszarze Rozmiar obrazu^{( Image Size)} , możesz dostosować ostateczną rozdzielczość wyjściową dla swojego GIF -a . Więc jeśli Twój film był 1920 × 1080 lub 4K, prawdopodobnie będziesz chciał go tutaj znacznie zmniejszyć. W sekcji Animacja^(Animation) możesz wybrać Zawsze^(Forever) , Jednorazowo^(Once) lub Niestandardowe^(Custom) dla opcji zapętlania^{( Looping Options)} . Domyślnie GIF będzie się zapętlał w sposób ciągły. Możesz użyć elementów sterujących na dole, aby odtworzyć GIF , aby zobaczyć, jak wygląda.

Kliknij Zapisz^{(Click Save)} i wybierz lokalizację, w której chcesz zapisać swój GIF . O to chodzi. Photoshop bardzo ułatwia tworzenie animowanych GIF^(GIFs) -ów z filmów i pozwala dostosować ustawienia, aby uzyskać właściwe efekty. Przeczytaj także moje posty na temat tworzenia animowanych GIF-ów z obrazów za pomocą programu Photoshop^{(create animated GIFs from images using Photosho)} p. Cieszyć się!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GІFs you see on sites like Imgur are creаted? A lot of times, thе creators take a video, conνert the whole thіng into an animatеd GIF, and then superimpose text to make it entertaining.

Now this post isn’t going to teach you how to create those fancy GIFs from start to finish, but it will teach you how to take a video and at least convert it to an animated GIF. I’ll write up another post on how you can add text and graphics to your GIF.

I’ll be using Photoshop CC for this tutorial because it allows you to have more control over the final product in terms of size, quality, frames, etc.

Convert Video Before Importing

Before you start, you may need to convert your video to a file format that Adobe Photoshop will support. For instance, I took a video from my iPhone and downloaded it onto my computer. I then tried to import the video into Photoshop, but got the following error:

Could not complete the Video Frames to Layers command because the file has no video frames.

The video was a MOV file, but the codec that Apple uses is not supported in Photoshop. In order to fix this type of problem, you need to download a program like HandBrake to convert the video.

It’s very easy to use HandBrake. Just click on File – Choose Source and pick your video file. At this point, all you really have to do is click the Start Encode button. By default, it will use the Fast 1080p30 preset that you see listed on the right. They have many presets, so choose the one that works for you. Note that you can reduce the resolution of the GIF in Photoshop later on, so you don’t have to do it in HandBrake.

Once it has been converted to an MP4 file using the H.264 video codec, we can now import it into Photoshop.

Import Video and Create GIF in Photoshop

Open Photoshop CC and click on File, then Import and then Video Frames to Layers.

Pick your video file and click Open. This will bring up a dialog with a small preview of the video and a couple of options.

Now if you want the entire video as a an animated GIF, go ahead and leave the radio button to From Beginning to End. If you only need a portion, choose Selected Range Only and then use the trim controls below the video to pick the range.

In addition, to reduce the size of the final GIF as much as possible, you can also limit the number of frames. For example, if you check the box and leave it at 2 frames, that means Photoshop will remove every other frame from the video.

Lastly, you need to make sure the Make Frame Animation box is checked. Click OK and your video should be imported as a bunch of frames in Photoshop. If the program crashes, you may need to reduce the quality of the video even further before trying to import.

Now all we have to do is save the frames as an animated GIF. To do this in Photoshop CC, you need to click on File – Export – Save for Web (legacy). Note that before saving it out as a GIF, you can edit and delete frames as desired.

On this dialog, there are a bunch of options that you will have to play around with. Most of them will affect the quality of the GIF, which you will be able to see in the preview area on the left. The right pane is where you will make most of the adjustments.

Up at the top, you’ll see a dropdown called Preset. You can click on that and choose one of the presets or you can adjust the values yourself. Choosing one of the presets will reduce the quality of the GIF, but will make it smaller also. Make sure that GIF is selected in the dropdown below Preset.

At the bottom under Image Size, you can adjust the final output resolution for your GIF. So if you video was 1920×1080 or 4K, you probably will want to reduce it significantly here. Under Animation, you can choose Forever, Once or Custom for Looping Options. By default, the GIF will loop continuously. You can use the controls at the bottom to play the GIF to see how it looks.

Click Save and choose a location to save your GIF. That’s about it. Photoshop makes it very easy to create animated GIFs from videos and allows you to tweak the settings to get it just right. Also, read my posts on how to create animated GIFs from images using Photoshop. Enjoy!

Related posts

• 3 sposoby na zrobienie zdjęcia lub filmu na Chromebooku

• Co oznaczają BCC i CC? Zrozumienie podstawowego języka e-mail

• Jak maskować w Photoshopie, aby ukryć warstwy

• Jak zsynchronizować dźwięk i wideo w programie Adobe Premiere Pro

• Najlepszy sposób na dodanie GIF-a do e-maili

• Jak korzystać z biblioteki audio YouTube w projektach wideo

• Jak rysować linie proste w Photoshopie

• 4 sposoby na znalezienie najlepszych opcji internetowych (ISP) w Twojej okolicy

• Jak dodać narrację do wideo w Adobe Premiere?

• Jak szybko i za darmo usunąć zielony ekran z filmu?

• Połączenia wideo w sieci WhatsApp: prosty hack na Androida

• Jak edytować muzykę w wideo za pomocą Adobe Premiere?

• Jak sfingować zwracanie uwagi w rozmowach wideo z zoomem

• Jak wstawić wideo z YouTube do prezentacji PowerPoint

• 7 szybkich poprawek, gdy Minecraft ciągle się zawiesza

• Technologia płaskich wyświetlaczy bez tajemnic: TN, IPS, VA, OLED i więcej

• Najłatwiejszy sposób na znalezienie i załadowanie plików napisów (SRT) za pomocą wideo

• Jaka jest ocena pasażera Ubera i jak ją sprawdzić

• Jak anulować subskrypcje kanałów telewizyjnych i filmowych w Amazon Prime Video?

• Jak wykryć oprogramowanie do monitorowania komputera i poczty e-mail lub oprogramowanie szpiegujące?