Sep
6
2009

Een kraskaart animatie op een foto

Hoogste tijd voor een leuke animatie! Deze kraskaart animatie maak je in een paar eenvoudige stappen in Photoshop. Hieronder het eindresultaat van deze tutorial:

OK, aan de slag maar weer! Open een nieuw document in Photoshop, ik heb in dit voorbeeld een document van 500 x 500 px genomen met een witte achtergrond.

We beginnen met de achtergrond een leuk verloop te geven. Klik hiervoor op het verloop gereedschap en selecteer boven in je balk een radiaal verloop.

Als je op het rechthoekje klikt kun je het verloop verder instellen:

De stops heb ik als volgt ingesteld van links naar rechts:

1 kleur f86270
2 kleur f88590, positie 20%
3 kleur f6d4d7, positie 51%
4 kleur f8e3e4, positie 84%
5 wit en op 100%, als je naast een stop klikt komt er een nieuwe (standaard staan er maar 2)

Maak nu een nieuwe laag aan en ga met een zwart penseel over de laag tot je zoiets hebt. Ik heb spetters van de basispenselen genomen en deze op 40 pt ingesteld.

Hierna sleep je een foto naar keuze in je document. Waarschijnlijk zal deze groter zijn als 500 x 500 dus zul je hem moeten verkleinen met je transformatie gereedschap (ctrl+T) of via menu BEWERKEN-RANSFORMATIE-SCHALEN. Er komt dan een groot vierkant rond je foto te staan met kleine vierkantjes waarmee je de foto passend kunt maken op je canvas.

Als je de foto mooi passend op je canvas hebt gemaakt klik je in je lagenpalet met rechts op de laag van de foto en kies je voor uitknipmasker maken:

De foto komt dan op de plaatsen waar “gekrast” is tevoorschijn. Je kunt in je foto laag als de foto niet helemaal goed door het gekraste gedeelte komt nog een beetje schuiven met je verplaatsen gereedschap (pijltje bovenaan in je gereedschapsbalk)

Nu klik je nog een keer met rechts in je lagenpalet op de laag van de foto en kies je voor VERENIGEN (ctrl+E) omlaag laag:

Hierna dupliceer je de laag en zet je de originele laag uit door het oogje weg te klikken voor de thumbnail:

Selecteer nu de gum en stel deze met hetzelfde penseel in alswaar je mee gekrast hebt in het begin. Nu haal je  het onderste veegje van het krassen weg met je gum:

Dupliceer deze laag weer, zet de laag eronder weer uit en haal in de kopie weer een stukje weg. Dit herhaal je iedere keer weer, zorg dat je niet teveel in een keer weghaalt, de bredere stukken kun je beter in drie keer een stukje weghalen.

Zo ga je door, iedere keer dupliceer je de laag, je zet het origineel uit en je haalt een stukje weg bij de kopie met je gum:

Het is even een werkje maar het resultaat is ook erg leuk!

Je gaat door tot je het laatste veegje over hebt:

Je zet deze laag uit zodat je alleen de achtergrondlaag ziet en dan ga je naar het video gedeelte van Photoshop door rechts bovenaan in je scherm te klikken op het vakje waar STANDAARD staat. Er komt dan een dropdown menu waar je kunt kiezen voor video:

Je hebt alleen de achtergrond aan staan in het eerste frame, klik nu op het icoontje voor een nieuw frame aan te maken:

Je zet in het tweede frame de bovenste laag met het eerste veegje aan, dan voeg je weer een frame toe en hierin zet je de volgende laag aan en zo ga je door tot je alle lagen aan hebt staan en je hele plaatje weer zichtbaar is.

Je laat alle frames op nul seconden vertraging staan behalve de laatste waar het hele plaatje zichtbaar is, deze stel je in op 3 seconden. Dat kun je doen door op het pijltje naast het frame te klikken:

Speel je animatie af en geniet!

Hierna sla je je werk op als gif bestand:

Stel in bij herhalingsopties ALTIJD:

Veel plezier met het maken van je eigen kraskaart foto animatie!

Aanverwante berichten

Jumbojet

3 Reacties +REACTIE GEVEN

  • hij is weer gelukt jj thanks.
    grtz janus……

  • hallo Jumbojetje

    deze is ook weer geweldig.
    Ik heb je site pas ontdekt, en ik heb een hoop leerzame dingen gezien die ik zeker wil proberen te maken. Alles is zo heerlijk duidelijk uitgelegd, ik hoop dat je dit nog heel lang gaat doen. je hebt er een fan bij.
    groetjes Cakaro

    • Hi Cakaro,
      Leuk om te horen 🙂 veel plezier bij het maken van de tutorials en tot ziens op de site!
      Groetjes,
      JJ

Reageer

Archief

Categorie