Uz malo vježbe i strpljenja, možete naučiti kako animirati u Photoshopu^(Photoshop) i pretvoriti svoj rad u GIF za dijeljenje na mreži. Photoshopovi^(Photoshop) alati za animaciju često su nepoznati, ali ih vrijedi naučiti. Provest ćemo vas kroz svaki korak potreban da naučite kako animirati u Photoshopu^(Photoshop) .

Kao i većina alata za animaciju, morat ćete izraditi svaki okvir kao zasebne slike, tako da ćete morati odvojiti neko vrijeme za ručno stvaranje svakog okvira, pogotovo ako planirate napraviti kompliciranu animaciju.

Započnite izradom okvira za animaciju u Photoshopu^{(Start By Making Your Animation Frames In Photoshop)}

Za početak, morat ćete spremiti zasebnu sliku za svaki okvir koji namjeravate koristiti. Na vama je koliko složenu želite napraviti svoju animaciju, ali za ovaj test izradit ćemo jednostavan animirani logotip.

Trik za učenje kako animirati u Photoshopu^(Photoshop) je napraviti male pokrete i spremiti novu fotografiju svaki put kada napravite pokret. Svaki pokret trebao bi imati istu težinu. Na primjer, ako želite da redak teksta klizi po zaslonu, svaki okvir bi trebao pomaknuti tekst za isti broj piksela kako bi animacija izgledala glatko.

Ako niste sigurni kako možete doći od točke A do točke B u svojoj animaciji, prvo počnite s završnim okvirom, a zatim stvorite prvi okvir. Na kraju popunite okvire između.

Dok spremate svaku sliku, imenujte ih brojčano kako se ne biste zbunili s njihovim položajem.

Kako animirati slijed slika u Photoshopu^{(How To Animate a Sequence Of Images In Photoshop)}

Nakon što dobijete svoje slike okvir po kadar vrijeme je da ih pretvorite u animaciju. Pažljivo^(Make) slijedite dolje navedene korake.

1. Kliknite Datoteka^(File) , Kliknite Skripte^(Scripts) , a zatim kliknite Učitaj datoteke u stog.^{( Load Files Into Stack..)}
2. Kliknite Pregledaj...^{(Browse… )} i odaberite sve svoje okvire za svoju animaciju.
3. Kliknite OK i pričekajte da se slike učitaju u zasebne slojeve.
4. Kliknite Prozor^(Window) , a zatim Vremenska traka^(Timeline) da otvorite prozor animacije.
5. Kliknite strelicu padajućeg izbornika^{(dropdown arrow)} na ploči vremenske trake i odaberite Stvori animaciju okvira^{(Create Frame Animation)} .
6. Kliknite Kreiraj animaciju okvira^{(Create Frame Animation)} . 

Sada ćete imati sloj na vremenskoj traci. Sljedeći korak je pretvoriti svaki od vaših slojeva u novi okvir. Slijedite dolje navedene korake.

1. Kliknite Odaberi^{( Select )} pri vrhu, a zatim kliknite Svi slojevi.^{(All Layers.)}
2. Kliknite ikonu izbornika s tri snopa^{( three stack menu icon)} na lijevoj strani ploče vremenske trake.
3. U izborniku koji se pojavi kliknite Stvori novi sloj za svaki novi okvir^{(Create New Layer for Each New Frame)} .
4. Kliknite ikonu izbornika s tri snopa^{( three stack menu icon)} i sada kliknite Napravite okvire iz slojeva^{(Make Frames From Layers)} .

Sada ćete sve svoje slike učitati u zasebne okvire. Sljedeći zadatak je odabrati vrijeme koliko će se svaki okvir igrati. Možda će biti potrebno malo testiranja da biste dobili odgovarajuću brzinu, ali možete odabrati vrijeme kadra za svaki pojedinačni okvir klikom na strelicu ispod svakog okvira^{(the arrow under each frame )} pored teksta od 0 sekundi .^{( 0 sec)}

Možete eksperimentirati s različitim vremenima, ali najbolje je započeti odabirom istog vremena za svaki okvir. Ako animacija sadrži različite scene ili faze animacije, možda ćete htjeti prilagoditi vremena za svaku od tih faza/scena pojedinačno.

U bilo kojem trenutku možete kliknuti gumb za reprodukciju za pregled animacije. Postoji i niz drugih kontrola u prozoru vremenske trake, koje smo objasnili s lijeva na desno ispod.

Prebacivanje vremenske trake^{(Timeline Switch)}

Prebacivanje vremenske trake između okvira po kadar i tradicionalne filmske vremenske trake.

Količina reprodukcije^{(Playback Amount)}

Promijenite^(Change) hoće li se animacija reproducirati zauvijek ili za određeni broj petlji prije zaustavljanja. To će utjecati na krajnji rezultat nakon što se spremi kao GIF . Ovu postavku možete ponovno promijeniti prije nego što kasnije izvezete animaciju.

Padajući izbornik za reprodukciju^{(Playback Dropdown)} 

Strelica padajućeg izbornika koju vidite na kontrolama vremenske trake je još jedna metoda za pristup količini reprodukcije.

Kontrole reprodukcije^{(Playback Controls)}

Reproduciraj^(Play) , pauziraj, zaustavi i preskoči animaciju na kraj ili početak s četiri dostupne kontrole reprodukcije.

Tween

Koristite značajku Tween za generiranje okvira "između" kako bi vaša animacija izgledala glatko. Značajka Tween bit će detaljnije objašnjena u nastavku.

Duplikat okvira^{(Duplicate Frame)}

Ovaj gumb će duplicirati bilo koji trenutno odabrani okvir i smjestiti ga na vremensku traku nakon izvornika.

Izbriši okvir^{(Delete Frame)}

Ova opcija će izbrisati sve odabrane okvire.

Kako izvesti svoju Photoshop animaciju^{(How To Export Your Photoshop Animation)}

Kada budete zadovoljni svojom animacijom Photoshopa^(Photoshop) , možete je izvesti slijedeći korake u nastavku.

1. Kliknite Novo^(New) .
2. Kliknite Izvezi^(Export) , a zatim kliknite Spremi za web (naslijeđeno)...^{(Save for Web (Legacy)…)}
3. Ako imate animaciju s detaljnim bojama, odaberite GIF 128 Dithered ispod unaprijed postavljenog padajućeg izbornika.
4. Ako imate animaciju s jednostavnim bojama blokova, odaberite GIF 128 No Dither .
5. Provjerite^(Make) jeste li postavili željenu opciju u Options Looping Options^{(Looping Options)} na dnu. 
6. Na kraju kliknite Spremi...^(Save…) i odaberite mjesto za spremanje GIF - a na računalu.

Kako napraviti glatku animaciju u Photoshopu^{(How To Make An Animation Smooth In Photoshop)}

Osim ako nemate iskustva u izradi animacije kadar po kadar, krajnji rezultat može izgledati malo potresno. Srećom, možete koristiti značajku Tween kako biste automatski popunili praznine u animaciji kako bi stvari izgledale glađe.

Da biste to učinili, držite tipku shift , kliknite dva pojedinačna okvira u prozoru vremenske trake i kliknite ikonu Tween^{(Tween icon)} . Zatim kliknite da biste odabrali hoće li postavka Tween koristiti ^(Tween)položaj, neprozirnost^{(position, opacity)} ili efekte^(effects) . Za većinu animacija koje se temelje na pokretu, htjet ćete koristiti poziciju^(position) . 

Provjerite jesu li odabrani Svi slojevi , a zatim kliknite ^{(All Layers)}U redu^(OK) . Ponovite ovaj postupak za svaki upareni okvir. Na primjer okvir 1 i 2, zatim okvir 3 i 4, i tako dalje.

Sažetak^(Summary)

Nadamo se da je naš vodič o tome kako animirati u Photoshopu^(Photoshop) pomogao. Ako vam je potrebna dodatna pomoć, slobodno ostavite komentar ispod.

How To Animate An Image In Photoshop

With some practice and patience, you сan learn how to animаte in Photoshop and turn your wоrk 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

• Kako ukloniti ili zamijeniti pozadinu u Photoshopu

• Kako izbijeliti zube u Photoshopu

• Kako blendati u Photoshopu

• Kako pero i zamutiti u Photoshopu

• Kako izrezati objekt na slici u Photoshopu CC

• Što su Photoshopovi slojevi i kako ih koristiti

• Kako otvoriti zaključanu datoteku kada je koristi drugi program

• Kako skenirati više stranica u jednu PDF datoteku

• Kako onemogućiti Windows ključ

• Isključite kontrolu korisničkog računa (UAC) za određenu aplikaciju

• Kako pretvoriti dinamički disk u osnovni disk

• Kako izmjeriti udaljenost u Photoshopu

• Kako zakriviti tekst u Photoshopu

• Kako stvoriti tim u Microsoft timovima

• Kako napraviti pozadinu prozirnom u Photoshopu

• Kako koristiti Photoshop Zamijenite boju za kreativno uređivanje

• Kako zaštititi PDF lozinkom da bude siguran

• Kako otvoriti DDS datoteke u sustavu Windows 10

• Kako održavati svoje Windows računalo budnim bez dodirivanja miša

• Kako oporaviti hakirani Facebook račun