Animated GIF maken in Adobe Photoshop

Door Reujken gepubliceerd in Technologie

Enige tijd geleden heb ik mij geamuseerd met bewegende (animated) GIF-afbeeldingen te maken in Adobe Photoshop. Op deze pagina zal ik uitleggen hoe we dit kunnen maken.

 

1. De afbeeldingen die aan elkaar geplakt moeten worden.

c8b27bb8ee7c5c402b1d72a6832ffebb_medium.

Hier boven zien we alle 4 de afbeeldingen die aan elkaar geplakt moeten worden. Elke afbeelding is in ons geval in jpg-formaat. ik heb ondervonden dat andere formaten soms niet werken om een animated GIF te maken, dus plaats ik ze voortaan in jpg.

 

2. Hoe plakken we deze aan elkaar?

Open elke afbeelding afzonderlijk. Als je al eerder met photoshop gewerkt hebt, weet je dat photoshop met lagen werkt.

Open afbeelding 1. Open daarna afbeelding 2. Selecteer volledig afbeelding 2 en kopieër deze.

Open terug afbeelding 1. Plak afbeelding 2 op afbeelding 1. Nu zien we in het menu 'Layers' dat afbeelding 2 boven afbeelding 1 staat.

Doe zo verder met afbeelding 3 en 4. Dus openen, selecteren, kopieren en plakken op afbeelding 1. 

LET OP: Alle afbeeldingen bij afb. 1 plakken.

58b3fac98bcbab90d3cb11fc6dfceaef.jpg

Hierboven zien we elke afbeelding geplakt bovenop afbeelding 1.

 

3. Voorbeeld van de GIF maken.

Klik bovenaan op het menu Window en selecteer Animation. De werkbalk animation komt tevoorschijn.

57ad9acd581583f059b54da76f7dc04c.jpg

We krijgen het volgende te zien. Als je de volledige smiley ziet, moet je in het menu 'Layers' op het oogje klikken. dis is om de betreffende afbeelding onzichtbaar te maken. (We zien hierboven in het menu 'Layers' dat het oogje enkel naast 'Background' staat. De rest is onzichtbaar.)

Om de tweede afbeelding toe te voegen, klikken we in 'Animation' op 'Duplicates Selected Frames'. Nu komt er bij 'Animation' een vakje bij. We klikken in 'Layers' om de 2de afbeelding terug zichtbaar te maken (Op het oogje). nu zien we dit in het tweede vakje.

Doe dit zo voor alle afbeeldingen. Hieronder zien we een voorbeeld dat ik gemaakt heb. We kunnen bij elke afbeelding de tijd instellen. Hoelang de afbeelding dus getoond zal worden. In dit geval 0.1 seconde per afbeelding.

Eens dit allemaal gebeurd is, klikken we op 'Play' (Driehoekje) in 'Animation'. We kunnen zien hoe onze GIF er zal uitzien.

5cefeadff94b86cb4e319f50d01d329e.jpg
Als dit in orde is, kunnen we overstappen naar de volgende stap.

 

4. Opslaan van de GIF.

Deze GIF slaan we niet op zoals we gewend zijn. Ga naar 'File' en klik op 'Save for Web and Devices'. Hier kunnen we nogmaals kijken of de GIF goed zal afgebeeld worden. Als alles in orde is, klikken we 'Save' en de afbeelding is gemaakt.

 

PS: De GIF kan mogelijks niet werken op Plazilla. Maar ik verzeker je, dat deze methode wel werkt.

 

5. Voorbeeld van de animated GIF (en een how to)

In de link een video over het maken van een animated GIF (Engels):

http://www.youtube.com/watch?v=4u0V2KPDyYg

27/11/2016 21:59

Reacties (0) 

Copyright © Tallsay.com. Alle rechten voorbehouden.
Door gebruik te maken van deze website geef je aan dat je onze Algemene voorwaarden en ons Privacy statement accepteert