Gokken
Public

Animated GIF maken in Adobe Photoshop

Reujken > Adobe Photoshop

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.

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.

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.

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.


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

 

 

 

 

Meer artikels:

http://reujken.plazilla.com/

http://adobe-photoshop.plazilla.com/

http://geld-verdienen-op-het-internet.plazilla.com/

 4
       
 
01/04/2013 13:16

Reacties (3) 

Voordat je kunt reageren moet je aangemeld zijn. Login of maak een gratis account aan.
 
 
 
 
22/12/2013 11:55
Ik heb verscheidene mooie gif`s gemaakt, maar ze werken helaas niet op plazilla,
Ik blijf zoeken naar nieuwe manieren.
 
 
 
 
Reujken tegen Josh
22/12/2013 12:03
Ooit heb ik er al gezien op Plazilla, maar het is een tijdje geleden
 
 
 
 
Josh tegen Reujken
22/12/2013 13:45
Ja het is mij ook gelukt,met een bestaande gif.fluitend mannetje loopt over hoofden
Door crashen van mijn laptop ben ik bepaalde programma`s kwijt, nu weer aan het zoeken.