Met wat oefening en geduld kun je leren hoe je kunt animeren in Photoshop en je werk kunt omzetten in een GIF om online te delen. De animatietools van Photoshop^(Photoshop) zijn vaak onbekend, maar het is de moeite waard om ze te leren. We zullen u door elke stap leiden die nodig is om te leren animeren in Photoshop .

Zoals de meeste animatietools, moet je elk frame als afzonderlijke afbeeldingen maken, dus je moet wat tijd uittrekken om elk frame handmatig te maken, vooral als je van plan bent een gecompliceerde animatie te maken.

Begin met het maken van uw animatieframes in Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

Om te beginnen moet u een afzonderlijke afbeelding opslaan voor elk van de frames die u wilt gebruiken. Het is aan jou hoe complex je je animatie wilt maken, maar voor deze test gaan we een eenvoudig geanimeerd logo maken.

De truc om te leren animeren in Photoshop is om kleine bewegingen te maken en elke keer dat je een beweging maakt een nieuwe foto op te slaan. Elke beweging moet hetzelfde gewicht hebben. Als u bijvoorbeeld een regel tekst over het scherm wilt laten schuiven, moet elk frame ervoor zorgen dat de tekst hetzelfde aantal pixels verplaatst, zodat de animatie er vloeiend uitziet.

Als je niet zeker weet hoe je van punt A naar B kunt komen in je animatie, begin dan eerst met het eindframe en maak dan het eerste frame. Vul tot slot de tussenliggende kaders in.

Wanneer u elke afbeelding opslaat, geeft u ze een numerieke naam, zodat u niet verward raakt met hun positie.

Een reeks afbeeldingen animeren in Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Zodra u uw frame-voor-frame afbeeldingen hebt, is het tijd om ze om te zetten in een animatie. Zorg^(Make) ervoor dat u de onderstaande stappen zorgvuldig volgt.

1. Klik op Bestand^(File) , Klik op Scripts en klik vervolgens op Bestanden in stapel laden.^{( Load Files Into Stack..)}
2. Klik op Bladeren...^{(Browse… )} en selecteer al uw frames voor uw animatie.
3. Klik op OK en wacht tot de afbeeldingen in afzonderlijke lagen zijn geladen.
4. Klik op Venster^(Window) en vervolgens op Tijdlijn^(Timeline) om het animatievenster te openen.
5. Klik op de vervolgkeuzepijl^{(dropdown arrow)} in het tijdlijnpaneel en selecteer Frame-animatie maken^{(Create Frame Animation)} .
6. Klik op Frame-animatie maken^{(Create Frame Animation)} . 

Je hebt nu een laag in je tijdlijn. De volgende stap is om van elk van je lagen een nieuw frame te maken. Volg onderstaande stappen.

1. Klik bovenaan op Selecteren en klik vervolgens op ^{( Select )}Alle lagen.^{(All Layers.)}
2. Klik op het menupictogram met drie stapels^{( three stack menu icon)} aan de linkerkant van het tijdlijnpaneel.
3. Klik in het menu dat verschijnt op Nieuwe laag maken voor elk nieuw frame^{(Create New Layer for Each New Frame)} .
4. Klik op het menupictogram met drie stapels^{( three stack menu icon)} en klik nu op Frames maken van lagen^{(Make Frames From Layers)} .

Je hebt nu al je afbeeldingen in aparte frames geladen. De volgende taak is om een ​​tijd te kiezen voor hoe lang elk frame zal spelen. Het kan wat testen vergen om de juiste snelheid te krijgen, maar je kunt de frametijd voor elk afzonderlijk frame kiezen door op de pijl onder elk frame^{(the arrow under each frame )} naast de tekst van 0 sec te klikken .

Je kunt met verschillende tijden experimenteren, maar het is het beste om te beginnen met het kiezen van dezelfde tijd voor elk frame. Als een animatie verschillende scènes of animatiefasen bevat, wil je misschien de timing voor elk van die fasen/scènes afzonderlijk aanpassen.

U kunt op elk moment op de afspeelknop klikken om de animatie te bekijken. Er zijn ook een aantal andere bedieningselementen in het tijdlijnvenster, die we hieronder van links naar rechts hebben uitgelegd.

Tijdlijnschakelaar^{(Timeline Switch)}

Schakel de tijdlijn tussen een frame-voor-frame tijdlijn en een traditionele filmtijdlijn.

Afspeelbedrag^{(Playback Amount)}

Wijzig^(Change) of de animatie voor altijd of voor een bepaald aantal lussen wordt afgespeeld voordat deze stopt. Dit heeft invloed op het eindresultaat zodra het als GIF is opgeslagen . U kunt deze instelling opnieuw wijzigen voordat u de animatie later exporteert.

Vervolgkeuzelijst afspelen^{(Playback Dropdown)} 

De vervolgkeuzepijl die u op de tijdlijnbesturing ziet, is een andere methode om toegang te krijgen tot het afspeelbedrag.

Afspeelbediening^{(Playback Controls)}

Speel^(Play) de animatie af, pauzeer, stop en spring naar het einde of het begin met de vier beschikbare afspeelknoppen.

Tween

Gebruik de Tween -functie om "tussenliggende" frames te genereren om uw animatie er vloeiender uit te laten zien. De Tween -functie wordt hieronder in meer detail uitgelegd.

Dubbel frame^{(Duplicate Frame)}

Deze knop dupliceert elk momenteel geselecteerd frame en plaatst het in de tijdlijn na het origineel.

Frame verwijderen^{(Delete Frame)}

Met deze optie wordt elk geselecteerd frame verwijderd.

Hoe u uw Photoshop-animatie kunt exporteren^{(How To Export Your Photoshop Animation)}

Als u tevreden bent met uw Photoshop -animatie, kunt u deze exporteren door de onderstaande stappen te volgen.

1. Klik op Nieuw^(New) .
2. Klik op Exporteren^(Export) en klik vervolgens op Opslaan voor web (verouderd)…^{(Save for Web (Legacy)…)}
3. Als u een animatie met gedetailleerde kleuren heeft, selecteert u GIF 128 Dithered onder de vooraf ingestelde vervolgkeuzelijst.
4. Als je een animatie hebt met eenvoudige blokkleuren, kies dan GIF 128 No Dither .
5. Zorg^(Make) ervoor dat je je voorkeursoptie hebt ingesteld in de Looping-opties^{(Looping Options)} onderaan. 
6. Klik ten slotte op Opslaan ...^(Save…) en kies een plaats om uw GIF op uw pc op te slaan.

Hoe maak je een animatie vloeiend in Photoshop^{(How To Make An Animation Smooth In Photoshop)}

Tenzij je ervaren bent in het maken van frame voor frame animatie, kan het eindresultaat er een beetje vrolijk uitzien. Gelukkig kun je de Tween -functie gebruiken om de gaten in je animatie automatisch op te vullen, zodat alles er vloeiender uitziet.

Houd hiervoor de Shift- toets ingedrukt, klik op twee afzonderlijke frames in het tijdlijnvenster en klik op het Tween-pictogram^{(Tween icon)} . Klik vervolgens om te kiezen of de Tween- instelling positie, dekking^{(position, opacity)} of effecten^(effects) gebruikt . Voor de meeste op beweging gebaseerde animaties, wil je position gebruiken . 

Zorg ervoor dat Alle lagen^{(All Layers)} zijn geselecteerd en klik vervolgens op OK . Herhaal dit proces voor elk gekoppeld frame. Bijvoorbeeld frame 1 en 2, dan frame 3 en 4, enzovoort.

Samenvatting^(Summary)

We hopen dat onze gids over het animeren in Photoshop heeft geholpen. Als je meer hulp nodig hebt, kun je hieronder een reactie achterlaten.

How To Animate An Image In Photoshop

With some practice and patience, you can learn how to animate іn 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

• Een achtergrond verwijderen of vervangen in Photoshop

• Hoe tanden witter te maken in Photoshop

• Hoe te mengen in Photoshop

• Hoe te veren en vervagen in Photoshop

• Een object in een afbeelding uitsnijden in Photoshop CC

• Kleur vervangen in Photoshop

• Wat zijn Photoshop-overlays en hoe u ze kunt gebruiken?

• Hoe Photoshop te gebruiken Vervang kleur voor creatieve bewerking

• 6 beste camera-instellingen voor maanfoto's

• Hoe afstand te meten in Photoshop

• Hoe een pdf met een wachtwoord te beveiligen om het veilig te houden

• Maak een Gmail Desktop-app met deze 3 e-mailclients

• Muziek toevoegen aan Google Presentaties

• Boekrecensie - De How-To Geek Guide to Windows 8

• Hoe een drone te vliegen voor totale beginners

• Een vergrendeld bestand openen wanneer een ander programma het gebruikt?

• Hoe Google Chrome offline (zelfstandig) installatieprogramma te downloaden

• Meerdere pagina's naar één PDF-bestand scannen

• Hoe een gehackt Facebook-account te herstellen

• Verwijder onmiddellijk achtergronden van afbeeldingen met behulp van AI