Harjoittelemalla ja kärsivällisesti voit oppia animoimaan Photoshopissa^(Photoshop) ja muuntaa työsi GIF -tiedostoksi verkossa jaettavaksi. Photoshopin^(Photoshop) animaatiotyökalut ovat usein tuntemattomia, mutta ne ovat oppimisen arvoisia. Otamme sinut läpi jokaisen vaiheen, jonka tarvitset oppiaksesi animoimaan Photoshopissa^(Photoshop) .

Kuten useimmat animaatiotyökalut, sinun on luotava jokainen kehys erillisinä kuvina, joten sinun on varattava aikaa kunkin kehyksen luomiseen manuaalisesti, varsinkin jos aiot tehdä monimutkaisen animaation.

Aloita tekemällä animaatiokehykset Photoshopissa^{(Start By Making Your Animation Frames In Photoshop)}

Aluksi sinun on tallennettava erillinen kuva jokaista käytettävää kehystä varten. Päätät kuinka monimutkaisen animaatiostasi haluat tehdä, mutta tätä testiä varten luomme yksinkertaisen animoidun logon.

Temppu oppiaksesi animoimaan Photoshopissa^(Photoshop) on tehdä pieniä liikkeitä ja tallentaa uusi kuva joka kerta, kun teet liikkeen. Jokaisella liikkeellä tulee olla sama paino. Jos esimerkiksi haluat tekstirivin liukuvan ruudun poikki, jokaisen kehyksen tulisi saada teksti liikkumaan saman verran pikseleitä, jotta animaatio näyttää sujuvalta.

Jos et ole varma, kuinka pääset pisteestä A paikkaan B animaatiossasi, aloita ensin loppukehyksestä ja luo sitten ensimmäinen kehys. Täytä lopuksi kehykset väliin.

Kun tallennat jokaisen kuvan, nimeä ne numeerisesti, jotta et joudu hämmentymään niiden sijainnista.

Kuinka animoida kuvasarja Photoshopissa^{(How To Animate a Sequence Of Images In Photoshop)}

Kun sinulla on kehys ruudulta kuvat, on aika muuttaa niistä animaatio. Noudata^(Make) alla olevia ohjeita huolellisesti.

1. Napsauta Tiedosto^(File) , napsauta Skriptit^(Scripts) ja napsauta sitten Lataa tiedostot pinoon.^{( Load Files Into Stack..)}
2. Napsauta Selaa…^{(Browse… )} ja valitse kaikki kehykset animaatiota varten.
3. Napsauta OK ja odota, että kuvat latautuvat erillisiin kerroksiin.
4. Avaa animaatioikkuna napsauttamalla Ikkuna^(Window) ja sitten Aikajana .^(Timeline)
5. Napsauta avattavan valikon nuolta^{(dropdown arrow)} aikajanapaneelissa ja valitse Luo kehysanimaatio^{(Create Frame Animation)} .
6. Napsauta Luo kehysanimaatio^{(Create Frame Animation)} . 

Sinulla on nyt taso aikajanallasi. Seuraava vaihe on muuttaa jokainen tasosi uudeksi kehykseksi. Noudata alla olevia ohjeita.

1. Napsauta Valitse^{( Select )} yläreunasta ja napsauta sitten Kaikki tasot.^{(All Layers.)}
2. Napsauta kolmen pinon valikkokuvaketta^{( three stack menu icon)} aikajanapaneelin vasemmalla puolella.
3. Napsauta näkyviin tulevassa valikossa Luo uusi taso jokaiselle uudelle kehykselle^{(Create New Layer for Each New Frame)} .
4. Napsauta kolmen pinon valikkokuvaketta^{( three stack menu icon)} ja napsauta nyt Tee kehyksiä tasoista^{(Make Frames From Layers)} .

Nyt kaikki kuvasi ladataan erillisiin kehyksiin. Seuraava tehtävä on valita aika, kuinka kauan kutakin kehystä pelataan. Oikean nopeuden saavuttaminen saattaa vaatia jonkin verran testausta, mutta voit valita kehysajan jokaiselle yksittäiselle kehykselle napsauttamalla kunkin kehyksen alla olevaa nuolta ^{(the arrow under each frame )}0 sekunnin^{( 0 sec)} tekstin vieressä .

Voit kokeilla eri aikoja, mutta on parasta aloittaa valitsemalla jokaiselle ruudulle sama aika. Jos animaatio sisältää erilaisia ​​kohtauksia tai animaation vaiheita, saatat haluta säätää kunkin vaiheen/kohtauksen ajoitusta erikseen.

Voit milloin tahansa napsauttaa toistopainiketta nähdäksesi animaation. Aikajana-ikkunassa on myös useita muita säätimiä, jotka olemme selittäneet alla vasemmalta oikealle.

Aikajanan vaihto^{(Timeline Switch)}

Vaihda aikajanaa kuva ruudulta -aikajanan ja perinteisen elokuvan aikajanan välillä.

Toiston määrä^{(Playback Amount)}

Muuta^(Change) , toistetaanko animaatio ikuisesti vai tietyn määrän silmukoita ennen pysäyttämistä. Tämä vaikuttaa lopputulokseen, kun se on tallennettu GIF -muodossa . Voit muuttaa tätä asetusta uudelleen ennen kuin viet animaation myöhemmin.

Toiston pudotusvalikko^{(Playback Dropdown)} 

Aikajanan säätimissä näkyvä pudotusvalikon nuoli on toinen tapa päästä käsiksi toistomäärään.

Toistosäätimet^{(Playback Controls)}

Toista^(Play) , keskeytä, pysäytä ja hyppää animaatio loppuun tai alkuun neljällä käytettävissä olevalla toistosäätimellä.

Tween

Käytä Tween -ominaisuutta luodaksesi "välissä olevia" kehyksiä, jotta animaatiosi näyttää tasaisemmalta. Tween - ominaisuus selitetään tarkemmin alla.

Kopioi kehys^{(Duplicate Frame)}

Tämä painike kopioi minkä tahansa valitun kehyksen ja sijoittaa sen aikajanalle alkuperäisen jälkeen.

Poista kehys^{(Delete Frame)}

Tämä vaihtoehto poistaa valitun kehyksen.

Kuinka viedä Photoshop-animaatiosi^{(How To Export Your Photoshop Animation)}

Kun olet tyytyväinen Photoshop -animaatioosi, voit viedä sen noudattamalla alla olevia ohjeita.

1. Napsauta Uusi^(New) .
2. Napsauta Vie^(Export) ja sitten Tallenna verkkoon (vanha)…^{(Save for Web (Legacy)…)}
3. Jos sinulla on animaatio yksityiskohtaisilla väreillä, valitse esiasetetun avattavasta valikosta GIF 128 Dithered .
4. Jos sinulla on animaatio yksinkertaisilla lohkoväreillä, valitse GIF 128 No Dither .
5. Varmista^(Make) , että olet määrittänyt haluamasi vaihtoehdon alareunan  Looping Options -kohdassa .^{(Looping Options)}
6. Napsauta lopuksi Tallenna…^(Save…) ja valitse paikka, johon haluat tallentaa GIF -tiedostosi tietokoneellesi.

Kuinka tehdä animaatiosta sileä Photoshopissa^{(How To Make An Animation Smooth In Photoshop)}

Ellei sinulla ole kokemusta kehys kuvalta -animaatioiden tekemisestä, lopputulos voi näyttää hieman riemastuttavalta. Onneksi voit käyttää Tween - ominaisuutta täyttääksesi aukot automaattisesti animaatiossasi, jotta asiat näyttävät sujuvammilta.

Voit tehdä tämän pitämällä vaihtonäppäintä^(shift) painettuna, napsauttamalla kahta yksittäistä kehystä aikajana-ikkunassa ja napsauttamalla Tween-kuvaketta^{(Tween icon)} . Napsauta seuraavaksi valitaksesi, käyttääkö Tween - asetus sijaintia, peittävyyttä^{(position, opacity)} vai tehosteita^(effects) . Useimmissa liikepohjaisissa animaatioissa kannattaa käyttää asentoa^(position) . 

Varmista, että Kaikki tasot^{(All Layers)} on valittu ja napsauta sitten OK . Toista tämä prosessi jokaiselle pariksi liitetylle kehykselle. Esimerkiksi kehys 1 ja 2, sitten kehys 3 ja 4 ja niin edelleen.

Yhteenveto^(Summary)

Toivomme, että oppaamme animointiin Photoshopissa^(Photoshop) on auttanut. Jos tarvitset lisää apua, jätä kommentti alle.

How To Animate An Image In Photoshop

With some practice and patience, you can learn how to animаte 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

• Kuinka poistaa tai korvata tausta Photoshopissa

• Kuinka valkaista hampaita Photoshopissa

• Kuinka sulautua Photoshopiin

• Kuinka höyhentää ja sumentaa Photoshopissa

• Objektin leikkaaminen kuvasta Photoshop CC:ssä

• Kerrosten koon muuttaminen, yhdistäminen ja yhdistäminen Photoshopissa

• Suorittimen stressitestin suorittaminen

• Tekstin ja kuvien kiertäminen Photoshopissa

• Kuinka palauttaa hakkeroitu Facebook-tili

• Poista käyttäjätilien valvonta (UAC) käytöstä tietylle sovellukselle

• 6 parasta kamera-asetusta kuukuville

• Lukitun tiedoston avaaminen, kun toinen ohjelma käyttää sitä

• Google Chromen offline-asennusohjelman (erillinen) lataaminen

• Kuinka pitää tietokoneohjelmistosi päivitettynä automaattisesti

• Luo Gmail-työpöytäsovellus näiden kolmen sähköpostiohjelman avulla

• Kuinka lisätä reunus Photoshopissa

• 8 parasta teknistä ideaa itseeristyksen selvittämiseksi

• Perussivujen määrittäminen Adobe InDesign CC:ssä

• Poista välittömästi taustat kuvista tekoälyn avulla

• GIMP-laajennusten asentaminen: Käyttöopas