Google+ 에서 자동으로 만든 "자동 편집"을 사용하는 대신 나만의 애니메이션 GIF 를 만들고 싶었 습니다 . Photoshop CS6 이 설치되어 있으므로 한 번 시도해 보고 어떤 일이 일어나는지 살펴보겠습니다. 처음에는 매우 간단할 것이라고 생각했습니다. 이미지를 별도의 레이어로 가져온 다음 애니메이션 이 포함된 GIF 파일 로 저장하기만 하면 됩니다. ^{(GIF file)}잘못된!

이 방법으로 GIF 를 만들려고 하면 웹용 으로 저장 ^(Save)대화 상자 의 ^{(Web dialog)}애니메이션 섹션^{(Animation section)} 이 회색으로 표시됩니다. 루핑 옵션을 선택할 수 있도록 활성화하려면 Photoshop CS6 에서 프레임 애니메이션^{(Frame Animation)} 이라는 것을 만들어야 합니다 . 복잡해 보이지만 해보면 꽤 쉽습니다. 이 게시물에서는 정지 이미지를 사용하여 자신만의 애니메이션 GIF 를 만드는 단계를 안내합니다 .

또한 비디오^{(video and convert)} 를 가져와서 애니메이션 GIF 로 변환 하는 방법에 대해서도 언급하겠습니다 . 비디오를 가져올 때 가져 오기 프로세스^{(import process)} 만 다르고 나머지 단계는 동일하게 유지됩니다.

1단계 – 모든 이미지 가져오기

가장 먼저 해야 할 일은 모든 이미지를 하나의 Photoshop 파일^{(photoshop file)} 에 있는 별도의 레이어로 가져오는 것 입니다. 예를 들어 6개의 이미지가 있는 경우 Photoshop 에서 이미지를 모두 연 다음 새 파일을 만들고 각 이미지를 복사하여 새 파일^{(file and copy)} 의 별도 레이어에 붙여넣습니다. 레이어 1^{(Layer 1)} 은 시작 그림이어야 하고 마지막 레이어는 애니메이션의 마지막 그림이어야 합니다.

프로세스의 이 부분은 아마도 모든 단계 중 가장 많은 시간을 차지할 것입니다. Photoshop 에서 이 작업을 수행하는 더 쉽고 빠른 방법이 있을 수 있지만 저는 전문가가 아니므로 각 이미지를 수동으로 복사하여 새 Photoshop 파일^{(Photoshop file)} 에 붙여넣었습니다 . 더 빠른 방법을 아시는 분은 댓글로 알려주세요.

2단계 – 프레임 애니메이션 만들기

두 번째 단계는 Photoshop 자체에서 실제 애니메이션을 만드는 것입니다. 이렇게 하려면 먼저 타임라인 창^{(Timeline window)} 을 열어야 합니다 . 창^(Window) 으로 이동하여 타임라인^(Timeline) 을 선택합니다 .

이제 화면 하단에 타임라인^(Timeline) 창이 열리는 것을 볼 수 있습니다. 시작하려면 완전히 비어 있어야 합니다. 이제 프레임 애니메이션 을 만들려면 ^{(frame animation)}타임라인 상자^{(Timeline box)} 의 아무 곳이나 마우스 오른쪽 버튼으로 클릭 하고 프레임 애니메이션 만들기^{(Create Frame Animation)} 를 선택합니다 .

이렇게 하면 이제 타임라인에 하나의 이미지만 표시되고 왼쪽 상단 모서리^{(left corner)} 에 작은 1이 표시됩니다 . 레이어 패널^{(Layers panel)} 에서 선택한 이미지 이거나 가장 최근에 추가된 레이어(애니메이션의 마지막 이미지)가 됩니다. 이 시점에서 우리가 원하는 것이 아닌 한 프레임 애니메이션 입니다.^{(frame animation)}

대신 모든 레이어가 애니메이션에 포함되기를 원합니다. 이렇게 하려면 타임라인 창의^{(Timeline window)} 맨 오른쪽에 있는 작은 아래쪽 화살표 버튼을 클릭해야 합니다 . 작은 아래쪽 화살표가 있고 그 옆에 몇 개의 수평선이 있습니다. 그것을 클릭하면 레이어에서 프레임 만들기^{(Make Frames From Layers)} 라는 옵션이 표시 됩니다.

이제 파일에 있는 각 레이어에 대한 프레임이 표시되어야 합니다. 또한 각 프레임에는 각 프레임이 표시되어야 하는 시간 길이를 선택할 수 있는 이미지 아래에 작은 드롭다운이 있습니다.

위에서 볼 수 있듯이 첫 번째 프레임은 5초이고 나머지는 0으로 설정됩니다. 그에 따라 조정해야 하지만 사용자 지정^{(custom amount)} 시간을 선택할 수도 있습니다.

각 프레임의 시간을 선택했으면 새 애니메이션을 GIF 파일^{(GIF file)} 로 저장하는 마지막 단계를 수행할 준비가 된 것 입니다.

3단계 – GIF 파일 저장

이제 애니메이션 GIF 를 저장할 차례 입니다. 이렇게 하려면 파일 로 이동하여 ^(File)웹용^{(Save for Web)} 으로 저장을 클릭합니다 . 저장 대화 상자^{(save dialog)} 맨 아래에 애니메이션 섹션^{(Animation section)} 이 표시되며 더 이상 회색으로 표시되지 않습니다.

여기에서 선택할 수 있는 옵션은 매우 이해하기 쉽습니다. 루프 방식을 선택한 다음 저장하기 전에 애니메이션을 미리 볼 수만 있습니다. 그게 다야! 이 가이드가 Photoshop CS6^{(Photoshop CS6)} 에서 문제 없이 애니메이션 GIF 를 만드는 데 도움이 되기를 바랍니다 !

결론

언급할 가치가 있는 몇 가지 사항이 있습니다. 첫째, 애니메이션 GIF 가 너무 큰 경우 여러 레이어로 최종 Photoshop 파일^{(Photoshop file)} 을 만들기 전에 먼저 개별 이미지의 크기를 줄여야 합니다 . 애니메이션을 만드는 데 사진의 일부만 필요한 경우 이미지를 자르거나 전체 이미지의 크기를 줄일 수 있습니다.

둘째, 비디오가 있는 경우 파일^(File) 로 이동한 다음 비디오 프레임을 레이어로 가져오기^(Import) 를 클릭하여 비디오 프레임을 레이어^{(Video Frames to Layers)} 로 자동으로 가져올 수 있습니다 .

그게 전부입니다. 다시 말하지만 , 크기를 관리하기 위해 작은 ^(Again)GIF 파일^{(GIF file)} 을 만들기 위해 이미지의 품질을 줄여야 할 수도 있습니다 . 즐기다!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures оf my coυsin and wanted to create my own animated GIF instead of using the “Aυto Awesome” one created automatically by Google+. Since I have Photoshop CS6 installed, I figured I would give it a shot and see what happenѕ. At first, I thoυght it would be fairly straight-forward: impоrt the images into separate layers and then just save it out as a GІF file with anіmation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• 모바일 및 컴퓨터에 애니메이션 GIF를 저장하는 방법

• 방법 Mask에 Photoshop에 Hide Layers

• Multiple Images을 PDF Files로 변환하는 방법

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

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

• Download and Install Peacock Firestick에서 방법

• Instagram 이미지를 다운로드하는 4가지 방법

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

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

• Photoshop을 사용하여 이미지의 배경을 변경하는 방법

• Steam에서 Screenshot을 섭취하는 방법

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

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

• Discord Streamer Mode and How은 무엇을 설정합니다

• 플랫 Panel Display Technology Demystified : TN, IPS, VA, OLED 및 더 많은

• 10 Best Ways ~ Child Proof Your Computer

• 6 개 Different 방법으로 모든 Wired Printer Wireless을 만드는 방법

• Location, Job 또는 School의 Search Facebook Friends 사용법

• 7 Quick Fixes 때 Minecraft Keeps Crashing

• 오류에 대한 Your Hard Drive 확인하는 방법