Уз мало вежбе и стрпљења, можете научити како да анимирате у Пхотосхопу^(Photoshop) и претворите свој рад у ГИФ^(GIF) за дељење на мрежи. Пхотосхоп^(Photoshop) -ови алати за анимацију су често непознати, али их вреди научити. Провешћемо вас кроз сваки корак потребан да научите како да анимирате у Пхотосхопу^(Photoshop) .

Као и већина алата за анимацију, мораћете да креирате сваки кадар као засебне слике, тако да ћете морати да одвојите неко време да направите сваки кадар ручно, посебно ако планирате да направите компликовану анимацију.

Почните тако што ћете направити оквире за анимацију у Пхотосхопу^{(Start By Making Your Animation Frames In 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)}

Ова опција ће избрисати било који изабрани оквир.

Како да извезете своју Пхотосхоп анимацију^{(How To Export Your Photoshop Animation)}

Када будете задовољни својом Пхотосхоп^(Photoshop) анимацијом, можете да је извезете пратећи кораке у наставку.

1. Кликните на Ново^(New) .
2. Кликните на Извези^(Export) , а затим кликните на Сачувај за Веб (застарело)…^{(Save for Web (Legacy)…)}
3. Ако имате анимацију са детаљним бојама, изаберите ГИФ 128 Дитхеред^{(GIF 128 Dithered )} испод унапред подешеног падајућег менија.
4. Ако имате анимацију са једноставним блок бојама, изаберите ГИФ 128 Но Дитхер^{( GIF 128 No Dither)} .
5. Уверите^(Make) се да сте поставили жељену опцију у опцијама петље^{(Looping Options)} на дну. 
6. На крају, кликните на Сачувај...^(Save…) и изаберите место за чување ГИФ^(GIF) -а на рачунару.

Како направити глатку анимацију у Пхотосхопу^{(How To Make An Animation Smooth In Photoshop)}

Осим ако нисте искусни у прављењу анимације кадар по кадар, крајњи резултат може изгледати мало потресно. Срећом, можете да користите функцију Твеен^(Tween) да аутоматски попуните празнине у анимацији како би ствари изгледале глатко.

Да бисте то урадили, држите тастер схифт^(shift) , кликните на два појединачна оквира у прозору временске линије и кликните на икону Твеен^{(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 patiеnce, you сan learn how to animate in Рhotoshop and turn your work into а 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

• Како уклонити или заменити позадину у Пхотосхопу

• Како избелити зубе у Пхотосхопу

• Како се мешати у Пхотосхопу

• Како да пере и замутите у Пхотосхопу

• Како исећи објекат на слици у Пхотосхоп ЦЦ

• Како да користите свој Цхромебоок као други монитор

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

• Направите Гмаил апликацију за рачунаре са ова 3 клијента е-поште

• Како ротирати текст и слике у Пхотосхопу

• Како избрисати фасциклу Виндовс.олд у оперативном систему Виндовс 7/8/10

• Како додати ивицу у Пхотосхопу

• Рецензија књиге - Водич за штреберке за Виндовс 8

• Како управљати дроном за потпуне почетнике

• Како направити снимке екрана на Нинтендо Свитцх-у

• Шта су Пхотосхоп прекривачи и како их користити

• Како заменити лице у Пхотосхопу

• Како користити Пхотосхоп Замените боју за креативно уређивање

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

• Како нацртати текст у Пхотосхопу

• Како повратити хаковани Фацебоок налог