Een banner maken:
een 3D animatie
in Flash

Dit is een tutorial over hoe je een banner zoals hier rechts zou kunnen maken.
Elke banner is gemaakt voor de website www.vandelaydesign.com/blog

Veelgebruikte toetscombinaties in de tutorials zijn:
(Fn+) F5 : voeg een frame toe
(Fn+) F6 : voeg een hoofdframe (keyframe) toe
(Fn+) F8 : zet om in een Symbool (om een filmclip of knop van te maken)

stap 1: een eerste animatie (00:12:52)

Met Flash CS4 wordt een banner gemaakt. We maken reclame voor een website. Er wordt een afbeelding en een achtergrond geplaatst. Een eerste afbeelding komt naar binnen geschoven.

stap 2: een animatie met 3D toevoegen (00:09:15)

De elementen worden eerst in andere lagen gezet en tot movieclips omgezet.
Het verdwijnpunt wordt in het midden gezet en vervolgens kan het 3D-tool gebruikt worden om de animatie te maken.

stap 3: de animatie afronden (00:12:02)

Er wordt nog wat extra informatie toegevoegd. De timing wordt nog verder aangepast en door middel van fading wordt het beginbeeld van de animatie weer opgeroepen zodat er een continu doorlopende animatie ontstaat.

stap 4: de banner aan een website koppelen (00:10:08)

De koppeling naar de website moet binnen Flash gebeuren. daarvoor maak je eerst bovenop een vlak, die de banner helemaal bedekt. Hiervan maak je een knop, die volledig transparant wordt gemaakt. Daarna wordt met actionscript 3 de koppeling via die knop geregeld. Heeft die knop de instantienaam knop_btn, dan luidt het script: knop_btn.addEventListener(MouseEvent.CLICK, naarDeSite);
function naarDeSite(MouseEvent) {
var pagina:URLRequest = new URLRequest("http://vandelaydesign.com/blog/");
navigateToURL(pagina, "_blank");
}

stap 5: de banner op een webpagina plaatsen (00:05:03)

Dit gaat met Dreamweaver erg eenvoudig.
hoe slechts een paar zaken in de gaten:
eerst een site definiëren;
de nieuwe pagina moet eerst opgeslagen zijn voordat je de banner plaatst.

stap 6: de webpagina met banner inleveren met N@Tschool (00:06:22)

Wil je een website inleveren met N@Tschool dan volg je de volgende stappen:
start Firefox en ga naar http://elo.ma-web.nl/;
ga naar je Portfolio;
kies daarin de Showcase;
maak van het mapje van de site een ZIP-bestand;
sleep het ZIP-bestand in de Showcase;
test je site;
maak er een dossier van;
verzend het dossier: geef het vrij voor gebruik buiten N@Tschool en kies Theo den Blanken als (een van de) geadresseerden.

Lever je training ook in op N@Tschool