Némi gyakorlással és türelemmel megtanulhatja, hogyan animálhat a Photoshopban^(Photoshop) , és hogyan alakíthatja át munkáját GIF formátumba^(GIF) , amelyet online megoszthat. A Photoshop^(Photoshop) animációs eszközei gyakran ismeretlenek, de érdemes megtanulni őket. Végigvezetjük Önt minden lépésen, amely ahhoz szükséges, hogy megtanulja, hogyan kell animálni a Photoshopban^(Photoshop) .

A legtöbb animációs eszközhöz hasonlóan minden egyes képkockát külön képként kell létrehoznia, ezért szánnia kell egy kis időt az egyes képkockák manuális létrehozására, különösen akkor, ha bonyolult animációt tervez.

Kezdje azzal, hogy Photoshopban készítse animációs kereteit^{(Start By Making Your Animation Frames In Photoshop)}

Először is külön képet kell mentenie minden egyes használni kívánt kerethez. Rajtad múlik, hogy mennyire szeretnéd bonyolulttá tenni az animációt, de ehhez a teszthez egy egyszerű animált logót készítünk.

A Photoshopban^(Photoshop) való animáció megtanulásának trükkje az , hogy kis mozdulatokat hajt végre, és minden mozdulatkor új fényképet ment el. Minden mozgásnak azonos súlyúnak kell lennie. Például, ha azt szeretné, hogy egy szövegsor átcsússzon a képernyőn, akkor minden egyes keretnek ugyanannyi képpontot kell mozgatnia a szövegben, hogy az animáció egyenletesnek tűnjön.

Ha nem biztos benne, hogyan juthat el A pontból B-be az animációban, először kezdje a végkockával, majd hozza létre az első képkockát. Végül töltse ki a köztes kereteket.

Az egyes képek elmentésekor nevezze el őket számszerűen, hogy ne keveredjen össze a helyzetükkel.

Hogyan animáljunk képsorozatot a Photoshopban^{(How To Animate a Sequence Of Images In Photoshop)}

Ha megvannak kockánkénti képei, ideje animációvá alakítani őket. Gondosan^(Make) kövesse az alábbi lépéseket.

1. Kattintson a Fájl^(File) , a Parancsfájlok^(Scripts) elemre , majd a Fájlok betöltése verembe parancsra.^{( Load Files Into Stack..)}
2. Kattintson a Tallózás…^{(Browse… )} gombra , és válassza ki az összes képkockát az animációhoz.
3. Kattintson az OK gombra^(OK) , és várja meg, amíg a képek külön rétegekbe töltődnek be.
4. Kattintson az Ablak^(Window) , majd az Idővonal^(Timeline) elemre az animációs ablak megnyitásához.
5. Kattintson a legördülő nyílra^{(dropdown arrow)} az idővonal panelen, és válassza a Keretanimáció létrehozása^{(Create Frame Animation)} lehetőséget .
6. Kattintson a Keretanimáció létrehozása^{(Create Frame Animation)} elemre . 

Mostantól lesz egy réteg az idővonalon. A következő lépés az, hogy minden rétegét új keretté alakítsa. Kövesse az alábbi lépéseket.

1. Kattintson a tetején található Kijelölés, majd az Összes ^{( Select )}réteg elemre.^{(All Layers.)}
2. Kattintson a három verem menü ikonjára^{( three stack menu icon)} az idővonal panel bal oldalán.
3. A megjelenő menüben kattintson az Új réteg létrehozása minden új kerethez^{(Create New Layer for Each New Frame)} elemre .
4. Kattintson a három verem menü ikonjára^{( three stack menu icon)} , majd kattintson a Keretek készítése rétegekből lehetőségre^{(Make Frames From Layers)} .

Most már az összes képet külön keretekbe tölti be. A következő feladat az, hogy válasszuk ki az időt, mennyi ideig játsszák le az egyes kereteket. A megfelelő sebesség elérése némi tesztelést igényelhet, de minden egyes képkockához kiválaszthatja a képkocka idejét, ha rákattint az egyes képkockák alatti nyílra^{(the arrow under each frame )} a 0 másodperces^{( 0 sec)} szöveg mellett.

Kísérletezhet különböző időpontokkal, de a legjobb, ha minden képkockához ugyanazt az időpontot választja. Ha egy animáció különböző jeleneteket vagy animációs fázisokat tartalmaz, érdemes lehet az egyes fázisok/jelenetek időzítését külön-külön beállítani.

Bármikor rákattinthat a lejátszás gombra az animáció megtekintéséhez. Az idővonal ablakában számos más vezérlő is található, amelyeket lentebb balról jobbra magyaráztunk.

Idővonal kapcsoló^{(Timeline Switch)}

Váltson az idővonalon a képkockánkénti idővonal és a hagyományos film idővonal között.

Lejátszási mennyiség^{(Playback Amount)}

A leállítás előtt módosítsa^(Change) , hogy az animációt örökké vagy bizonyos számú cikluson keresztül játssza le. Ez hatással lesz a végeredményre, miután GIF -ként menti . Az animáció későbbi exportálása előtt újra módosíthatja ezt a beállítást.

Lejátszás legördülő menü^{(Playback Dropdown)} 

Az idővonal-vezérlőkön látható legördülő nyíl egy másik módszer a lejátszási mennyiség elérésére.

Lejátszási vezérlők^{(Playback Controls)}

Az animáció lejátszása^(Play) , szüneteltetése, leállítása és ugrása a végére vagy elejére a négy elérhető lejátszásvezérlővel.

Tween

Használja a Tween funkciót a „köztes” képkockák létrehozásához, hogy az animáció simábban nézzen ki. A Tween funkciót az alábbiakban részletesebben ismertetjük.

Duplicate Frame

Ez a gomb megduplázza az aktuálisan kiválasztott képkockát, és az eredeti utáni idővonalra helyezi.

Keret törlése^{(Delete Frame)}

Ez az opció minden kiválasztott keretet töröl.

Photoshop-animáció exportálása^{(How To Export Your Photoshop Animation)}

Ha elégedett a Photoshop -animációval, exportálhatja azt az alábbi lépések végrehajtásával.

1. Kattintson az Új^(New) elemre .
2. Kattintson az Exportálás^(Export) , majd a Mentés webre (örökölt) gombra…^{(Save for Web (Legacy)…)}
3. Ha részletes színeket tartalmazó animációja van, válassza a GIF 128 Dithered lehetőséget^{(GIF 128 Dithered )} az előre beállított legördülő menüből.
4. Ha egyszerű blokkszíneket tartalmazó animációval rendelkezik, válassza a GIF 128 No Dither lehetőséget .
5. Győződjön^(Make) meg arról, hogy a kívánt opciót beállította az alsó  Hurokbeállítások részben.^{(Looping Options)}
6. Végül kattintson a Mentés…^(Save…) gombra, és válasszon egy helyet a GIF mentéséhez a számítógépen.

Hogyan készítsünk egy animációt simává a Photoshopban^{(How To Make An Animation Smooth In Photoshop)}

Hacsak nem jártas a képkockánkénti animáció készítésében, a végeredmény kissé izgalmasnak tűnhet. Szerencsére használhatja a Tween funkciót, hogy automatikusan kitöltse az animáció hiányosságait, hogy a dolgok simábbak legyenek.

Ehhez tartsa lenyomva a Shift billentyűt, kattintson két különálló képkockára az idővonal ablakában, majd kattintson a Tween ikonra^{(Tween icon)} . Ezután kattintson rá annak kiválasztásához, hogy a Tween beállítás pozíciót, átlátszatlanságot^{(position, opacity)} vagy effektusokat^(effects) használjon-e . A legtöbb mozgásalapú animációhoz érdemes a pozíciót^(position) használni . 

Győződjön meg arról , hogy az Összes réteg^{(All Layers)} ki van jelölve, majd kattintson az OK gombra^(OK) . Ismételje meg ezt a folyamatot minden párosított képkockával. Például 1. és 2. képkocka, majd 3. és 4. képkocka, és így tovább.

Összegzés^(Summary)

Reméljük, hogy a Photoshopban^(Photoshop) való animációról szóló útmutatónk segített. Ha további segítségre van szüksége, nyugodtan írjon alább megjegyzést.

How To Animate An Image In Photoshop

With some practice 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

• Háttér eltávolítása vagy cseréje a Photoshopban

• Hogyan fehérítsünk fogakat a Photoshopban

• Hogyan keverjük össze a Photoshopban

• Hogyan lehet tollal és homályosítani a Photoshopban

• Hogyan vágjunk ki egy tárgyat egy képen a Photoshop CC alkalmazásban

• A Raspberry Pi frissítése

• A számítógépes szoftver automatikus frissítése

• Hogyan készítsünk átlátszó hátteret a Photoshopban

• Rétegek átméretezése, kombinálása és egyesítése a Photoshopban

• A színek cseréje a Photoshopban

• Hogyan lehet letiltani a Windows kulcsot

• A Windows.old mappa törlése a Windows 7/8/10 rendszerben

• Hogyan alakítsunk át egy dinamikus lemezt alaplemezvé

• GIMP beépülő modulok telepítése: Útmutató

• Hogyan lehet visszaállítani egy feltört Facebook-fiókot

• Hogyan hozzunk létre csapatot a Microsoft Teamsben

• Mik azok a Photoshop-fedvények és hogyan kell használni őket

• Szöveg körvonalazása a Photoshopban

• Arccsere a Photoshopban

• Hogyan repüljünk drónnal kezdőknek