Наскоро направих няколко забавни снимки на моя братовчед и исках да създам свой собствен анимиран GIF вместо да използвам „Auto Awesome“, създаден автоматично от Google+ . Тъй като имам инсталиран Photoshop CS6 , реших, че ще пробвам и ще видя какво ще се случи. Първоначално си помислих, че ще бъде доста просто: импортирайте изображенията в отделни слоеве и след това просто ги запазете като GIF файл с анимация. Грешно!

Ако се опитате да създадете GIF по този начин, ще забележите, че секцията Анимация^(Animation) в диалоговия прозорец Save for Web е неактивна. За да го активирате, за да можете да избирате опциите за цикъл, трябва да създадете така наречената анимация на рамка^{(Frame Animation)} във Photoshop CS6 . Звучи сложно, но е доста лесно да се направи. В тази публикация ще ви преведа през стъпките за създаване на свой собствен анимиран GIF с помощта на неподвижни изображения.

Ще спомена също как да импортирате видео и да го конвертирате в анимиран GIF . Само процесът на импортиране се различава при импортиране на видео, останалите стъпки остават същите.

Стъпка 1 - Импортиране на всички изображения

Първото нещо, което ще трябва да направите, е да импортирате всичките си изображения в отделни слоеве в един файл на Photoshop. Така че, ако имате 6 изображения, например, отворете всички във Photoshop и след това създайте нов файл и копирайте и поставете всяко от изображенията в отделен слой в новия файл. Слой 1^{(Layer 1)} трябва да бъде вашата начална картина, а последният слой трябва да бъде последната картина в анимацията.

Тази част от процеса вероятно ще отнеме най-много време от всички стъпки. Вероятно има по-лесен и по-бърз начин да направите това във Photoshop , но тъй като не съм професионален потребител, ръчно копирах и поставих всяко изображение в нов файл на Photoshop . Ако знаете по-бърз начин, моля, уведомете ме в коментарите.

Стъпка 2 – Създайте анимация на рамката

Втората стъпка е да създадете действителната анимация в самия Photoshop . За да направите това, първо трябва да отворите прозореца Timeline . Отидете до Прозорец^(Window) и изберете Времева^(Timeline) линия .

Сега ще видите прозореца Timeline отворен в долната част на екрана. За начало трябва да е напълно празен. Сега, за да създадете анимация на рамка, просто щракнете с десния бутон на мишката навсякъде в полето Времева^(Timeline) линия и изберете Създаване на анимация на рамка^{(Create Frame Animation)} .

Когато направите това, сега ще видите само едно изображение във времевата линия с малко 1 в горния ляв ъгъл. Това ще бъде или изображението, което сте избрали в панела Слоеве^(Layers) , или ще бъде най-скоро добавеният слой (последното изображение в анимацията). В този момент това е анимация с един кадър, което не е това, което искаме.

Вместо това искаме всички слоеве да бъдат включени в анимацията. За да направим това, трябва да щракнем върху малкия бутон със стрелка надолу в най-дясната част на прозореца на Timeline . Има малка стрелка надолу и след това няколко хоризонтални линии до нея. когато щракнете върху него, ще видите опция, наречена Направете рамки от слоеве^{(Make Frames From Layers)} .

Сега трябва да видите рамка за всеки слой, който имате във вашия файл. Всеки кадър ще има и малко падащо меню под изображението, което ви позволява да изберете продължителността от време, през което всеки кадър трябва да бъде показан.

Както можете да видите по-горе, първият кадър е 5 секунди, а след това останалите са настроени на 0. Ще трябва да ги коригирате съответно, но можете да изберете и персонализиран период от време.

След като изберете времето за всеки кадър, вие сте готови за последната стъпка, която запазва новата си анимация в GIF файл.

Стъпка 3 - Запазете GIF файл

Сега е време да запазите вашия анимиран GIF . За да направите това, отидете на Файл^(File) и щракнете върху Save for Web . В долната част на диалоговия прозорец за запазване ще видите секцията Анимация^(Animation) , която вече не трябва да е сива.

Вашите опции тук са доста лесни за разбиране. Наистина можете да изберете само как искате да се завърти и след това да прегледате анимацията, преди да я запазите. Това е всичко! Надяваме се, че това ръководство ще ви помогне да създадете своя анимиран GIF във Photoshop CS6 без проблем!

Заключение

Има няколко неща, които си струва да се спомене. Първо, ако откриете, че анимираният GIF е твърде голям, тогава първо ще трябва да намалите размера на отделните изображения, преди да създадете окончателния си файл на Photoshop с множеството слоеве. Можете или да изрежете изображенията, ако имате нужда само от част от снимките, за да създадете анимацията, или можете да намалите размера на цялото изображение.

Второ, ако имате видео, тогава можете автоматично да импортирате видео кадрите в слоеве, като отидете на Файл^(File) , след това Импортиране^(Import) и щракнете върху Видео кадри в слоеве^{(Video Frames to Layers)} .

Така че това е всичко. Отново^(Again) , за да управлявате размера, може да се наложи да намалите качеството на изображенията, за да създадете малък GIF файл. Наслади се!

How to Create Animated GIFs from Images using Photoshop CS6

I reсentlу toоk sоme funny pictures of mу cousin and wаnted to create my own animated GIF instead of using the “Auto Αwesome” one created automatically by Google+. Since I have Photoshop CS6 installed, I figured І would give іt a shot and see what happens. At first, I thoυght it would be fairly straight-forward: imрort the images into separate layers and then just save it out as a GIF 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 файлове на мобилно устройство и компютър

• Как да маскираме във Photoshop, за да скриете слоеве

• Как да конвертирате множество изображения в PDF файлове

• Как да добавите фон към изображение на зелен екран във Photoshop

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

• Как да коригирам кода за грешка на Hulu RUNUNK13

• Как да заснемете неподвижни изображения от видео или DVD

• Как да използвате спойлерни маркери на Discord

• Как да проверите твърдия диск за грешки

• Как да използвате VLOOKUP в Google Sheets

• Как да заглушите някого в Discord

• Как да предавате на Roku TV от компютър или мобилен телефон

• 10 най-добри начина да защитите компютъра си от деца

• Как да създадете многостраничен PDF във Photoshop

• OLED срещу MicroLED: Трябва ли да изчакате?

• Как да създадете прозрачен фон в GIMP

• 4 начина за изтегляне на изображения от Instagram

• Как да нарисувате прави линии във Photoshop

• Компютърът ви произволно ли се включва сам?

• Какво е режим Discord Streamer и как да го настроите