Microsoft GIF Animator
Om animatie in een oefening te krijgen (Bewegende naam, Fantasie met PC, Je afbeelding met vier wisselende kleurvlakken, …) gebruikte ik steeds deze site:
http://www.online-image-editor.com/index.cfm
Voordeel: je kunt werken op de server van de site. Je installeert dus niets op je PC.
Nadeel: je animatie is beperkt tot de maximum afmetingen van 250x250 en 9 afbeeldingen in één animatie.
Op mijn zoektocht naar een betere Page Builder kwam ik volgend programmaatje tegen: Microsoft GIF Animator. Je kunt het hier downloaden:
http://www.jhepple.com/gif_animator.htm
Je ziet twee knoppen:
Download the Setup program (with help*)
Je laadt het volledige programma op je PC. Is het handigst in gebruik.
Download the EXE file only
Je laadt een file op je PC. Je kunt het programma gebruiken. Sluit je het, is het verdwenen van je PC en moet je de procedure herhalen. Niet zo handig als je Microsoft GIF Animator regelmatig gaat gebruiken.
In de bestaande leidraden staat het volgende:
We brengen een bezoekje aan een andere site:
http://dutch.toggle.com/lv/group/view/k ... imator.htm
Deze link werkt ook nog steeds, maar je kan het programma er niet op je PC laden, enkel er eenmalig mee werken.
Staat Microsoft GIF Animator op je PC, klik de link dan niet aan, maar open Microsoft GIF Animator onmiddellijk op je PC.
Voordeel:
1. De afmetingen van je afbeeldingen zijn niet beperkt. (houdt je aan de gevraagde maxima van SN: 480x…
2. Het aantal beelden in één animatie is theoretisch onbeperkt.
Hoeveel precies moet ik nog uittesten. Maar één van de voorbeelden in deze leidraad heeft er al 42.
3. Het inbrengen van je afbeeldingen gaat vliegensvlug. Daar je werkt op je eigen PC en niet een server ergens, wie weet waar, zijn er geen up- en download wachttijden.
Nadeel:
1. Je moet het programma downloaden.
2. Alleen afbeeldingen in het Format GIF worden aanvaard.
(Als je een map opent zonder afbeeldingen in Format GIF wordt deze als leeg weergegeven.)
Vooraf:
Een klein beetje uitleg
Een animatie bestaat uit één afbeelding op één laag. Wanneer je verschillende lagen met telkens een licht gewijzigde afbeelding kan samenbrengen, dan creëer je de indruk van beweging = animatie.
Microsoft GIF Animator geopend ziet er zo uit:
Bovenaan heb je 14 blokjes staan.
1. Maak je een laagje bij
2. Haal je de eerste afbeelding binnen
3. Om één animatielaag te op te slaan
4. Om je volgende afbeeldingen binnen te halen
5. Om al je animatielagen op te slaan
6. Om één animatielaag er weer uit te snijden
7. Om een kopie te maken
8. Om een kopie te plakken
9. Om één animatielaag te verwijderen
10. Om alles te selecteren
11. Om de aangeklikte animatielaag te doen stijgen in volgorde
12. Om de aangeklikte animatielaag te doen dalen in volgorde
13. Om de beweging in gang te zetten
14. Helpfunctie. Deze wordt niet in alle versies van Windows ondersteund.
Test om eens grondig kennis te maken – Spelen met een rechthoek
Open IMs
1. Scroll naar Input Properties > Size = vrij te kiezen (respecteer het door SN gevraagde maximum van 480x480!)(ik vulde in: 320x240!) > Format = xc > Meta = none > view
2.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 05 > klik Opslaan.
Sluit dit venster
3.
Draw > Primitive = Rectangle > Coordinates = 0,0,lengte van je vlak uit stap 1,0,breedte gewenste lijndikte (ik vulde in: 0,0,320,20) > scroll naar Draw Properties > Fill Color = hexcode of naam van een kleur in het Engels > draw
4.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 01 > klik Opslaan.
Sluit dit venster.
5.
Transform > rotate right aanvinken > transform
6.
Draw > alles ongewijzigd laten > draw
7.
Transform > rotate left aanvinken > transform
8.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 02 > klik Opslaan.
Sluit dit venster.
9.
Transform > rotate flip aanvinken > transform
10.
Draw > alles ongewijzigd laten > draw
11.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 03 > klik Opslaan.
Sluit dit venster.
12.
Transform > rotate left aanvinken > transform
13.
Draw > alles ongewijzigd laten > draw
14.
Transform > rotate left aanvinken > transform
15.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 04 > klik Opslaan.
Sluit dit venster.
We brengen een bezoekje aan een andere site
http://dutch.toggle.com/lv/group/view/k ... imator.htm
1. Klik vakje 2 > haal 01 binnen
2. Klik vakje 4 > haal 02 binnen
3. Klik vakje 4 > haal 03 binnen
4. Klik vakje 4 > haal 04 binnen
5. Klik vakje 4 > haal 05 binnen
6. Klik vakje 4 > haal 04 binnen
7. Klik vakje 4 > haal 03 binnen
8. Klik vakje 4 > haal 02binnen
9. Klik vakje 4 > haal 01 binnen
10. Klik
Animation > Looping aanvinken > Repeat Forever aanvinken
11. Klik
Image
12. In het vakje Duration1/100 heb ik 50 ingevuld > Undraw method = Restore background
13. Frame 2 aanvinken, herhaal punt 8 en ga zo het rijtje af
14. Klik op vakje 13. Je bent niet tevreden en je wilt een langere rust pauze klik op frame #1 wijzig het vakje Duration1/100 (heb ik ingevuld) > herhaal voor al de frames. Tevreden:
15. Klik vakje 5 > Bestandsnaam =
animatie > klik Opslaan.
Test om eens grondig kennis te maken – Spelen met een cirkel
Deze leidraad is bewust miniem gehouden. Het is een montageband oefening dus steeds opnieuw hetzelfde.
Open IMs
1. Scroll naar Input Properties > Size = vrij te kiezen (respecteer het door SN gevraagde maximum van 480x480!)(ik gebruikte 240x240!) > Format = xc > Meta = none > view
2.
Draw > Primitive = Circle > Coordinates = 120,120,20,120 (gebruikte ik) > scroll naar Draw Properties > Fill Color = hexcode of naam van een kleur in het Engels > draw
3.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 01 > klik Opslaan.
Sluit dit venster. Blauwe “vorige”-knop 3x klikken. Nu zie je het vakje Coordinates terug.
4.
Draw > alles ongewijzigd laten > Coordinates = 120,120,25,120 > draw
5.
Output > Format = gif > output
Je ziet een nieuw venster.
Links klikken op je afbeelding. Je ziet weer een nieuw venster.
Rechts klikken op je afbeelding.
Klik Afbeelding opslaan als .... Je ziet een nieuw venster > Bestandsnaam = 02 > klik Opslaan.
Sluit dit venster. Blauwe “vorige”-knop 3x klikken. Nu zie je het vakje Coordinates terug.
En nu ben je vertrokken: herhaal stappen 4 en 5 steeds opnieuw. Coordinates 25 wijzigen naar 30, 30 wijzigen naar 35, enz. steeds +5 tot en met 120. Je laatste Coordinates = 120,120,120,120. (Er is niets meer te zien, toch nog
Output en opslaan.
En natuurlijk de bestandsnaam waaronder je opslaat steeds met 1 verhogen.
We brengen een bezoekje aan een andere site
http://dutch.toggle.com/lv/group/view/k ... imator.htm
1. Klik vakje 2 > haal 01 binnen.
2. Klik vakje 4 > haal 02 binnen > klik vakje 4 > haal 03 binnen > ga zo verder tot je laatste afbeelding en ga dan verder in omgekeerde volgorde tot je terug bij 01 belandt.
3.Klik
Animation > Looping aanvinken > Repeat Forever aanvinken
4. Klik
Image.
5. In het vakje Duration1/100 heb ik 20 ingevuld > Undraw method = Restore background
6. Frame 2 aanvinken, herhaal punt 5 en ga zo het rijtje af
7. Klik op vakje 13. Bekijk je resultaat. Niet tevreden ga eens lezen bij
Spelen met een rechthoek hierboven.
8. Klik vakje 5 > Bestandsnaam =
animatie > klik Opslaan
tekstbewerking en vormgeving in samenwerking met egel
versie 2010/02/07