S trochou cviku a trpezlivosti sa môžete naučiť animovať vo Photoshope^(Photoshop) a premeniť svoju prácu na GIF , ktorý môžete zdieľať online. Animačné nástroje Photoshopu^(Photoshop) sú často neznáme, ale oplatí sa ich naučiť. Prevedieme vás každým krokom potrebným na to, aby ste sa naučili animovať vo Photoshope^(Photoshop) .

Ako väčšina animačných nástrojov, budete musieť vytvoriť každý snímok ako samostatné obrázky, takže si budete musieť vyhradiť nejaký čas na manuálne vytvorenie každého snímku, najmä ak plánujete vytvoriť komplikovanú animáciu.

Začnite vytvorením rámčekov animácií vo Photoshope^{(Start By Making Your Animation Frames In Photoshop)}

Na začiatok si budete musieť uložiť samostatný obrázok pre každý z rámov, ktoré plánujete použiť. Je na vás, ako zložitú chcete vytvoriť svoju animáciu, ale pre tento test vytvoríme jednoduché animované logo.

Trik, ako sa naučiť animovať vo Photoshope^(Photoshop) , je urobiť malé pohyby a uložiť novú fotografiu pri každom pohybe. Každý pohyb by mal mať rovnakú váhu. Napríklad, ak chcete, aby sa po obrazovke posúval riadok textu, každý rám by mal spôsobiť, že sa text bude pohybovať o rovnaký počet pixelov, aby animácia vyzerala hladko.

Ak si nie ste istí, ako sa vo svojej animácii dostanete z bodu A do bodu B, začnite najskôr koncovým rámcom a potom vytvorte prvý. Nakoniec vyplňte rámiky medzi nimi.

Pri ukladaní jednotlivých obrázkov ich číselne pomenujte, aby ste sa nemýlili s ich pozíciou.

Ako animovať sekvenciu obrázkov vo Photoshope^{(How To Animate a Sequence Of Images In Photoshop)}

Keď už máte svoje obrázky po jednotlivých snímkach, je čas ich premeniť na animáciu. Postupujte^(Make) podľa nasledujúcich krokov.

1. Kliknite na Súbor^(File) , Kliknite na Skripty^(Scripts) a potom kliknite na Načítať súbory do zásobníka.^{( Load Files Into Stack..)}
2. Kliknite na Prehľadávať…^{(Browse… )} a vyberte všetky snímky pre animáciu.
3. Kliknite na tlačidlo OK^(OK) a počkajte, kým sa obrázky načítajú do samostatných vrstiev.
4. Kliknutím na položku Okno^(Window) a potom na položku Časová os^(Timeline) otvorte okno animácie.
5. Kliknite na rozbaľovaciu šípku^{(dropdown arrow)} na paneli časovej osi a vyberte Vytvoriť animáciu snímky^{(Create Frame Animation)} .
6. Kliknite na položku Vytvoriť animáciu snímky^{(Create Frame Animation)} . 

Teraz budete mať na svojej časovej osi vrstvu. Ďalším krokom je premena každej vrstvy na nový rám. Postupujte podľa nižšie uvedených krokov.

1. Kliknite na položku Vybrať^{( Select )} v hornej časti a potom kliknite na položku Všetky vrstvy.^{(All Layers.)}
2. Kliknite na ikonu ponuky troch vrstiev^{( three stack menu icon)} na ľavej strane panela časovej osi.
3. V zobrazenej ponuke kliknite na položku Vytvoriť novú vrstvu pre každý nový rámec^{(Create New Layer for Each New Frame)} .
4. Kliknite na ikonu ponuky troch^{( three stack menu icon)} vrstiev a teraz kliknite na položku Vytvoriť rámy z vrstiev^{(Make Frames From Layers)} .

Teraz budete mať všetky svoje obrázky načítané do samostatných snímok. Ďalšou úlohou je vybrať čas, ako dlho sa bude hrať každý snímok. Na získanie správnej rýchlosti môže trvať určité testovanie, ale môžete si vybrať čas snímky pre každú jednotlivú snímku kliknutím na šípku pod každou snímkou^{(the arrow under each frame )} ​​vedľa textu 0 sekúnd .^{( 0 sec)}

Môžete experimentovať s rôznymi časmi, ale najlepšie je začať výberom rovnakého času pre každý snímok. Ak animácia obsahuje rôzne scény alebo fázy animácie, možno budete chcieť upraviť časovanie pre každú z týchto fáz/scén jednotlivo.

Animáciu môžete kedykoľvek zobraziť kliknutím na tlačidlo prehrávania. V okne časovej osi je tiež množstvo ďalších ovládacích prvkov, ktoré sme vysvetlili zľava doprava nižšie.

Prepínač časovej osi^{(Timeline Switch)}

Prepínajte časovú os medzi časovou osou snímky po snímke a tradičnou časovou osou filmu.

Množstvo prehrávania^{(Playback Amount)}

Pred zastavením zmeňte^(Change) , či sa animácia prehráva navždy alebo počas určitého počtu slučiek. To ovplyvní konečný výsledok, keď sa uloží ako GIF . Pred exportovaním animácie môžete toto nastavenie znova zmeniť.

Rozbaľovacia ponuka prehrávania^{(Playback Dropdown)} 

Šípka rozbaľovacej ponuky, ktorú vidíte na ovládacích prvkoch časovej osi, je ďalšou metódou prístupu k množstvu prehrávania.

Ovládanie prehrávania^{(Playback Controls)}

Prehrajte^(Play) , pozastavte, zastavte a preskočte animáciu na koniec alebo začiatok pomocou štyroch dostupných ovládacích prvkov prehrávania.

Tween

Pomocou funkcie Tween môžete vygenerovať snímky „medzi“ tak, aby vaša animácia vyzerala hladšie. Funkcia Tween bude podrobnejšie vysvetlená nižšie.

Duplicitný rám^{(Duplicate Frame)}

Toto tlačidlo duplikuje akýkoľvek aktuálne vybratý rámec a umiestni ho na časovú os za originál.

Odstrániť rám^{(Delete Frame)}

Táto možnosť vymaže všetky vybraté snímky.

Ako exportovať animáciu z Photoshopu^{(How To Export Your Photoshop Animation)}

Keď budete s animáciou Photoshopu^(Photoshop) spokojní , môžete ju exportovať podľa nasledujúcich krokov.

1. Kliknite na položku Nový^(New) .
2. Kliknite na Exportovať^(Export) a potom na Uložiť pre web (staršie)…^{(Save for Web (Legacy)…)}
3. Ak máte animáciu s podrobnými farbami, v rozbaľovacom zozname predvolieb vyberte položku GIF 128 Dithered .
4. Ak máte animáciu s jednoduchými farbami bloku, vyberte GIF 128 No Dither .
5. Uistite^(Make) sa, že máte v ponuke Looping Options v spodnej časti nastavenú preferovanú možnosť. 
6. Nakoniec kliknite na tlačidlo Uložiť…^(Save…) a vyberte miesto na uloženie obrázka GIF^(GIF) v počítači.

Ako urobiť animáciu hladkú vo Photoshope^{(How To Make An Animation Smooth In Photoshop)}

Ak nemáte skúsenosti s vytváraním animácií snímok po snímke, konečný výsledok môže vyzerať trochu trhane. Našťastie môžete použiť funkciu Tween na automatické vyplnenie medzier vo vašej animácii, aby veci vyzerali hladšie.

Ak to chcete urobiť, podržte kláves Shift , kliknite na dve jednotlivé snímky v okne časovej osi a kliknite na ikonu Tween^{(Tween icon)} . Potom kliknutím vyberte, či nastavenie Tween bude používať polohu, nepriehľadnosť^{(position, opacity)} alebo efekty^(effects) . Pre väčšinu animácií založených na pohybe budete chcieť použiť pozíciu^(position) . 

Uistite sa, že sú vybraté Všetky vrstvy a potom kliknite na tlačidlo ^{(All Layers)}OK . Tento postup opakujte pre každý spárovaný rám. Napríklad snímka 1 a 2, potom snímka 3 a 4 atď.

Zhrnutie^(Summary)

Dúfame, že vám pomohol náš návod na animáciu vo Photoshope . ^(Photoshop)Ak potrebujete ďalšiu pomoc, neváhajte zanechať komentár nižšie.

How To Animate An Image In Photoshop

With some practicе and patience, 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

• Ako odstrániť alebo nahradiť pozadie vo Photoshope

• Ako vybieliť zuby vo Photoshope

• Ako zmiešať vo Photoshope

• Ako operovať a rozmazávať vo Photoshope

• Ako vystrihnúť objekt z obrázka vo Photoshope CC

• Ako otáčať text a obrázky vo Photoshope

• Ako aktualizovať Raspberry Pi

• Ako vymeniť tvár vo Photoshope

• Ako používať Photoshop Nahradiť farbu pre kreatívne úpravy

• Ako stiahnuť inštalátor prehliadača Google Chrome offline (samostatný).

• Ako urobiť pozadie priehľadným vo Photoshope

• Inštalácia doplnkov GIMP: Návod ako na to

• Ako odstrániť priečinok Windows.old v systéme Windows 7/8/10

• Ako načrtnúť text vo Photoshope

• Ako zmeniť veľkosť, kombinovať a zlúčiť vrstvy vo Photoshope

• Ako udržiavať softvér počítača automaticky aktualizovaný

• Ako udržať počítač so systémom Windows v bdelom stave bez dotyku myši

• 7 technických tipov na SEO optimalizáciu pre akúkoľvek webovú stránku

• Ako zobraziť stránky a súbory vo vyrovnávacej pamäti z vášho prehliadača

• Recenzia knihy – Návod ako na to Geek Windows 8