016 - ACHTERGROND MET GIF ANIMATIE

Voor het derde achtergrondje ben ik uitgegaan van een bestaande gif-animatie. Ook voor het maken van deze les heb je niet meer nodig dat het programmaatje 20/20, dit programmaatje is via de link van les 14 te downloaden.

Stap 1:
Anders dan anders beginnen we hier in Animatieshop. Start hiervoor dus eerst Animatieshop op.

Stap 2:
Open in Animatieshop je bewegende gif-animatie.

Stap 3:
Ga vervolgens naar Bewerken - Alles selecteren. Wanneer je niet alles selecteert en je zou hem naar PSP transporteren (zoals we in de volgende stap gaan doen), wordt er maar 1 frame van je animatie getransporteerd. En een animatie bestaat altijd uit meerdere frames.

Stap 4:
Bestand - Frames exporteren naar PSP.

Stap 5:
Als het goed is wordt PSP nu automatisch geopend en zie je je gif-animatie als 1 afbeelding staan. Wanneer je nu je lagenpallet opent zie je dat de afbeelding bestaat uit net zo veel lagen als je eerder aan frames had geselecteerd in Animatieshop.

Stap 5:
Bij mij was het van toepassing dat ik de achtergrond eerst transparant moest maken, omdat de animatie al een achtergrondje had. Namelijk het wit om de poesjes.

Stap 6: 
Pak voor het transparant maken van je gif-animatie eerst je toverstaf, met de volgende instellingen:

Hoe hoger de tolerantie is hoe meer kleuren de toverstaf selecteert. Let er dus wel op dat hij bij het selecteren geen delen van je plaatje selecteert, anders maak je die delen ook transparant. Doet hij dat wel, zet dan de tolerantie op een lager getal dan 40.

Stap 7:
Voor dat je nu gaat selecteren zet je eerst alle lagen in je lagenpalet onzichtbaar door middel van een klik op het brilletje, op 1 geselecteerde werklaag na.

Stap 8:
Selecteer de witte achtergrond met de toverstaf, en druk de delete knop op het toetsenbord in. Als het klopt zie je nu de transparant blokjes van PSP verschijnen.

Stap 9:
Zet nu de volgende laag zichtbaar en werkbaar, en je huidige laag weer op onzichtbaar.

Stap 10:
Herhaal stap 8.

Stap 11:
Zet nu nogmaals de volgende laag zichtbaar en werkbaar, en je huidige laag nogmaals op onzichtbaar.

Stap 12:
Herhaal nogmaals stap 8.
Wanneer je nog meer frames in je Gif-animatie hebt, dan de hierboven getoonde drie. Herhaal je de stappen dus op al je frame lagen.

Stap 13:
Nu gaan we nog even de doekgrootte aanpassen, d.m.v. Afbeelding - Doekgrootte aanpassen. Tel hiervoor zowel bij de breedte als bij de hoogte even 100px op.

Stap 14:
Zet nu al je frame lagen even uit, en maak vervolgens een nieuwe rasterlaag aan, d.m.v. lagen - nieuwe rasterlaag aanmaken. En verplaatst deze laag helemaal naar onderen in je lagenpallet.

Stap 15:
Kies twee goed bij elkaar passende kleuren uit en zet vervolgens je achtergrond kleur op verloop. Wil je twee kleuren uit je plaatje maak dan weer even 1 frame zichtbaar, en na het kiezen zet je hem gewoon weer op onzichtbaar. Zorg er wel voor dat de zojuist aangemaakte rasterlaag geselecteerd is als werklaag na het kiezen van je kleurtjes.

Stap 16:
Vul nu je rasterlaag met het vulbusje en je verloop.

Stap 17:
Effecten - Grofkorreligheid met de volgende instellingen:

Stap 18:
Nu werd het achtergrondje bij mij wel erg donker, en daar heb ik het volgende mee gedaan. Maak nogmaals een nieuwe rasterlaag aan.

Stap 19: 
Vul de rasterlaag met je vulbusje, en de lichtste van de twee kleuren die je hebt gekozen.

Stap 20:
Zet nu het schuifje achter de net gevulde rasterlaag op ongeveer 25.

Stap 21:
Voeg nu alle zichtbare lagen samen, d.m.v. lagen - samenvoegen - zichtbare lagen.

Stap 22:
Effecten - Geometrische Effecten - Stralenkrans, met de volgende instellingen:

Stap 23:
Bewerken - Kopiëren

Stap 24:
Open nu het programmaatje 20/20, en ga daar naar: Edit - Paste - As new image

Stap 25:
Ga vervolgens in 20/20 naar het tabblad Image, en kies vervolgens voor Seamless.

Stap 26:
Ga nogmaals naar: Edit - Copy

Stap 27:
Terug in PSP, plak je de zojuist gemaakte kopie als nieuwe laag in je afbeelding.

Stap 28:
Nogmaals lagen - samenvoegen - zichtbare lagen samenvoegen, en je hebt 1 achtergrondje voor je gif-animatie. Zet hier nog wel even je watermerk op voordat je verder gaat.

Stap 29:
Dupliceer nu de laag van je achtergrondje, net zo vaak als dat je frames heb van je gif-animatie. Ik had drie frames van de gif-animatie. Dus ik heb mijn achtergrondje 2x moeten dupliceren. 

Stap 30:
Zet nu twee lagen van de achtergrond onzichtbaar, en zet 1 laag van je frame weer onzichtbaar. Zorg er wel voor dat je de onderste laag hebt geselecteerd als werklaag.

Stap 31:
Lagen - samenvoegen - zichtbare lagen samenvoegen.

Stap 32:
Zet de zojuist samengevoegde laag weer even op onzichtbaar, en maak weer een achtergrondje en een frame-laag zichtbaar. Ook hier zorg je ervoor dat je op de onderste laag blijft als werklaag. Dit doe ik om de volgorde van je animatie correct te houden.

Stap 33:
Lagen - samenvoegen - zichtbare lagen samenvoegen.

Stap 34:
Zet weer de zojuist samengevoegde laag op onzichtbaar, en maak nogmaals een achtergrondje en een frame-laag zichtbaar.

Stap 35:
Lagen - samenvoegen - zichtbare lagen samenvoegen.
Wanneer je meer frames had in je animatie herhaal het bovenstaande net zolang tot dat elk frame een achtergrondje heeft gekregen.

Stap 36:
Zet nu al je lagen weer op zichtbaar.

Stap 37:
Tijdens het maken van de animatie kwam ik er achter dat deze animatie te groot werd om te uploaden bij clubs. Daarom staat in de volgende stappen nog even beschreven hoe je hem zou kunnen verkleinen.

Stap 38:
Afbeelding - Formaat wijzigen

Stap 39:
Op alle lagen moet je nu wel de afbeelding verscherpen. Dit doe je d.m.v. Effecten - Verscherpen - Verscherpen. Doe dit echt op alle lagen, anders is alleen 1 plaatje scherp, en worden de anderen in je animatie wazig.

Stap 40:
Sla nu je animatie als psp bestandje op.

Stap 41:
Terug in Animatieshop kun je nu je afbeelding weer via de wizard ophalen. In Animatieshop zie je echter nog wel je originele gif-plaatje staan (welke pas is af te sluiten als PSP is afgesloten). Maar onder die animatie zie je het volgende staan.

Het getal achter V: geeft de animatiesnelheid aan, vul dit getal in de wizard in bij scherm: 4.
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 50.
Scherm 5:
Voeg hierin je psp bestandje toe.
Scherm 6:
Voltooien.

Stap 42:
Nu kun je de animatie opslaan als een nieuwe gif-animatie met een naadloze achtergrond.

Dit was de laatste les over het maken van een achtergrondje. Het zou heel goed kunnen dat 1 van de 3 lessen ook ergens op het internet zijn te vinden, maar dat komt omdat ik het dan juist daar heb geleerd.
Ik hoop dat jullie er een beetje uit kunnen komen, en zie graag jullie uitwerkingen op de club verschijnen.

© Ria-Maria 10 maart 2003