008 - ANIMATIE MAKEN

Het laten bewegen van bepaalde dingen in een bestaand plaatje is nog niet zo makkelijk. In deze les probeer ik daarom de grondbeginselen van het maken van een animatie uit te leggen.

Bij deze les hoort de volgende zip, waarin ik de onderstaande dingen heb ingepakt:
De tube van het jongetje, en een basisvormen pakketje met allerlei tekstballonnetjes.
Je bent niet verplicht om dezelfde tube te gebruiken, welke ik heb gebruikt. Maar om de uitleg te kunnen volgen is het misschien wel handig om hem te gebruiken.

Stap 1:
Open de tube die in je zip-file te vinden is als afbeelding in PSP. Dus niet als plaatjespenseel, maar gewoon als afbeelding.

Stap 2:
Selecteer met je lasso en de volgende instellingen:


het hoofdje. (Als de afbeelding een beetje te klein is om te zien wat je selecteer, kun je ook even inzoomen met: Afbeelding - 5x inzoomen) Wanneer je eenmaal rond bent zul je zien dat psp hem wat ruimer selecteert als wat je zelf hebt aangegeven.

Corrigeer dit door met je muis in je selectie te klikken. PSP zal dan de selectie tot vlak om het hoofdje laten inkrimpen.

Stap 3:
Kopieer nu je selectie met Bewerk - Kopieren. En plak vervolgens de selectie als nieuwe afbeelding. Deze nieuwe afbeelding kun je gelijk minimaliseren, want die hebben we straks pas nodig.

Stap 4:
Terug in je grote afbeelding, druk je de delete toets op je toetsenbord in. Het jongetje wordt dan in 1 klap onthoofd. Er blijven nog wel wat puntjes/vlekjes staan. Gum deze met je gummetje even weg.

Stap 5:
Herhaal de stappen 2 tot en met 3, maar selecteer nu de beer.

Ook bij de beer blijven wat vlekjes achter, haal ook deze met het gummetje weg.

Stap 6:
We hebben dus nu een jongetje zonder hoofd en zonder beer(plaatje 1), een plaatje van het hoofd(plaatje 2) en een plaatje van de beer(plaatje 3). Vergroot nu via Afbeelding - Doekgrootte. Tel bij de huidige hoogte ongeveer 50px op, deze komt dus op 355px hoog te staan. De huidige breedte kun je handhaven. Zorg er voor dat je het vinkje voor Afbeelding verticaal centreren, weghaalt. En vervolgens in het vakje onder een 0 intikt.
Stap 6a:
Dupliceer in het lagenpallet van plaatje 1, de laag twee maal. Hierdoor krijg je dus in totaal drie lagen.

Stap 7:
Zet de bovenste twee lagen in je lagenpallet uit, en zorg ervoor dat de onderste laag actief is. 

Stap 8:
Ga naar plaatje 2 (het plaatje met het hoofd) en kopieer deze. Plak hem vervolgens als nieuwe laag op de afbeelding met het lichaam.

Stap 9:
Sleep nu de laag met het hoofd, onder je laag met het lichaam.

Stap 10:
Laat vervolgens de laag met het hoofd, een graad of 5 roteren naar rechts. Dit doe je doormiddel van Afbeelding - Roteren. In het screenshot staat 10, maar dit is later gewijzigd naar 5. Verplaats nu het hoofdje zo, totdat hij weer netjes op het lichaam staat. Als tip geef ik hier mee, dat je als draaipunt het begin van het nekje moet zien, en niet het middelpunt van het hoofdje.

Stap 11:
Ga nu naar plaatje 3 (de afbeelding van het beertje). Ook deze kopieer je en plak je als een nieuwe laag op de afbeelding van het lichaam.

Stap 12:
Roteer ook deze laag met een graad of 5, maar nu naar links.

Stap 13:
Lagen - Samenvoegen - Zichtbare lagen.

Stap 14:
Maak in je lagenpallet nu de zojuist samengevoegde laag onzichtbaar, met een klik op het brilletje. Klik vervolgens op de middelste laag zodat hij zichtbaar wordt, en gelijk als actieve werklaag beschikbaar is.

Stap 15:
Herhaal stap 8. Deze keer roteren we het hoofd niet.

Stap 16:
Herhaal stap 11. Ook deze laag roteren we nu niet.

Stap 17:
Maak nu een nieuwe rasterlaag aan, en stel je basisvormen in, met de volgende instellingen Callout 12:

Stap 18:
Zet nu je voorgrondkleur op zwart en je achtergrondkleur op wit. En teken een tekstballon vanaf de coördinaten 5, 5 tot en met 145, 100. De coördinaten zijn te zien links onderin je scherm, op de actiebalk.

Stap 19:
Lagen Samenvoegen - Zichtbare lagen.

Stap 20:
Zet in je lagenpallet nu de middelste laag uit, door een klik op het brilletje. Maak vervolgens de bovenste laag actief door hem aan te klikken.

Stap 21:
Herhaal de stappen 8 t/m 10, maar roteer het hoofd nu in plaats van naar rechts, 5 graden naar links.

Stap 22:
Herhaal nu ook de stappen 11 t/m 12, en roteer ook hier het beertje in plaats van naar links, 10 graden naar rechts.

Stap 23:
Herhaal nu ook de stappen 17 en 18, let hierbij goed op de coördinaten dat deze gelijk zijn aan de eerder gebruikte coördinaten. Wanneer dit niet het geval is gaat straks in je animatie ook je tekstballonnetje staan dansen.

Stap 24:
Voeg nogmaals een nieuwe laag toe, en klik vervolgens met je teksttool in je afbeelding. Zet je kleur van omlijnen op zwart, en je kleur voor de vulling op #ff77b0. Tik nu je tekst die je wilt gebruiken, met de volgende instellingen:

Stap 25:
Verschuif je tekst naar de juiste plek in het tekstballonnetje, en geef je tekst nog de volgende afschuining:

Stap 26:
Lagen samenvoegen - Zichtbare lagen samenvoegen.

Stap 27:
Maak nogmaals een nieuwe laag aan. Zet je voorgrondkleur nu op kleurnummer #e1e2ff en je achtergrond op kleurnummer #9199ff. Stel vervolgens de achtergrondkleur in op een verloop, met de volgende instellingen:

Stap 28:
Vul nu de zojuist aangemaakte laag, met dit verloop en druk je watermerk er nog even op. (ik ben het zelf in mijn voorbeeldje vergeten).

Stap 29:
Schuif nu deze laag helemaal naar onderen in je lagenpallet, en dupliceer 2x hem door middel van het aanklikken van je laag met je rechtermuisknop en dan dupliceren.

Stap 30:
Zet vervolgens 2 samengevoegde lagen en de 2 kopie lagen even uit door een klik op het brilletje. Je moet dus nu als zichtbaar hebben staan: 1 samengevoegde laag (dus het jongetje) en 1 achtergrondje. Voeg vervolgens deze zichtbare lagen weer samen, met lagen samenvoegen - zichtbare lagen.

Stap 31:
Zet de zojuist samengevoegde laag uit, en maak weer een achtergrondje en een laag van het jongetje weer zichtbaar. Voeg dan vervolgens nogmaals de zichtbare lagen samen.

Stap 32:
Zet nu weer de zojuist samengevoegde laag uit, en maak de twee overgebleven lagen zichtbaar. Nogmaals de zichtbare lagen samenvoegen.

Stap 33:
Je houdt nu dus drie lagen over. Maak ze nu weer alle drie zichtbaar en sla je bestandje op als psp bestandje.

Stap 34:
Open nu animatieshop, en klik in animatieshop op de wizardknop.

Stap 35:
Ik heb even de screenshots van animatieshop achterwege gelaten, maar hieronder in het kort neergeschreven waar je wat moet invullen.
Scherm 1:
een vinkje voor Zelfde afmetingen als eerste beeldframe.
Scherm 2:
een vinkje voor Transparant
Scherm 3:
een vinkje voor Linkerbovenhoek van frame, en een vinkje voor Met de kleur van het doek.
Scherm 4:
Een vinkje voor Ja, de animatie blijven herhalen, en de tijdsinstelling zet je op 100.
Scherm 5:
Voeg hierin je psp bestandje toe.
Scherm 6:
Voltooien.

Stap 36:
Controleer nu je animatie met een klik op de volgende knop (animatie starten). En vervolgens kun je je animatie opslaan.

Ik ben benieuwd of jullie makkelijk door dit lesje heen komen. Het was voor mij in elk geval best een opgave om hem neer te zetten. Maar wanneer ik jullie uitwerkingen op de club zie verschijnen, weet ik dat het mij toch is gelukt. Mocht je toch nog vragen hebben, schrijf ze dan in het forum van de club.


© Ria-Maria 20 februari 2003
© Herzien Ria-Maria 10 juni 2003