Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
1
Handleiding Pivot Stickfigure Animator Maak je eigen animated gifjes en laat je poppetje bewegen zoals jij wilt. Je kunt je Pivot invoegen in een mailtje, je website of laten verschijnen op je desktop.
1. Voordat je begint met deze handleiding te lezen, moet je eerst het programma geïnstalleerd hebben. Zodra je deze hebt gedownload kun je het installeren en kunnen we beginnen met het leren maken van bewegende figuurtjes (animated gifs). Je kunt het programma hier gratis downloaden vanaf de site van de maker Peter Bone: http://pbone.it-mate.co.uk/pivot.zip 2. Start Pivot Stickfigure Animator op je eigen computer.
Als je het programma hebt opgestart zie je rechts in het witte vlak een poppetje en links allemaal knoppen, als je een animatie wilt maken moet je frames aanmaken. In elk frame maakt het poppetje een nieuwe beweging, als je al deze frames achter elkaar afspeelt krijg je een animatie. We moeten dus frames aan gaan maken en het poppetje in elke frame anders neer zetten.
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008 We kunnen nu het eerste frame aan gaan maken, druk op de knop ‘next frame’.
Je ziet dat je eerste frame boven in een balk wordt gezet. We moeten nu frame 2 bewerken. We kunnen het poppetje iets naar beneden schuiven. Pak het poppetje bij het oranje rondje beet en sleep het een stukje naar beneden.
2
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
3
Je ziet nu een lichtzwart poppetje, plus een donkerzwart poppetje. het lichtzwarte poppetje zie je niet in frame 2 als je het afspeelt als animatie, het geeft alleen aan waar je in je vorige frame mee bezig was.
Als het poppetje in frame 2 goed staat, dan druk je op de knop ‘next frame’ om de volgende frame aan te maken. Kijk goed in je frames overzicht of er een nieuwe frame bijkomt, waarin je de volgende stap kunt gaan maken. 3. Zo kun je iedere keer een nieuw frame aan maken met in elk frame een andere stand van het poppetje. In frame 3 kunnen we de houding van het poppetje veranderen. klik in het rechter armpje op het onderste rode rondje, en verplaats dit rondje naar boven.
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
Druk op de knop “next frame”, zodat we in frame 4 het armpje helemaal naar boven kunnen laten gaan.
Klik op de verschillende rode rondjes om de ledenmaten die daarbij horen te verplaatsen.
4
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008 4. Druk maar eens op de ‘play’ knop om je animatie te bekijken.
Je ziet dat alle frames erg snel achter elkaar afspelen. (Je kunt met de schuifbalk naast de play knop de snelheid regelen). Druk maar op stop als je het gezien hebt. 5. Misschien staat het poppetje in frame 1 toch niet zo heel mooi. Als je het poppetje in frame 1 wilt veranderen klik je frame 1 aan en pak je het poppetje weer bij het oranje rondje beet in het te verplaatsen. Als je frame 1 niet meer wilt kun je hem ook weghalen. Klik dan met je rechtermuisknop op frame 1 en druk op ‘delete’.
Frame 2 wordt dan frame 1 etc.
5
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
6
6. Met de knop ‘add figure’ kun je een nieuw poppetje aan je animatie toevoegen.
Je ziet dat het poppetje wat je al had nu blauwe stippen heeft en het nieuwe poppetje heeft rode stippen. Het poppetje met de rode stippen is op dat moment geselecteerd, en die kun je dus verplaatsen. Wil je het andere poppetje weer selecteren dan moet je op het middelste stipje klikken om dit poppetje te selecteren.
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
7
7. Je kunt ook het poppetje zelf veranderen, je hebt een aantal knoppen onder het woord Current figure staan zoals: ‘delete’, ‘edit’, ‘center’ etc. Deze knoppen gelden voor het poppetje wat je op dat moment geselecteerd hebt (het poppetje waarvan de stippen rood zijn). Delete = wis het poppetje. Edit = je kunt je poppetje uitbreiden met extra armen en benen, of wat je ook maar verzint. Center = zet je poppetje in het midden van het scherm. Flip = draait je poppetje horizontaal om. Colour = je kunt de kleur van je poppetje veranderen. 100 = hoe kleiner het getal hoe, kleiner je poppetje of andersom. Front = zet je poppetje helemaal vooraan. Back = zet je poppetje helemaal achteraan. 8. Via de menubalk heb je nog wat andere opties. Druk op de knop ‘File > Load Background’ om een achtergrondplaatje in je animatie te zetten. (Let er wel op dat deze even groot is als de animatie waarin je nu werkt. Bekijk de grote van je animatie in de menubalk onder de knop ‘options’).
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
Je kunt andere poppetjes laden via de knop ‘File > Load Figure Type’ en via de knop ‘File > Create Figure Type’ kun je zelf een mooi poppetje maken. 9. Als je klaar bent met je animatie moet je hem nog op de juiste manier opslaan. Druk op de knop ‘ File > Save Animation’. Bewaar nu eerst je animatie, door deze op te slaan als een .piv bestand, zodat je (wanneer er wat fout is gegaan) de animatie weer kunt openen en bewerken. Nu kun je de animatie ook als .gif opslaan, dit doe je door weer naar de knop ‘File > Save animation’. Kies nu voor de optie .gif.
Je krijgt een menu te zien waarin je enkele dingen in gaat stellen. Merge: uit. Merge aan geeft een kleiner bestand. Het leidt soms tot storende lijnen, omdat gelijke beeldjes worden samengevoegd. Crop: aan. Snijdt lege vlakken wit weg. Palette: aan. Palette aan geeft een kleiner bestand. Het staat wsl. voor minder kleuren / grijswaarden. Als je geen kleur hebt gebruikt zie je geen verschil. Frame delay: 10 Veel websites adviseren: 6. Dan gaan de animaties echter vaak nog steeds te snel. Shrink frames by (1/)2 Verkleint de animatie tot de helft. Druk op de knop ‘OK’ en je animatie is klaar.
8
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008 Zie hier het resultaat.
Maken van een achtergrond in Paint. Maak in het programma Paint een mooie achtergrond dat past bij animatie. Bewaar deze achtergrond op je computer. Sla je foto of plaatje altijd op als een .BMP (Bitmap) Let op! Maak het plaatje dan zo groot als dat je animatie moet worden. Je kunt nu dit bestand als achtergrond gaan laden in het PIVOT programma. Zie onderstaand voorbeeld:
Klik op ‘File’ en dan op ‘Load Background’.
9
Handleiding Pivot | docent Wendy Bruins | www.wisemice.nl versie 1.2 | december 2008
Zelf een figuur ontwerpen. Klik op File en dan op ‘Create figure type’. Er verschijnt nu een lijn in het venster. De oranje punt is nu het midden van de zelf bedachte figuur dat je gaat maken. 1. Hiermee kun je meerdere lijnen toevoegen. Via slepen met muis. 2. Hiermee voeg je een cirkel toevoegen. 3. Met de derde knop kun je een cirkel veranderen in een lijn. 4. Met de pijlknoppen kun je de dikte van de lijnen bepalen. 5. Met de knop met de dubbele lijnen kun lijnen/elementen kopiëren, klik op de lijn en dan op de knop met dubbele lijnen en klik ergens op een rode punt. 6. Met de knop pijl en kruis kun je lijnen/elementen vast zetten. 7. De knop met rode kruis verwijderd gekozen lijnen.
Je kunt nu de elementen/lijnen bewegen via de rode punten en van grootte veranderen. Je moet dan wel eerst klikken op ‘Options’ en ‘Edit mode’.
TIPS - kijk op YouTube naar voorbeelden, zoek op trefwoord Pivot - kijk op http://www.droidz.org voor handige uitbreidingen
10