Macromedia Flash

Stap voor stap flash tutorial - de kraaien tekenen en animeren

In deze flash tutorial zal ik proberen uit te leggen hoe de onderstaande vliegende kraaien met zo'n mysterisch effect worden gemaakt. In principe is er hier niet zo veel werk, behalve het tekenen van de vleugels. Daarom om deze animatie wat interessanter te maken moet je een beetje meer tijd aan het tekenen besteden. :)

Flash tutorial: deel 1 - "Het tekenen van de vleugels"

Zoals ik hierboven al gezegd, het tekenen van de vleugels is het moeilijkste in deze animatie. Maar niet snel bang worden, niemand vraagt jouw de mooiste vogel in de wereld tekenen. :) Ik heb ook geen bijzondere mooie vleugels getekend, anders zouden ze mij veel tijd kosten.

Om de tutorial gemakkelijker voor jezelf te maken, kan je altijd deze fla bestand downloaden.

Open Macromedia Flash editor en maak een nieuw document aan. In de properties balk verander de frame rate naar 30 fps en de achtergrond van het document naar iets anders dan wit. Ik gebruikte deze kleur: #006699. Vervolgens druk op Ctrl+F8 en maak een Movie clip met de naam "vleugels" aan. Ga daarna naar View en zet het vinkje bij Rulers aan. Met "Selection tool (V)" zet de horizontale hulplijnen op "0", "30" en "250". Zet de verticale hulplijnen op "0" en "140". Ze zullen ons verder goed helpen.

We zijn klaar met de voorbereiding en beginnen direct met het tekenen. Pak de "Line Tool (L)", zet de "Stroke height" op 0.25 en de kleur verander naar #FF99FF.

a. Teken de volgende vierkante figuur zoals die aan de rechtse kant (zie fase a). Opletten dat er wel een lijntje aanwezig is tussen puntjes "1" en "2".

b. Selecteer de "Paint Bucket Tool (K)" en vul onze figuur in de witte kleur.

c. Met behulp van "Selection Tool (V)" selecteer en verwijder alle paarse lijntjes. We kunnen ook de tekening vergroten zodat we beter kunnen zien wat weg moet gehaald worden. Als resultaat krijg je een witte figuur zonder paarse randen.

d. Nu gaan we van deze figuur een vleugel maken. Met ingedrukte "Alt"-knopje op je toetsenbord en geselecteerde "Selection Tool (V)" kan je wat meer extra putjes maken aan de zijkanten van onze figuur. De tekening moet niet geselecteerd worden, want je gaat werken alleen maar met zijkanten. De puntjes kunnen verplaats worden zodat onze figuur kan op de vleugel beginnen te lijken. Verder kan je de tekening buigen door op een van de zijkanten van het object te gaan staan met de muis en dan even ermee te slepen. Als je ermee gaat even experimenteren, kan je uiteindelijk een mooie vleugel krijgen.

Zo hebben we net de vleugel voor de eerste frame getekend. Ga nu naar de tweede frame en druk op F6. Selecteer je tekening op de tweede frame. Pak de "Free Transform Tool (Q)" en begin de vorm van je tekening te veranderen. Gebruik natuurlijk ook 4 opties van "Free Transform Tool (Q)": Rotate en skew, Scale, Distort en Enveloppe. In het begin zal het moeilijk zijn maar als je gewent raakt, kan je voor elke frames ongeveer volgende vleugels maken.

Je kan zien dat ik 12 verschillende vleugels getekend heb. Maar dat hoeft niet per se 12 vleugels te zijn. Als je denkt dat zo veel vleugels hoeft je niet te tekenen, dan hoef je dat natuurlijk niet te doen. Deze animatie zal ook goed eruit zien met 10 of zelfs met 8 verschillende vleugels.

Maar ok, ik ga er vanuit dat je alle 12 vleugels getekend heb. Dus voor elke frame heb je een verschillende vleugel en in totaal heb je dan 12 keyframes. Ga nu naar frame 3 en druk op F5. Ga daarna naar frame 9 en druk nog een keer op F5. Nu heb je in totaal 14 frames (zie gif-animatie aan de linkse kant).

De vleugels zijn getekend, en we gaan naar de volgende stap om zo'n vogel te maken:

Flash tutorial: deel 2 - "De vogel in elkaar zetten"

a. Maak een nieuwe movie clip met de naam "vogel1" aan. Ga naar de "Library" (Ctrl+L), kopieer in je "Library" al reeds aangemaakte movie clip "vogel" en plak hem in de movie clip "vogel1". In je tijdlijn verander de naam van de laag van "Layer 1" naar "rechts".

b. Selecteer "vleugels" en verander de kleur (Tint) in de properties balk naar zwart.

c. Maak een nieuwe layer aan en geef hem de naam "links". Kopieer de zwarte movie clip "vleugels" in de laag "rechts" en plak hem in de laag "links". Met behulp van "Free Transform Tool (Q)" draai je movie clip horizontaal om.

d. Maak nog een nieuwe layer aan en geef hem de naam "body". Met geselecteerde "Brush Tool (B) teken in de laag "body" het lichaam van de toekomstige kraai. Nu moet je alleen maar alle drie delen van de vogel in elkaar zetten. Dat doe je natuurlijk op verschillende lagen.

De rest komt binnenkort online!