Kerstkaart met animatie

Gepost door Jumbojet Op november 20, 2009 REAGEER

Deze keer heb ik een animatie gemaakt met het oog op de komende feestdagen. Het eindresultaat van de tutorial zie je in onderstaand plaatje:

Kerstkaart-met-animatie-lichtjes-langzamer

OK, aan de slag!

Open een nieuw document in Photoshop van 700 x 500 px met een witte achtergrond. Dubbelklik op de achtergrondlaag en geef deze door op het laagstijl icoontje laagstijl te klikken onder aan  in je lagenpalet een verloopbedekking:

kerstkaart met animatie 1

NB: kleuren verloop #043c64 en #016861

Maak een nieuwe laag aan nieuwe laag en gebruik een van deze snowflakes brushes (190) om een sneeuwvlok te maken in wit. Ik heb nr 11 gebruikt en verkleind naar 165 px. Kopieer de laag 2 keer en gebruik je vrije transformatie gereedschap (CTRL +T om de sneeuwvlok in de andere lagen een beetje  te veranderen van grootte. Als je tevreden bent over de plaats en de grootte selecteer je alle drie de lagen (SHIFT + KLIK op iedere laag) en kies je voor lagen samenvoegen (CTRL +E) zet de dekking van de nieuwe laag op 75% bovenaan in je lagenpalet:

Kerstkaart met animatie 2Geef de laag van de sneeuwvlokken de volgende laagstijlen:

kerstkaart met animatie 3

kerstkaart met animatie 4

NB: kleur # 043c64

kerstkaart met animatie 5

NB: kleur # 043c64 en #ffffff

Met dit als resultaat:

Kerstkaart met animatie 6

Neem je ovale selectiekader uit je gereedschapsbalk en maak een ovale selectie over je canvas:

kerstkaart met animatie 7

Maak een nieuwe laag aan en vul de selectie met wit. Geef dan een slagschaduw aan de laag van de witte achtergrond:

kerstkaart met animatie 8

Kerstkaart met animatie 9

Selecteer al de lagen van je achtergrond en kies dan in menu LAAG-LAGEN GROEPEREN noem de groep achtergrond.

Zet de achtergrond uit en maak drie nieuwe lagen aan boven je achtergrond groep. De onderste noem je stam, de tweede boom en de derde blauw lichtje:

Voor de kerstboom teken je in de boomlaag  met je pen pen een vorm zoals deze:

kerstkaart met animatie 10

Zorg ervoor dat je het pad knopje boven in je opties balk hebt ingedrukt!

padselectie aan

Ga in je lagenpalet naar het tabblad pad, klik op het tijdelijk pad en kies selectie maken laat de doezelaar op 0 staan:

kerstkaart met animatie 11

Druk nu op het snelmasker icoontje snelmasker wat helemaal onderaan in je werkbalk aan de linkerkant staat (of druk Q) je scherm wordt nu roze.  Ga dan naar menu FILTER-PENSEELSTREKEN-SPROEILIJN en stel als volgt in:

kerstkaart met animatie 12

Toets q in om de snelmasker modus weer te verlaten en stel je voorgrondkleur in op een mooie kleur groen, ik heb #009933 genomen terwijl de selectie nog aan is vul je deze met je vulemmertje vulemmertje met de groene kleur:

kerstkaart met animatie 13

Ga in de stam laag staan en maak met je rechthoekige selectiekader rechthoekig selectiekader een selectie zoals hieronder en vul deze met een bruine kleur ik heb #663300 gebruikt:

kerstkaart met animatie 14

Maak nu met ovale selectiekader een circeltje in de laag blauw lichtje en vul dat met blauw ik heb kleur #0675c2 genomen:

kerstkaart met animatie 15

Geef de laag van het blauwe lichtje de volgende laagstijl:

kerstkaart met animatie 18

Dupliceer de laag van het blauwe lichtje en noem deze geel lichtje. Geef de laag een kleurbedekking als laagstijl met een fris geel kleurtje, ik heb #fffc00 genomen:

kerstkaart met animatie 16

Dupliceer de laag van het gele lichtje en verander de kleur van de kleurbedekking in een rode kleur, ik heb kleur #f50b1b genomen. Noem de laag rood lichtje. Dupliceer de lagen van de drie kleuren lichtjes ieder 4 keer zodat je in totaal 15 lichtjes hebt. Verdeel deze over je boom:

kerstkaart met animatie 17

Selecteer nu alle blauwe lichtjes en voeg deze samen door CTRL + E in te toetsen. Doe hetzelfde met de gele en de rode lichtjes. Je hebt nu één laag blauwe, één laag gele en één laag rode lichtjes. Dupliceer iedere laag een keer en geef de kopie laag de volgende laagstijl.:

kerstkaart met animatie 19

Voor de kleur neem je dezelfde kleur als de kleur van de lichtjes van de betreffende laag, de lagen noem je blauwe lichtjes aan, gele lichtjes aan en rode lichtjes aan:

kerstkaart met animatie 20

Zet de achtergrondgroep aan en teken een ster met je pen zet de voorgrond kleur op een mooie donkere gele kleur, ik heb #ecbb0e genomen. Zorg dat je op de vorm modus staat in de optiebalk:

kerstkaart met animatie 21

Geef de laag van de ster de volgende laagstijl:

kerstkaart met animatie 22

Laat de kleur op de standaard instelling staan. Dupliceer de laag van de ster, roteer en maak de ster wat groter met je vrije transformatie (CTRL +T). Dupliceer de laag nog een keer en roteer en maak deze wat kleiner. Verdeel de sterren over je canvas:

kerstkaart met animatie 23

Neem je horizontale typ gereedschap typ gereedschap en tik je tekst, ik heb the king and queen (52) gebruikt in dezelfde kleur als de sterren in grootte 35pt. Hierna roteer je de tekst met je vrije transformatie en geef je een slagschaduw aan de tekstlaag:

kerstkaart met animatie 24

Maak boven de laag van je sterren en de tekstlaag twee nieuwe lagen aan. Noem deze fonkellaag 1 en fonkellaag 2. Selecteer van je basis photoshop penselen de ster van 70 px en maak in dezelfde kleur als je voor de tekst en de sterren hebt gebruikt een paar sterretjes in  fonkellaag 1 en daarna een paar in fonkellaag 2 op andere plaatsen.

kerstkaart met animatie 29

Geef de fonkellagen dezelfde laagstijl als de lagen van de sterren en stel deze als volgt in:

kerstkaart met animatie 26

Hieronder kun je zien hoe het per laag eruit ziet bij mij:

kerstkaart met animatie 25

Zet de fonkellagen uit en ga naar het video gedeelte van Photoshop:

video

Als je een groen balk krijgt in plaats van frames kun je op het icoontje klikken om de frames te zien:

groene balk

We beginnen met het maken van de fonkelanimatie:

Zet de vertraging op0, 2 sec onder aan bij frame 1, zet  fonkellaag 1 aan en dupliceer dan het frame door op het vierkantje te klikken met het gekrulde hoekje aan de onderkant:

kerstkaart met animatie 27Zet in frame 2  fonkellaag 1 uit en zet fonkellaag 2 aan. Druk dan op het icoontje met de kleine vierkantjes om frames in te voegen, stel in als hieronder aangegeven:

kerstkaart met animatie 28

Je hebt nu 5 frames als het goed is ;) ga in het laatste frame staan en dupliceer dit frame zodat je er 6 hebt  zet  fonkellaag 2 uit, voeg weer 3 frames tussen zodat je op 9 frames uitkomt:

Zet in frame 1, 4 en 7 de laag van “gele lichtjes aan”, aan. In frame 2, 5 en 8 de laag van blauwe lichtjes aan en in frame 3, 6 en 9 de laag van rode lichtjes aan.

Dat maakt het weer helemaal af!

Speel je animatie af en als het je bevalt sla je hem op als gif file:

animatie opslaan

Kerstkaart-met-animatie-lichtjes-langzamer

www.jumbojet.eu

Veel plezier van je geanimeerde kerstkaart!

Groetjes,

Jumbojet

Reageer