Med lidt øvelse og tålmodighed kan du lære at animere i Photoshop og omdanne dit arbejde til en GIF , som du kan dele online. Photoshops^(Photoshop) animationsværktøjer er ofte ukendte, men de er værd at lære. Vi vil tage dig igennem hvert trin, der er nødvendigt for at lære at animere i Photoshop .

Som de fleste animationsværktøjer skal du oprette hver frame som separate billeder, så du skal afsætte lidt tid til at oprette hver frame manuelt, især hvis du planlægger at lave en kompliceret animation.

Start med at lave dine animationsrammer i Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

Til at begynde med skal du gemme et separat billede for hver af de rammer, du planlægger at bruge. Det er op til dig, hvor kompleks du vil lave din animation, men til denne test laver vi et simpelt animeret logo.

Tricket til at lære at animere i Photoshop er at lave små bevægelser og gemme et nyt billede, hver gang du laver en bevægelse. Hver bevægelse skal have samme vægt. Hvis du f.eks. vil have en tekstlinje til at glide hen over skærmen, skal hver ramme få teksten til at flytte det samme antal pixels, så animationen ser jævn ud.

Hvis du ikke er sikker på, hvordan du kan komme fra punkt A til B i din animation, skal du starte med slutrammen først og derefter oprette den første ramme. Til sidst udfyldes rammerne imellem.

Når du gemmer hvert billede, skal du navngive dem numerisk, så du ikke bliver forvirret med deres placering.

Sådan animeres en sekvens af billeder i Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Når du har dine billed-for-ramme-billeder, er det tid til at lave dem om til en animation. Sørg^(Make) for at følge nedenstående trin omhyggeligt.

1. Klik på Filer^(File) , klik på Scripts , og klik derefter på Indlæs filer i stakken.^{( Load Files Into Stack..)}
2. Klik på Gennemse...^{(Browse… )} og vælg alle dine frames til din animation.
3. Klik på OK^(OK) og vent på, at billederne indlæses i separate lag.
4. Klik på Vindue^(Window) og derefter på Tidslinje^(Timeline) for at åbne animationsvinduet.
5. Klik på rullepilen^{(dropdown arrow)} i tidslinjepanelet, og vælg Opret rammeanimation^{(Create Frame Animation)} .
6. Klik på Opret rammeanimation^{(Create Frame Animation)} . 

Du vil nu have et lag på din tidslinje. Det næste trin er at omdanne hvert af dine lag til en ny ramme. Følg nedenstående trin.

1. Klik på Vælg^{( Select )} øverst, og klik derefter på Alle lag.^{(All Layers.)}
2. Klik på menuikonet^{( three stack menu icon)} med tre stakke i venstre side af tidslinjepanelet.
3. Klik på Opret nyt lag for hver ny ramme^{(Create New Layer for Each New Frame)} i menuen, der vises .
4. Klik på menuikonet med tre stakke,^{( three stack menu icon)} og klik nu på Lav rammer fra lag^{(Make Frames From Layers)} .

Du vil nu have alle dine billeder indlæst i separate rammer. Den næste opgave er at vælge et tidspunkt for, hvor længe hvert billede skal spilles. Det kan tage nogle test for at få den rigtige hastighed, men du kan vælge frametiden for hver enkelt frame ved at klikke på pilen under hver frame^{(the arrow under each frame )} ud for 0 sek^{( 0 sec)} teksten.

Du kan eksperimentere med forskellige tidspunkter, men det er bedst at starte med at vælge det samme tidspunkt for hvert billede. Hvis en animation indeholder forskellige scener eller faser af animation, vil du måske justere timingen for hver af disse faser/scener individuelt.

Du kan til enhver tid klikke på afspilningsknappen for at se animationen. Der er også en række andre kontroller på tidslinjevinduet, som vi har forklaret fra venstre mod højre nedenfor.

Tidslinjeskift^{(Timeline Switch)}

Skift tidslinjen mellem en billed-for-frame-tidslinje og en traditionel filmtidslinje.

Afspilningsmængde^{(Playback Amount)}

Skift^(Change) , om animationen afspilles for evigt eller i et bestemt antal loops, før den stopper. Dette vil påvirke slutresultatet, når det er gemt som en GIF . Du kan ændre denne indstilling igen, før du eksporterer animationen senere.

Dropdown afspilning^{(Playback Dropdown)} 

Dropdown-pilen, du ser på tidslinjekontrollerne, er en anden metode til at få adgang til afspilningsmængden.

Afspilningskontroller^{(Playback Controls)}

Afspil^(Play) , sæt pause, stop og spring animationen til slutningen eller begyndelsen med de fire tilgængelige afspilningskontroller.

Tween

Brug Tween -funktionen til at generere "imellem"-frames for at få din animation til at se glattere ud. Tween - funktionen vil blive forklaret mere detaljeret nedenfor.

Dublet ramme^{(Duplicate Frame)}

Denne knap vil duplikere enhver aktuelt valgt ramme og placere den på tidslinjen efter originalen.

Slet ramme^{(Delete Frame)}

Denne indstilling vil slette enhver valgt ramme.

Sådan eksporterer du din Photoshop-animation^{(How To Export Your Photoshop Animation)}

Når du er tilfreds med din Photoshop- animation, kan du eksportere den ved at følge nedenstående trin.

1. Klik på Ny^(New) .
2. Klik på Eksporter^(Export) , og klik derefter på Gem til web (Legacy)...^{(Save for Web (Legacy)…)}
3. Hvis du har en animation med detaljerede farver, skal du vælge GIF 128 Dithered under den forudindstillede rullemenu.
4. Hvis du har en animation med simple blokfarver, skal du vælge GIF 128 No Dither .
5. Sørg^(Make) for, at du har indstillet din foretrukne indstilling i Looping Options nederst. 
6. Til sidst skal du klikke på Gem...^(Save…) og vælge et sted at gemme din GIF på din pc.

Sådan laver du en animation glat i Photoshop^{(How To Make An Animation Smooth In Photoshop)}

Medmindre du har erfaring med at lave billed-for-frame-animation, kan slutresultatet se lidt lystigt ud. Heldigvis kan du bruge Tween -funktionen til at udfylde hullerne automatisk i din animation for at få tingene til at se glattere ud.

For at gøre dette skal du holde Skift-^(shift) tasten nede, klikke på to individuelle rammer i tidslinjevinduet og klikke på Tween-ikonet^{(Tween icon)} . Klik derefter for at vælge, om Tween- indstillingen skal bruge position, opacitet^{(position, opacity)} eller effekter^(effects) . For de fleste bevægelsesbaserede animationer skal du bruge position . 

Sørg for, at Alle lag^{(All Layers)} er valgt, og klik derefter på OK . Gentag denne proces for hver parrede ramme. For eksempel ramme 1 og 2, derefter ramme 3 og 4, og så videre.

Resumé^(Summary)

Vi håber, at vores guide til hvordan man animerer i Photoshop har hjulpet. Hvis du har brug for mere hjælp, er du velkommen til at efterlade en kommentar nedenfor.

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

• Sådan fjerner eller erstatter du en baggrund i Photoshop

• Sådan bleger du tænder i Photoshop

• Sådan blandes i Photoshop

• Sådan fjer og slør i Photoshop

• Sådan klippes et objekt ud i et billede i Photoshop CC

• Sådan gør du en baggrund gennemsigtig i Photoshop

• Sådan fabriksindstilles en Xbox One eller Xbox Series X

• Sådan åbner du en låst fil, når et andet program bruger den

• Sådan bruger du din Chromebook som en anden skærm

• Sådan skitserer du tekst i Photoshop

• Sådan erstatter du farve i Photoshop

• Sådan roteres tekst og billeder i Photoshop

• Sådan tilføjes en kant i Photoshop

• Opret en Gmail Desktop-app med disse 3 e-mail-klienter

• 6 bedste kameraindstillinger til månebilleder

• Hvad er Photoshop-overlejringer, og hvordan man bruger dem

• Sådan konverteres en dynamisk disk til en grundlæggende disk

• Sådan flyver du en drone for begyndere

• Sådan ser du cachelagrede sider og filer fra din browser

• Sådan kurver du tekst i Photoshop