С известна практика и търпение можете да научите как да анимирате във Photoshop и да превърнете работата си в GIF , който да споделяте онлайн. Инструментите за анимация на Photoshop^(Photoshop) често са непознати, но си струва да ги научите. Ще ви преведем през всяка стъпка, необходима, за да научите как да анимирате във Photoshop .

Както повечето инструменти за анимация, ще трябва да създадете всеки кадър като отделни изображения, така че ще трябва да отделите известно време, за да създадете всеки кадър ръчно, особено ако планирате да направите сложна анимация.

Започнете, като направите своите анимационни рамки във Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

За начало ще трябва да запазите отделно изображение за всеки от кадрите, които смятате да използвате. От вас зависи колко сложна искате да направите своята анимация, но за този тест ще създадем просто анимирано лого.

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

Ако не сте сигурни как можете да стигнете от точка А до Б във вашата анимация, започнете първо с крайния кадър, след това създайте първия кадър. Накрая попълнете рамките между тях.

Докато запазвате всяко изображение, наименувайте ги числово, за да не се объркате с позицията им.

Как да анимирате поредица от изображения във Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

След като имате вашите изображения кадър по кадър, е време да ги превърнете в анимация. Не^(Make) забравяйте да следвате внимателно стъпките по-долу.

1. Щракнете върху Файл^(File) , Щракнете върху Скриптове^(Scripts) , след това щракнете върху Зареждане на файлове в стека.^{( Load Files Into Stack..)}
2. Щракнете върху Преглед...^{(Browse… )} и изберете всичките си кадри за вашата анимация.
3. Щракнете върху OK и изчакайте изображенията да се заредят в отделни слоеве.
4. Щракнете върху Прозорец^(Window) и след това върху Времева линия^(Timeline) , за да отворите прозореца за анимация.
5. Щракнете върху стрелката^{(dropdown arrow)} за падащо меню в панела на времевата линия и изберете Създаване на анимация на рамка^{(Create Frame Animation)} .
6. Щракнете върху Създаване на анимация на рамка^{(Create Frame Animation)} . 

Сега ще имате слой във вашата времева линия. Следващата стъпка е да превърнете всеки от вашите слоеве в нова рамка. Следвайте стъпките по-долу.

1. Щракнете върху Избор^{( Select )} в горната част и след това върху Всички слоеве.^{(All Layers.)}
2. Щракнете върху иконата на менюто с три стека^{( three stack menu icon)} от лявата страна на панела на времевата линия.
3. В менюто, което се показва, щракнете върху Създаване на нов слой за всеки нов кадър^{(Create New Layer for Each New Frame)} .
4. Щракнете върху иконата на менюто с три стека^{( three stack menu icon)} и сега щракнете върху Направи рамки от слоеве^{(Make Frames From Layers)} .

Вече ще имате всичките си изображения, заредени в отделни рамки. Следващата задача е да изберете време за колко време ще играе всеки кадър. Може да отнеме известно тестване, за да получите правилната скорост, но можете да изберете времето за кадър за всеки отделен кадър, като щракнете върху стрелката под всеки кадър^{(the arrow under each frame )} до текста от 0 секунди^{( 0 sec)} .

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

По всяко време можете да щракнете върху бутона за възпроизвеждане, за да видите анимацията. Има и редица други контроли в прозореца на времевата линия, които сме обяснили отляво надясно по-долу.

Превключване на времевата линия^{(Timeline Switch)}

Превключвайте времевата линия между времева линия кадър по кадър и традиционна времева линия на филма.

Количество за възпроизвеждане^{(Playback Amount)}

Променете^(Change) дали анимацията се възпроизвежда завинаги или за определен брой цикли, преди да спре. Това ще повлияе на крайния резултат, след като бъде запазен като GIF . Можете да промените тази настройка отново, преди да експортирате анимацията по-късно.

Падащо меню за възпроизвеждане^{(Playback Dropdown)} 

Стрелката за падащо меню, която виждате на контролите на времевата линия, е друг метод за достъп до количеството възпроизвеждане.

Контроли за възпроизвеждане^{(Playback Controls)}

Пуснете^(Play) , пауза, спрете и прескочете анимацията до края или началото с четирите налични контроли за възпроизвеждане.

Tween

Използвайте функцията Tween , за да генерирате „между“ кадри, за да направите вашата анимация да изглежда по-гладка. Функцията Tween ще бъде обяснена по-подробно по-долу.

Дублирана рамка^{(Duplicate Frame)}

Този бутон ще дублира всеки избран в момента кадър и ще го постави във времевата линия след оригинала.

Изтриване на рамка^{(Delete Frame)}

Тази опция ще изтрие всеки избран кадър.

Как да експортирате вашата Photoshop анимация^{(How To Export Your Photoshop Animation)}

След като сте доволни от вашата анимация на Photoshop , можете да я експортирате, като следвате стъпките по-долу.

1. Щракнете върху Нов^(New) .
2. Щракнете върху Експортиране^(Export) и след това щракнете върху Запазване за уеб (наследено)...^{(Save for Web (Legacy)…)}
3. Ако имате анимация с подробни цветове, изберете GIF 128 Dithered под падащото меню с предварително зададени настройки.
4. Ако имате анимация с прости блокови цветове, изберете GIF 128 No Dither .
5. Уверете^(Make) се, че сте задали предпочитаната от вас опция в Опции^{(Looping Options)} за цикъл в долната част. 
6. Накрая щракнете върху Запиши...^(Save…) и изберете място за запазване на вашия GIF на вашия компютър.

Как да направите анимация гладка във Photoshop^{(How To Make An Animation Smooth In Photoshop)}

Освен ако нямате опит в правенето на анимация кадър по кадър, крайният резултат може да изглежда малко потресаващ. За щастие можете да използвате функцията Tween , за да попълните автоматично пропуските във вашата анимация, за да направите нещата да изглеждат по-гладки.

За да направите това, задръжте клавиша shift , щракнете върху два отделни кадъра в прозореца на времевата линия и щракнете върху иконата Tween^{(Tween icon)} . След това щракнете, за да изберете дали настройката Tween ще използва позиция, непрозрачност^{(position, opacity)} или ефекти^(effects) . За повечето базирани на движение анимации ще искате да използвате позиция^(position) . 

Уверете се, че са избрани Всички слоеве и след това щракнете върху ^{(All Layers)}OK . Повторете този процес за всеки сдвоен кадър. Например кадър 1 и 2, след това кадър 3 и 4 и т.н.

Резюме^(Summary)

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

How To Animate An Image In Photoshop

With some practice and patienсe, you can learn how to animate in Photoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

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

• Как да избелите зъбите във Photoshop

• Как да смесвате във Photoshop

• Как да разцветявате и размазвате във Photoshop

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

• 7 съвета за техническа SEO оптимизация за всеки уебсайт

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

• Създайте настолно приложение Gmail с тези 3 имейл клиента

• Как да възстановите фабричните настройки на Xbox One или Xbox Series X

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

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

• Как да управлявате дрон за напълно начинаещи

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

• Как да отворите заключен файл, когато друга програма го използва

• Как да изтеглите офлайн (самостоятелен) инсталатор на Google Chrome

• Изключете контрола на потребителските акаунти (UAC) за конкретно приложение

• Как да изтриете папката Windows.old в Windows 7/8/10

• Как да изрежете във Photoshop

• Как да добавите рамка във Photoshop

• Как да конвертирате динамичен диск в основен диск