Недавно я сделал несколько забавных снимков своего двоюродного брата и хотел создать свой собственный анимированный GIF вместо использования «Auto Awesome», созданного автоматически Google+ . Поскольку у меня установлен Photoshop CS6 , я решил попробовать и посмотреть, что произойдет. Сначала я думал, что это будет довольно просто: импортировать изображения в отдельные слои, а затем просто сохранить их как файл GIF^{(GIF file)} с анимацией. Неправильно!

Если вы попытаетесь создать GIF таким образом, вы заметите, что раздел « Анимация»^{(Animation section)} в диалоговом окне « Сохранить^(Save) для Интернета»^{(Web dialog)} неактивен. Чтобы активировать это, чтобы вы могли выбирать параметры зацикливания, вы должны создать то, что называется Frame Animation в Photoshop CS6 . Звучит сложно, но это довольно легко сделать. В этом посте я покажу вам, как создать собственный анимированный GIF с использованием неподвижных изображений.

Я также упомяну, как импортировать видео и конвертировать^{(video and convert)} его в анимированный GIF . При импорте видео отличается только процесс импорта, остальные шаги остаются прежними.^{(import process)}

Шаг 1 – Импорт всех изображений

Первое, что вам нужно сделать, это импортировать все ваши изображения в отдельные слои в один файл фотошопа^{(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)} покадровую анимацию» .

Когда вы сделаете это, вы увидите только одно изображение на временной шкале с маленькой цифрой 1 в левом верхнем углу^{(left corner)} . Это будет либо изображение, которое вы выбрали на панели «Слои»,^{(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)} , который больше не должен быть выделен серым цветом.

Ваши варианты здесь довольно легко понять. Вы действительно можете только выбрать, как вы хотите, чтобы он зацикливался, а затем предварительно просмотреть анимацию перед ее сохранением. Вот об этом! Надеюсь, это руководство поможет вам без проблем создать анимированный GIF в Photoshop CS6 !

Заключение

Есть несколько вещей, о которых стоит упомянуть. Во-первых, если вы обнаружите, что анимированный 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 of my couѕin and wantеd to create my own animated GІF instead of using the “Auto Aweѕome” onе creatеd automatically by Google+. Sinсe I have Photoshop CS6 installed, I figured I would give it a shоt аnd see what happens. At first, I thought it would be fairly straight-fоrward: import the images into separate layers and then just save it out as а GІF file with animation. 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

• 7 простых модификаций изображений, которые вы можете сделать в Photoshop

• Ваш Computer Randomly Turn само по себе?

• Как изменить фон на изображении с помощью Photoshop

• Можете ли вы изменить свой Twitch Name? Да, но Be Careful

• Что такое Uber Passenger Rating and How, чтобы проверить это

• Как найти лучшие раздорные серверы

• Как создать GIF из видео с помощью Photoshop CC

• Как Fix Hulu Error Code RUNUNK13

• Как открыть File с No Extension

• Как Search Facebook Friends от Location, Job или School

• Как получить Rid Yahoo Search в Chrome

• Как Insert Emoji в Word, Google Docs and Outlook

• Как сделать любой Wired Printer Wireless в 6 пунктах Different

• 4 способа загрузки изображений из Instagram

• Как использовать VLOOKUP в листах Google

• Как разделить Screen на хромин