tutorial – foto’s verwerken tot animated gif

Eigenlijk wilde ik vandaag een tutorial plaatsen over het maken van een cinemagraph (soort foto met bewegend onderdeel) maar omdat ik er door Zelia achter kwam dat er hiervoor eigenlijk al een beetje kennis van het maken van animaties (gifjes) in Photoshop nodig is heb ik deze verschoven naar volgende week. Deze week dus een basic tutorial over het maken van een animated gif in Photoshop. Wil je iets weten? Schroom niet om je vraag in de comments achter te laten!

Stap 1: Om een animated gif te maken heb je verschillende foto’s nodig die vanaf hetzelfde standpunt achter elkaar gemaakt zijn. Dit kun je het beste vanaf statief doen. Ik maakte heel simpel wat foto’s terwijl ik door de straat liep.

Stap 2: Open alle foto’s die je wil gebruiken (tussen de 3 en de 15 ongeveer) en zorg dat je alle foto’s op volgorde in 1 bestand plaatst als nieuwe laag. Onderop de eerste foto en telkens een nieuwe laag met de daaropvolgende foto. Dit doe je door een foto te kopieren en in het juiste bestand te plakken. Doe dit met al je foto’s. Zoals je ziet zijn het er bij mij 11. Zorg dat je aan het einde van deze stap ALLE OOGJES VOOR DE LAGEN UITZET behalve de onderste (achtergrond) laag.

Stap 3: Ga boven in je menubalk naar ‘venster’ en dan ‘animatie’ (1). Onderin je scherm verschijnt een balk met alle opties voor het maken van een animatie. Je kunt bijvoorbeeld de snelheid aanpassen (2), dit kan ten alle tijden van het maken van je animatie. Wanneer je een nieuwe slide wil aanmaken klik je op het icoontje voor ‘nieuw’ (3).

Stap 4: Maak iedere keer een nieuwe slide aan en vink dan het vakje met het oogje terug aan (deze heb je in stap 2 uitgezet). Het tweede frame/slide heeft dus de onderste twee lagen aangevinkt, frame 3 de onderste 3 etc. Zoals je ziet heeft mijn 5^e slide ook 5 oogjes aan. Doe dit totdat je alle slides hebt gehad en dus alle vinkjes daar aanstaan.

Stap 5: Als het goed is heb je nu net zoveel frames als foto’s. Iedere frame is een beweging. Nu kun je het filmpje afspelen en kijken of de tijd die je hebt ingesteld goed genoeg is. Misschien moet hij sneller of langzamer, dat kan door de 0,2 seconde aan te passen. Zorg wel dat je alle frames selecteerd, anders pas je alleen een enkele frame aan.

Stap 6: Als je tevreden bent met je filmpje ga je hem verkleinen en opslaan als animated gif. Zorg ervoor dat je eerst het Photoshop (psd) bestand op hoge kwaliteit opslaat, dan kun je altijd terug. Ik heb mijn gifje best klein gemaakt omdat hij anders langzaam gaat laden op de site, houd hier dus rekening mee! Opslaan doe je bij ‘bestand’, ‘opslaan voor web/apparaten’. Kies dan rechtsboven voor GIF. Linksonder je foto zie je staan hoeveel KB of MB je bestand is. Tevreden? Sla hem op!

Meer tutorials om uit te proberen:

• tutorial – kleurtonen aanpassen met voorbeeldfoto
• tutorial – toeristen verwijderen in Photoshop op 2 manieren
• tutorial – foto bewerken in Camera RAW