Animation og Vectorian Giotto. Vectorian Giotto - eksempler  Vectorian Giotto er et gratis program hvormed der kan designes og udarbejdes Flash-animationer.

Præsentationer af emnet: "Animation og Vectorian Giotto. Vectorian Giotto - eksempler  Vectorian Giotto er et gratis program hvormed der kan designes og udarbejdes Flash-animationer."— Præsentationens transcript:

1 Animation og Vectorian Giotto

2 Vectorian Giotto - eksempler  Vectorian Giotto er et gratis program hvormed der kan designes og udarbejdes Flash-animationer  Eksempler på Flash-animationer, der er konverteret til video:  Animation af DC-motor  Animation af elektronvandring  Animationer til matematikken  Animation svejsepistol

3 Vectorian Giotto - brugerflade

4 Grundlæggende for animation  Animation er en optisk og illustreret oplevelse af bevægelse.  En animation består af stillbilleder også kaldet Frames, som vises sekven- tielt, den ene efter den anden. Derved skabes der en oplevelsen af en ​​kontinuerlig bevægelse.  Der er to typer af frames: Key Frames og Tween Frames  Key Frames kan udvides med ekstra Frames

5 Vectorian Giotto - Key Frame  Et Key Frame er en enkelt stillbillede i en animeret sekvens, og angiver en startsposition og en stopposition  Her er vises 3 Keyframes der viser en kugle der falder ned:  Bevægelse 1: Key Frame 1 = startposition Key Frame 2 = stopposition  Bevægelse 2: Key Frame 2 = startposition Key Frame 3 = stopposition  Key Frame i Vectorian Giotto

6 Vectorian Giotto - Tween Frames  Tween Frames er mellemliggende Frames mellem Key frames med det formål at skabe en glidende overgang mellem to Key Frames  Tween Frames i Vectorian Giotto

7 Vectorian Giotto - Effekter  Vectorien Giotto indeholder ca. 40 effekter, som på en enkel måde kan tilføjes til billeder, tegninger mv.  Det kan ex være vingerne på en mølle der skal rotere

8 Lag/Layer  I animation- og grafiksoftware, arbejder man ofte i lag eller niveauer, hvor tegninger og objekter, ”stablet over og under hinanden” »Lag i Vectorian Giotto  Det øverste lag vil overskygge de underliggende lang

9 Tegneredskaber  Drawing Toolbar  Stregfarve og fyldefarve

10 Kort vejledning animation med Key Frames - Eksempel på bold der falder ned i en boks Der skal anvendes 3 Key Frames og 2 Layer  Først skal boksen tegnes i Key Frame 1  Tegn en boks med tegneredskabet  Indsæt 2 ekstra Key Frames (boksen kopieres automatisk til de nye Key Frames)  Højreklik på Key Frame 1, og vælg Insert Keyframe  Højreklik på Key Frame 2, og vælg Insert Keyframe  Opret nyt Layer  Højreklik over Layer 1 teksten, og vælg Layer  Klik på Layer 1, og hold musen nede og flyt laget ovenover det nye Layer  Bold tegnes i Layer 2 Key Frame 1 (Layer 1 kan låses ved at klikke på punktum under hængelås. Der fremkommer en hængelås)  Klik på Key Frame 1, i Layer 2  Tegn en bold  Indsæt 2 ekstra Key Frames i Layer 2 (bolden kopieres automatisk til de nye Key Frames)  Højreklik på Key Frame 1, og vælg Insert Keyframe  Højreklik på Key Frame 2, og vælg Insert Keyframe  Bolden skal nu skifte position i Key Frame 2 og Ket Frame 3  Klik på Key Frame 2 i Layer 2, og ryk bolden nedad til den sidder i midten af boksen  Klik på Key Frame 3 i Layer 2, og ryk bolden nedad til den sidder i bunden af boksen  Tryk på Ctrl-tasten og Enter, hvorved browseren åbnes og animationen kan testes

11 Der skal anvendes 2 Key Frames og 2 Layer  Først skal boksen tegnes i Key Frame 1  Tegn en boks med tegneredskabet  Indsæt 1 ekstra Key Frame (boksen kopieres automatisk til de nye Key Frames)  Højreklik på Key Frame 1, og vælg Insert Keyframe  Opret nyt Layer  Højreklik over Layer 1 teksten, og vælg Layer  Klik på Layer 1, og hold musen nede og flyt laget ovenover det nye Layer  Bold tegnes i Layer 2 Key Frame 1  Klik på Key Frame 1, i Layer 2  Tegn en bold  Indsæt 1 ekstra Key Frames i Layer 2 (bolden kopieres automatisk til de nye Key Frames)  Højreklik på Key Frame 1, og vælg Insert Keyframe  Bolden skal nu skifte position i Key Frame 2  Klik på Key Frame 2 i Layer 2, og ryk bolden nedad til den sidder i bunden af boksen  Tween Frames skal nu genereres  Indsæt 5 Frames ved højreklik på Key Frame 1, og vælg Frame. Dette gøres 5 gange.  Klik på Krey Frame 1, hold Shift nede, og klik på Key Frame 2  Højreklik på Krey Frame 1 og vælg Create Motion Tween  Tryk på Ctrl-tasten og Enter, hvorved browseren åbnes og animationen kan testes Kort vejledning animation med Tween Frames - Eksempel på bold der falder ned i en boks