18
2009
Geanimeerde collage
Een bericht van 
Een bewegende collage maken in Photoshop hoeft helemaal niet zo moeilijk te zijn. Â Het eindresultaat van deze collage ziet er gelikt uit en is ook voor de beginnende Photoshopper eenvoudig te maken:
OK, aan de slag!
Open een nieuw document van 500 x 500 px met een witte achtergrond. Open dan de foto die je wilt gaan gebruiken voor de collage toets CTRL +A, CTRL +C ga dan naar je collage document en toets CTRL +V om de foto in je document te plakken. Verklein de foto in menu BEWERKEN-TRANSFORMATIE-SCHALEN hou de SHIFT toets ingedrukt zodat alles goed in verhouding blijft totdat het er zo uit ziet:
Ga naar menu WEERGAVE-NIEUWE HULPLIJN en stel zowel horizontaal als verticaal zo in:
Neem van je gereedschapsbalk het rechthoekig selectiekader 
en selecteer het gedeelte aan de linkerkant boven:
Toets nu CTRL + J, de selectie wordt hierdoor naar een nieuwe laag gekopieerd:
Herhaal dit voor de linker bovenhoek en de rechter en linker onderhoek. Je hebt dan vier lagen met een gedeelte van je foto noem de lagen deel 1, 2, 3 en 4. Je kunt nu de foto laag verwijderen, die heb je niet meer nodig 😉 Wis ook de hulplijnen in menu WEERGAVE.
Geef de vier gedeelten van de foto de volgende laagstijl door op het icoontje 
te klikken onderaan je lagenpalet:
Toets CTRL + T in om je vrije transformatie gereedschap te activeren en roteer en schuif met de vier delen totdat je tevreden bent met hoe het eruit ziet:
Zet alle lagen uit door het oogje weg te klikken behalve de witte achtergrond en deel 2:
Ga naar het video gedeelte van Photoshop:
Als je een groene balk ziet in plaats van frames moet je even op het icoontje klikken rechtsonder op de groene balk.
Ga in het eerste frame staan en zet de vertraging onder het frame op “geen vertraging” . Ga in de laag staan van het deel van de foto en sleep het deel van de foto totdat je niets meer ziet. Dupliceer dan het frame en sleep het deel van de foto weer terug naar het midden:
Klik op het icoontje met de kleine vierkantjes en voeg 8 frames tussen frame 1 en 2:
Als je de animatie nu afspeelt zie je dit:
Voeg de andere delen een voor een toe totdat je alle lagen aan hebt. Zet dan de vertraging van het frame waar alle foto’s aan zijn op 5 seconden en de herhaling op altijd.
Sla je je werk op als gif file:
Je kunt hier natuurlijk heerlijk mee spelen… verschillende foto’s, leuke achtergronden… kortom mogelijkheden te over!
Veel plezier met je bewegende collage!
[…] op de link om de tutorial geanimeerde collage te […]
welk programma is dit?
kan je deze tutorial ook met cs5 doen?
Ja hoor gaat prima!
Groetjes,
JJ
[…] This post was mentioned on Twitter by Jumbojet and Bill Nigh, Jumbojet's Photoshop. Jumbojet's Photoshop said: Photoshop tutorial Geanimeerde collage – http://tinyurl.com/3a3wedd […]
Hallo,
Naar aanleiding van deze handige tutorial, vroeg ik mij af of ik dit ook kan gebruiken als ik een geanimeerde banner wil maken? (waarbij alleen de tekst verspringt)
Ik heb dat nog niet eerder gedaan en vindt het best lastig aangezien ik er niet veel over kan vinden op internet.
Ik hoop van je te horen, bedankt!
Kelly
Hoi Kelly,
Ja hoor natuurlijk kan dat. Je kunt dezelfde techniek ook zonder probleem toepassen op tekst.
Groetjes,
Jumbojet
Oei! dankjewel, heb het opnieuw gemaakt en nu lukt het wel, joepi!!! Op naar de volgende.
Vrolijk Pasen Jumbo
😀 van hetzelfde! Veel plezier van je animatie!
Groetjes,
Jumbojet
Beste Jumbo,
Zeer mooie geanimeerde collage, ik heb ze ook gemaakt met eigen natuurfoto. Ik sla ze op als gif maar bij het heropenen komt er geen beweging meer in, wat doe ik mis? ik ben een beginneling maar ik doe mijn best want ik vind uw tutorials toch zo leuk!
Groetjes
Hoi hoi,
Als je de animatie wilt zien moet je dat niet in Photoshop doen maar gewoon dubbelklikken op het document zodat deze in internet explorer opent. In Photoshop kun je een gif file namelijk niet zien.
Groetjes,’
Jumbojet
tof en makkelijk, bedankt
Groetjes
Gaviota
Dankje wel 🙂 het hoeft niet altijd moeilijk te zijn om leuk uit te pakken!
Groetjes,
Jumbojet
Jumbo,
beste wensen.
En bedankt voor de mooie uren photoshop die je me vorig jaar bezorgd hebt.
Groetjes
Hoi Lode,
graag gedaan 😀 voor jou ook de beste wensen!
Groetjes,
Jumbojet
Jumbo is het ook mogelijk om jouw goede uitleg als pdf file te kunnen uitprinten.
Hoi Fred,
Als je alles selecteert en naar je tekstverwerkingsprogramma kopieert dan kun je het hierna uitprinten. Als je open office gebruikt kun je het opslaan als pdf file.
Groetjes,
Jet
jumbojet
bij mij komt de foto niet uit de hoek maar komt hij langzaam uit het niets omhoog , hoe kan dat ?
Kijk nog eens even goed naar je animatie Ricardo. Heb je de frames wel tussengevoegd? Ik kan het zo op afstand moeilijk zien. Als je de animatie beeldje voor beeldje bekijkt zul je denk ik wel zien wat er ontbreekt. Veel succes!
Groetjes,
Jumbojet
Wat zit jij met verassingen zeg en wel hele mooie,toppie !
Gr Joke
😀 dankje Joke, veel plezier met het maken!
Groetjes,
Jumbojet