Imgur 와 같은 사이트에서 볼 수 있는 긴 GIF^(GIFs) 가 어떻게 만들어지는지 궁금하신가요? 많은 경우 제작자는 비디오를 찍고 전체를 애니메이션 GIF 로 변환 한 다음 텍스트를 겹쳐서 재미있게 만듭니다.

이제 이 게시물^{(post isn)} 은 멋진 GIF^(GIFs) 를 처음부터 끝까지 만드는 방법을 가르쳐주지는 않지만 비디오를 찍고 적어도 애니메이션 GIF 로 변환하는 방법을 알려줄 것 입니다. GIF 에 텍스트와 그래픽을 추가하는 방법에 대한 다른 게시물을 작성하겠습니다 .

이 튜토리얼에서는 Photoshop CC^{(Photoshop CC)} 를 사용하여 크기, 품질, 프레임 등의 측면에서 최종 제품을 더 잘 제어할 수 있습니다.

가져오기 전에 비디오 변환

시작하기 전에 비디오를 Adobe Photoshop에서 지원하는 파일 형식으로 변환해야 할 수 ^{(Adobe Photoshop)}있습니다^{(file format)} . 예를 들어 iPhone에서 비디오를 가져와 컴퓨터에 다운로드했습니다. 그런 다음 비디오를 Photoshop^(Photoshop) 으로 가져오려고 시도했지만 다음 오류가 발생했습니다.

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

동영상은 MOV 파일 이었는데 ^{(MOV file)}애플^(Apple) 이 사용 하는 코덱 은 포토샵^(Photoshop) 에서 지원하지 않습니다 . 이러한 유형의 문제를 해결하려면 HandBrake 와 같은 프로그램을 다운로드 하여 비디오를 변환해야 합니다.

HandBrake 를 사용하는 것은 매우 쉽습니다 . 파일^(File) – 소스 선택 을 ^{(Choose Source)}클릭^{(Just click)} 하고 비디오 파일^{(video file)} 을 선택하십시오 . 이 시점에서 정말로 해야 할 일은 인코딩 시작^{(Start Encode)} 버튼을 클릭하는 것입니다. 기본적으로 오른쪽에 나열된 빠른 1080p30 사전 설정을 사용합니다. ^{( Fast 1080p30)}많은 사전 설정이 있으므로 자신에게 맞는 사전 설정을 선택하십시오. 나중에 Photoshop 에서 ^(Photoshop)GIF 의 해상도를 줄일 수 있으므로 HandBrake 에서 할 필요가 없습니다 .

H.264 비디오^{(H.264 video)} 코덱 을 사용하여 MP4 파일^{(MP4 file)} 로 변환되면 이제 Photoshop 으로 가져올 수 있습니다 .

^{(Import Video and Create GIF)}Photoshop 에서 비디오 가져오기 및 GIF 만들기

Photoshop CC를 열고 파일^(File) , 가져오기^(Import) , 비디오 프레임을 레이어^{( Video Frames to Layers)} 로 차례로 클릭 합니다.

비디오 파일을 선택하고 열기^(Open) 를 클릭 합니다. 그러면 비디오의 작은 미리 보기와 몇 가지 옵션이 포함된 대화 상자가 나타납니다.

이제 전체 비디오를 애니메이션 GIF^(GIF) 로 만들고 싶다면 라디오 버튼^{(radio button)} 을 처음부터 끝까지^{(From Beginning to End)} 그대로 둡니다 . 일부만 필요한 경우 선택한 범위만을 선택한^{(Selected Range Only)} 다음 비디오 아래의 트림 컨트롤을 사용하여 범위를 선택하십시오.

또한 최종 GIF 의 크기 를 최대한 줄이기 위해 프레임 수를 제한할 수도 있습니다. 예를 들어 상자를 선택하고 2프레임으로 두면 Photoshop 이 비디오에서 다른 모든 프레임을 제거한다는 의미입니다.

마지막으로 Make Frame Animation 상자가 선택되어 있는지 확인해야 합니다. 확인을 클릭하면 비디오를 ^{(Click OK)}Photoshop 에서 프레임 묶음으로 가져와야 합니다 . 프로그램이 충돌하는 경우 가져오기를 시도하기 전에 비디오 품질을 더 낮춰야 할 수도 있습니다.

이제 프레임을 애니메이션 GIF 로 저장하기만 하면 됩니다 . Photoshop CC 에서 이 작업을 수행하려면 파일^(File) – 내보내기^(Export) – 웹용으로 저장 ^{(Save for Web)} (레거시)^((legacy)) 을 클릭해야 합니다 . GIF 로 저장하기 전에 원하는 대로 프레임을 편집하고 삭제할 수 있습니다.

이 대화 상자에는 가지고 놀아야 할 많은 옵션이 있습니다. 대부분은 왼쪽 의 미리보기 영역^{(preview area)} 에서 볼 수 있는 GIF 의 품질에 영향을 미칩니다. ^(GIF)오른쪽 창에서 대부분의 조정을 수행할 수 있습니다.

상단에 Preset 이라는 드롭다운이 표시 됩니다. 그것을 클릭하고 사전 설정 중 하나를 선택하거나 값을 직접 조정할 수 있습니다. 사전 설정 중 하나를 선택하면 GIF^(GIF) 의 품질이 저하 되지만 크기도 작아집니다. 사전 설정 아래의 드롭다운에서 ^(Preset)GIF 가 선택되어 있는지 확인합니다 .

이미지 크기^{( Image Size)} 아래에서 GIF 의 최종 ^(GIF)출력 해상도^{(output resolution)} 를 조정할 수 있습니다 . 따라서 비디오가 1920×1080 또는 4K인 경우 여기에서 크게 줄이고 싶을 것입니다. 애니메이션^(Animation) 에서 반복 옵션^{( Looping Options)} 에 대해 영원히^(Forever) , 한 번^(Once) 또는 사용자 정의^(Custom) 를 선택할 수 있습니다 . 기본적으로 GIF 는 계속 반복됩니다. 하단에 있는 컨트롤을 사용하여 GIF 를 재생하여 어떻게 보이는지 확인할 수 있습니다.

저장을 클릭 하고 ^{(Click Save)}GIF 를 저장할 위치를 선택합니다 . 그게 다야. Photoshop 을 사용하면 비디오에서 애니메이션 ^(Photoshop)GIF^(GIFs) 를 매우 쉽게 만들 수 있으며 설정을 조정하여 올바르게 만들 수 있습니다. 또한 Photoshop^(Photoshop) 을 사용하여 이미지에서 애니메이션 GIF^(GIFs) 를 만드는 방법에 대한 내 게시물을 읽으십시오 . 즐기다!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GIFs yоu sеe on sites like Imgur are created? A lot of times, the creators take a video, conνert the whole thing into an animated 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

• chromebook에서 Photo or Video을 섭취하는 3 가지 방법

• 무엇 Do BCC and CC Mean? 이해 Basic Email Lingo

• 방법 Mask에 Photoshop에 Hide Layers

• Adobe Premiere Pro에서 Sync Audio and Video 방법

• GIF를 이메일에 추가하는 가장 좋은 방법

• Chromebook에서 Caps Lock를 켜거나 끄는 방법

• YouTube 비디오를 텍스트 또는 대본으로 변환하는 4가지 방법

• 비디오 크기를 조정하거나 해상도를 변경하는 방법

• 360도 비디오에 대해 알아야 할 모든 것

• 비디오 또는 DVD에서 정지 이미지를 캡처하는 방법

• 7 Quick Fixes 때 Minecraft Keeps Crashing

• 손상되거나 손상된 비디오 파일을 복구하고 재생하는 방법

• Uber Passenger Rating and How는 무엇을 확인하는 것입니다

• 비디오 프로젝트에서 YouTube 오디오 라이브러리를 사용하는 방법

• Premiere Pro에서 비디오를 안정화하는 방법

• Photoshop에서 할 수 있는 7가지 쉬운 이미지 수정

• Photoshop에서 이미지를 흑백으로 만드는 방법

• Photoshop에서 그린 스크린 이미지에 배경을 추가하는 방법

• 4 Ways 귀하의 지역에서 최고의 인터넷 Options (ISPs)를 찾으려면

• Windows에서 비디오 슬라이드쇼를 만드는 3가지 방법