Вы когда-нибудь задумывались, как создаются длинные GIF-файлы^(GIFs) , которые вы видите на таких сайтах, как Imgur ? Часто создатели берут видео, преобразуют его в анимированный GIF , а затем накладывают текст, чтобы сделать его интересным.

Теперь этот пост не^{(post isn)} научит вас создавать эти причудливые GIF^(GIFs) -файлы от начала до конца, но научит вас снимать видео и, по крайней мере, конвертировать его в анимированный GIF . Я напишу еще один пост о том, как добавить текст и графику в свой GIF .

Я буду использовать Photoshop CC для этого урока, потому что он позволяет вам лучше контролировать конечный продукт с точки зрения размера, качества, кадров и т. д.

Конвертируйте видео перед импортом

Прежде чем начать, вам может потребоваться преобразовать видео в формат файла^{(file format)} , который поддерживает Adobe Photoshop . Например, я взял видео со своего iPhone и загрузил его на свой компьютер. Затем я попытался импортировать видео в Photoshop , но получил следующую ошибку:

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

Видео было в формате MOV^{(MOV file)} , но кодек, который использует Apple , не поддерживается в ^(Apple)Photoshop . Чтобы решить эту проблему, вам нужно скачать программу, например HandBrake , для конвертации видео.

Использовать HandBrake^(HandBrake) очень просто . Просто нажмите «^{(Just click)} Файл »^(File) — « Выберите источник^{(Choose Source)} » и выберите свой видеофайл^{(video file)} . На этом этапе все, что вам действительно нужно сделать, это нажать кнопку « Начать кодирование^{(Start Encode)} » . По умолчанию будет использоваться предустановка Fast 1080p30 , которую вы видите в списке справа. У них много пресетов, поэтому выберите тот, который подходит именно вам. Обратите внимание, что вы можете уменьшить разрешение GIF в Photoshop позже, поэтому вам не нужно делать это в HandBrake .

После преобразования в файл MP4^{(MP4 file)} с использованием видеокодека H.264^{(H.264 video)} мы можем импортировать его в Photoshop .

Импортируйте видео и создавайте GIF^{(Import Video and Create GIF)} в Photoshop

Откройте Photoshop CC и нажмите «Файл^(File) », затем «Импорт^(Import) », а затем «Видеокадры в слои»^{( Video Frames to Layers)} .

Выберите видеофайл и нажмите «Открыть»^(Open) . Это вызовет диалоговое окно с небольшим предварительным просмотром видео и несколькими вариантами.

Теперь, если вы хотите, чтобы все видео было анимированным GIF , продолжайте и оставьте переключатель^{(radio button)} на From Beginning to End . Если вам нужна только часть, выберите « Только выбранный диапазон^{(Selected Range Only)} », а затем используйте элементы управления обрезкой под видео, чтобы выбрать диапазон.

Кроме того, чтобы максимально уменьшить размер конечного GIF , вы также можете ограничить количество кадров. ^(GIF)Например, если вы установите флажок и оставите 2 кадра, это означает, что Photoshop удалит каждый второй кадр из видео.

Наконец, вам нужно убедиться, что установлен флажок « Создать анимацию кадра ». ^{(Make Frame Animation)}Нажмите OK^{(Click OK)} , и ваше видео должно быть импортировано в виде набора кадров в Photoshop . В случае сбоя программы вам может потребоваться еще больше снизить качество видео перед попыткой импорта.

Теперь все, что нам нужно сделать, это сохранить кадры в виде анимированного GIF . Для этого в Photoshop CC нужно нажать Файл^(File) — Экспорт^(Export) — Сохранить для Web ^{(Save for Web)} (устаревший)^((legacy)) . Обратите внимание, что перед сохранением в формате GIF вы можете редактировать и удалять кадры по своему усмотрению.

В этом диалоговом окне есть множество опций, с которыми вам придется поиграть. Большинство из них повлияют на качество GIF , которое вы сможете увидеть в области предварительного просмотра^{(preview area)} слева. На правой панели вы будете вносить большинство настроек.

Вверху вы увидите раскрывающийся список Preset . Вы можете щелкнуть по нему и выбрать один из предустановленных параметров или настроить значения самостоятельно. Выбор одного из пресетов снизит качество GIF , но также уменьшит его размер. Убедитесь, что в раскрывающемся списке под Preset выбран GIF .

В нижней части раздела « Размер изображения^{( Image Size)} » вы можете настроить конечное выходное разрешение^{(output resolution)} для вашего GIF . Так что, если ваше видео было 1920 × 1080 или 4K, вы, вероятно, захотите значительно уменьшить его здесь. В разделе « Анимация^(Animation) » вы можете выбрать « Навсегда»^(Forever) , « Один раз^(Once) » или « Пользовательский^(Custom) » для параметров зацикливания^{( Looping Options)} . По умолчанию GIF будет непрерывно повторяться. Вы можете использовать элементы управления внизу, чтобы воспроизвести GIF и посмотреть, как он выглядит.

Нажмите «Сохранить»^{(Click Save)} и выберите место для сохранения GIF -файла . Вот об этом. Photoshop позволяет очень легко создавать анимированные GIF^(GIFs) -файлы из видео и позволяет настраивать параметры, чтобы все было правильно. Также читайте мои посты о том, как создавать анимированные GIF^(GIFs) -файлы из изображений с помощью Photoshop . Наслаждаться!

How to Create a GIF from a Video using Photoshop CC

Eνer wonder how those long GIFs you see on sites like Іmgur arе created? A lot of timеs, the creators take a video, convert thе whole thing into an animated GIF, аnd then superimpose text to make іt 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 способа взять Photo or Video на хромин

• Что Do BCC and CC Mean? Понимание Basic Email Lingo

• Как Mask в Photoshop до Hide Layers

• Как Sync Audio and Video в Adobe Premiere Pro

• Лучший способ добавить GIF на ваши электронные письма

• Как изменить размер видео или изменить разрешение

• Как стабилизировать видео в Premiere Pro

• 10 Best Ways до Child Proof Your Computer

• Как добавить фон к изображению с зеленым экраном в Photoshop

• Как загрузить A Video на YouTube - Step by Step Guide

• Как сделать изображение черно-белым в Photoshop

• Как записать WMV-видео Windows Movie Maker на DVD

• Как рисовать прямые линии в Photoshop

• 7 Quick Fixes, когда Minecraft Keeps Crashing

• Все, что вам нужно знать о 360-градусном видео

• Как удалить видео из TikTok

• 6 советов по редактированию видео для начинающих

• Как создать многостраничный PDF в Photoshop

• Как конвертировать PowerPoint в DVD, видео и PDF

• Как добавить Voiceover на Video в Adobe Premiere