PS Tutorial: Maak een gifje

thee-pompelmoes

Deze gif zag je al eerder en nu ga ik je snel tonen hoe je zo een gifje maakt met Photoshop. Je hebt wel veel sites waar je een gifje kan maken maar daar heb je vaak een watermerk of ads, en je kan het redelijk gemakkelijk maken in PS. Off we go! Je hebt alvast nodig: een paar foto’s die elkaar opvolgen en waar je dus een gifje van wilt maken.

Screen Shot 2015-05-28 at 22.48.06

Open de eerste foto in Photoshop. Ga naar WINDOW » Timeline en dan zie je dat er onderaan een timeline komt. Daar gaan we onze “animatie” dus ons bewegend beeld moeten plaatsen.

Dan gaan we naar ons layer frame. Dubbelklik op “Background” layer (die met een slotje) en dan maak je er een raster layer van en open je al je foto’s van je gifje open in dezelfde foto op een andere laag (dat kan eigenlijk door ze gewoon in Photoshop te sleuren)

Screen Shot 2015-05-28 at 22.53.25

Dan krijg je dus zoiets. Dan gaan we naar de timeline. Je ziet dat je daar ook een “new” icoontje hebt. Dan maak je een nieuwe frame aan. We hebben dus evenveel frames nodig als foto’s. Bij mij zijn dat er 12 dus klik ik nog 11 keer om een nieuwe frame te maken

Screen Shot 2015-05-28 at 22.59.37

Nu komt het saaiste werk van de gehele GIF-makerij. (Ik heb mijn layers alvast gezet op volgende manier: de hoogste laag is nummer 01 en de onderste laag is de laatste, nummer 12). Dan gaan we bij nummer 01 alle lagen visible laten (= in het lagen pallet oogje nr 01 staat aan). Bij frame 2 gaan we de bovenste foto invisible zetten, dat is dus door op de bovenste laag op het oogje te klikken. Bij frame 3 zet je de bovenste 2 invisible en zo ga je door tot als je enkel de laatste foto nog visible overhoudt.

Screen Shot 2015-05-28 at 23.08.21

(het gaat eigenlijk sneller als je gewoon begint met een laag, invisible zetten, nieuw frame … omdat de layer settings gekopieerd worden en dus bespaar je je heel wat werk op deze manier)

Nu rest ons nog één ding: ons gifje OPSLAAN! Dit gaat heel gemakkelijk: je gaat naar file  » Save for web met volgende instellingen

Screen Shot 2015-05-28 at 23.14.35

En tadaa! Je gifje is klaar. Je kan altijd een beetje spelen op de timeline met de verschillende tijden. Veel plezier alvast met gifjes maken! Ben benieuwd of jullie nu ook aan de slag gaan en jullie posts gaan opleuken met gifjes!

More about Ines

Vrolijke twenty-something uit België die ervan houdt om de wereld een beetje leuker, mooier en groener te maken.

4 thoughts on “PS Tutorial: Maak een gifje

  1. Karen - Dressing in Labels

    Erg duidelijke tutorial, ik ga hem snel eens uitproberen.

    x Karen
    http://dressinginlabels.blogspot.com

    Reply

  2. Esmée Sophie

    Wat een handige tutorial! Ik zat er net toevallig aan te denken om een gifje op mijn blog te plaatsen. Goede timing, haha! x

    Reply

  3. Melissa

    Ja ma zeg, als jij zo veel dingen toont, zijn we binnenkort niet meer creatief hé! Nee leuk, ik wist het al maar toch tof om te lezen. Goed uitgelegd!

    Reply

  4. Renate

    Ik vind gifjes onwijs leuk. Leuk idee om het voor ene tutorial te doen. Staat heel leuk.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

http://insins.me/wp-content/plugins/wp-monalisa/icons/OMG.png 
http://insins.me/wp-content/plugins/wp-monalisa/icons/angry.png 
http://insins.me/wp-content/plugins/wp-monalisa/icons/bigsmile.png 
http://insins.me/wp-content/plugins/wp-monalisa/icons/cry.png 
http://insins.me/wp-content/plugins/wp-monalisa/icons/littlesmile.png 
http://insins.me/wp-content/plugins/wp-monalisa/icons/love.png 
http://insins.me/wp-content/plugins/wp-monalisa/icons/sad.png 
more...
 

This site uses Akismet to reduce spam. Learn how your comment data is processed.