Uitleg animatie met Photoshop elements.

Hoe maak je een animatie met photoshop elements?

Enige tijd geleden maakte ik een animatie met een aantal beelden van de “2 seconds run from camera”, zie deze post; Annimatie run from camera . Mij werd gevraagd of ik dat uit wilde leggen, natuurlijk wil ik dat. Om te beginnen verzamel je de foto’s die je wilt gebruiken. Daarna begin je met alle foto’s te openen die je in de animatie wilt hebben.

1_open_files.jpg

Aan de rechterkant zie je dat de eerste foto layer zoals gebruikelijk Background is genaamd.

Vervolgens sleep je alle foto’s die je onderaan in de foto-bin ziet naar je eerste plaatje (Zie de rode pijlen) en laat je ze erop vallen. Je ziet dan vervolgens alle foto’s in de layers-kolom (zie de blauwe pijlen) als aparte layers, de naam van de foto is dan de naam van de layer.
2_drop_pictures.jpg
Vervolgens ga je naar File->Safe for web

Heel belangrijk is dat dan JPEG of elke andere bestand-type wijzigt in GIF omdat je uitsluitend GIF files kunt gebruiken voor de animatie.

3_jpeg_output.jpg

Om nu de animatie te maken doe je volgende;

1. Zet een vinkje in Animate

2. Pas de vertagingstijd aan tussen de foto’s. (Je kunt dat per foto veranderen)

3. Bekijk het voorbeeld in je browser, pas dingen aan en als je tevreden bent;

4. Klik op OK en sla het bestand op.

4_animate.jpg

Je krijgt dan een animatie zoals deze;

5_animatie.gif

(de tussentijd is 2 seconden en LOOP staat aangevinkt zodat de animatie niet stopt maar opnieuw begint.)

Als je nog vragen mocht hebben stel ze dan in de comments.

PS

Dit werkt precies hetzelfde in elements 3 en 4.

convert this post to pdf.

4 Comments »

4 Responses to “Uitleg animatie met Photoshop elements.”

  1. ElMarStel NETHERLANDS Windows XP Internet Explorer 7.0 on 31 Mar 2007 at 1:15 am #

    dit had ik ook allemaal gedaan, maar of mijn foto’s waren te groot of het waren er te veel. Toen met 3 foto’s gedaan en het lukte nog steeds niet.
    oke, ik ga het weer proberen.

  2. ElMarStel NETHERLANDS Windows XP Internet Explorer 7.0 on 31 Mar 2007 at 1:33 am #

    sorry, dat vergat ik nu, maar bedankt voor de uitleg en ik ga het weer proberen.

  3. Laurens NETHERLANDS Windows XP Internet Explorer 7.0 on 20 Dec 2007 at 10:14 am #

    Hoi , ik wil al een tijdje een animatie maken maar ik snap er nog steeds niks van! :em26:
    kan je het misschien opnieuws uitleggen misschien op msn?
    het is namelijk voor mijn toekomstige online website!!!!!!!!!!!!!
    vriendelijke groeten laurens

  4. Nikky NETHERLANDS Windows Vista Internet Explorer 7.0 on 22 Sep 2008 at 2:28 am #

    Hoi, hoe werkt dit met versie 6???

Trackback URI | Comments RSS | Make PDF

Leave a Reply

  • :em08:
  • :em22:
  • :em30:
  • :em41:
  • :em25:
  • :em65:
  • :em42:
  • :em32:
  • :em16:
  • :em61:
  • :em69:
  • :em02:
  • :em13:
  • :em05:
  • :em68:
  • :em64:
  • :em03:
  • :em18:
  • :em60:
  • :em26:
  • :em43:
  • :em44:
  • :em66:
  • :em58:
  • :em17:
  • :em45:
  • :em52:
  • :em48:
  • :em57:
  • :em21:
  • :em51:
  • :em36:
  • :em40:
  • :em56:
  • :em23:
  • :em01:
  • :em67:
  • :em33:
  • :em14:
  • :em27:
  • :em28:
  • :em29:
  • :em47:
  • :em09:
  • :em39:
  • :em35:
  • :em04:
  • :em10:
  • :em71:
  • :em19:
  • :em63:
  • :em49:
  • :em54:
  • :em59:
  • :em34:
  • :em62:
  • :em31:
  • :em12:
  • :em46:
  • :em20:
  • :em11:
  • :em70:
  • :em53:
  • :em37:
  • :em55:
  • :em50:
  • :em15:
  • :em24:
  • :em72:
  • :em38:
  • :em06:
  • :em07: