login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials

Tutorials > Flash


Gegevens:
Geschreven door:
vinTage
Moeilijkheidsgraad:
Gemakkelijk
Hits:
33880
Punten:
Aantal punten:
 (3.55)
Aantal stemmen:
11
Stem:
Niet ingelogd
Nota's:
 Lees de nota's (4)
 



Tutorial:

absoluut begin met flash

Flash voor de absolute beginners

Dit is eigenlijk niet echt een tutorial, maar meer een soort inleiding in flash, en een verklaring van een veel gebruikte woordenlijst.
Als absolute "ik heb nog nooit flash geopend" beginner zal je hierin worden uitgelegd hoe en wat flash nou zo'n beetje inhoud.
Neem aub de moeite om het geheel aandachtig door te lezen, en aan de hand van een paar plaatjes zal ik proberen een en ander duidelijk te maken.

Laat ik maar eens beginnen met het uitleggen wat het flash programma zo ongeveer is.

Flash is een zeer uitgebreid complex programma waarmee je allerlei movie's, spelletjes, layouts, gastenboeken etc etc etc kan maken.
Er zijn eigenlijk maar weinig dingen die je met flash niet kan maken, en op de koop toe kan het ook nog eens communiseren met php, mysql, xml......
De grafische kant van flash is "vector based" wat zo ongeveer wil zeggen dat je alles wat je in flash tekent, je zo groot kan maken als je zelf wilt zonder dat je pixels gaat zien.
Zoals je hier op het plaatje kan zien, ga je bij het inzoomen van het fototje pixels zien, en bij de in flash getekende niet.

voor de liefhebber heb ik hier een flash die bewijst dat vectors mooi blijven


de tijdlijn en lagen

Zodra je flash geopend hebt zien we bovenin de tijdlijn, op die tijdlijn worden frames geplaatst, en in die frames weer movie clips of actionscript.
Klinkt allemaal nogal duur, maar het valt eigenlijk wel mee, ik zal proberen het een beetje te vertalen naar normaal begrijpelijk nederlands.

Die tijdlijn is eigenlijk net als een film, een rij met plaatjes die op volgorde worden afgespeeld.
Bij een echte film heet elk afzonderlijk plaatje een frame, dat is ook zo bij flash.
Op elke frame in onze flash komt ook een plaatje dat je telkens net een beetje anders maakt dan het vorige plaatje, zo kunnen we dus een echte film maken. Nu is er een heel groot verschil tussen flash en een film.
Een film kan alleen maar frames achter elkaar laten zien, maar in flash kan op elke frame een compleet andere film gezet worden, wat er dan ongeveer gebeurd is dat de tijdlijn stopt met verderlopen, en blijft hangen op die plaats en doodleuk een andere film laat zien.
En om het dan nog mooier te maken kan je ook nog eens met lagen gaan werken, ook dat zal ik proberen uit te leggen. Stel je hebt een hele mooie achtergrond getekend, en je wilt daar iets op laten gebeuren zoals een bal laten rollen.
Dan zet je op de onderste laag je achtergrond, en dan maak je een nieuwe laag daarboven met daarop alleen een bal die rolt.
En weer op een andere laag kan je een vogeltje laten vliegen, en zo kunnen we eindeloos doorgaan.
in de swf hieronder zie je wat ik hierboven ongeveer bedoel.


Je ziet dat ik 3 lagen heb gebruikt
1: de achtergrond
2: de bal
3: het vogeltje
De achtergrond veranderde niet, dus kon ik die nonstop in beeld laten staan met een lange frame.
De bal liet ik rollen door telkens de volgende "key frame" net iets anders te maken.
Het vogeltje was een aparte film die ik had gemaakt, en die staat weer op een lange frame.


Ik hoop dat ik de tijdlijn en zijn lagen zo een beetje heb kunnen verduidelijken.
Nu heb ik ondertussen het woord filmpje al zo vaak gebruikt dat we nu de orginele naam wel een mogen gaan gebruiken, vanaf nu noemen we dat mc (movie clip).



mc's maken in flash.

Door te ctrl+f8 te klikken opent er een schermpje waarin je 3 opties kan kiezen, en een naam kan geven (doe dit ook)
De optie buttons brengt ons naar een nieuwe mc, met op de tijdlijn 4 frames.(buttons zijn ook mc's).


De optie movie clip, geeft een ander scherm dat eigenlijk helemaal niks anders is dan dat je al had, gewoon een tijdlijn, en daaronder een tekenveld.
In dit scherm kan je je gang gaan met tekenen en dat laten bewegen etc.
Zodra je een leuk ding hebt gemaakt keren we terug naar onze "hoofdscherm" dat hoofdscherm noemen we vanaf nu "scene".
Je ziet nu ineens je net gemaakte mc niet meer, die bevind zich namelijk nog in de "library", de library kun je bekijken door op f11 te klikken.
De library bevat ALLE mc's/buttons/graphics/sounds (verzamelnaam voor al die dingen "items")die je flash bevat.
Door een frame op de tijdlijn te selecteren kan je je mc op de scene slepen, en ergens plaatsen waar hij moet staan.
Als je bovenstaande zo een beetje in realtime hebt mee gedaan dan wil je natuurlijk ook wel iets over houden dat je daadwerkelijk wil gebruiken
Dat doen we door onze movie te "publishen".


publishen


Het publishen is, de flash movie die je maakt omzetten naar een .swf bestand, die swf kun je bv weer importeren in je website net als een image.
Als je je flash gesaved hebt en een keer gepublished dan heb je 2 bestanden een fla en een swf.
De fla is de extensie van je flash, die kun je gewoon weer openen en veranderen, de swf is het eindresultaat en kan alleen worden gebruikt en niet meer worden veranderd. (op een eerlijke geoorloofde manier)

Door op ctrl+shift+f12 te klikken komen we in een ander schermpje, daarin kunnen we kiezen wat flash allemaal moet outputten.
Maar ik denk niet dat ik die opties hoef door te nemen, ik denk dat die opzich duidelijk genoeg zijn.

Tot zover onze eerste stapjes in flash
Andere tutorials op sitemasters waar je als absolute beginner veel aan zal hebben zijn


Tot slot nog even een opsomming van de flash termen die we hier geleerd hebben.

movie clip(mc) een reeks tekeningen achter elkaar gezet in verschillende frames  
tijdlijn de balk met daarop onze mc's in frames  
frame een plaatje op de tijdlijn  
publish het omzetten van je fla naar een swf  
fla het orginele bestand waar je je movie mee gemaakt hebt  
swf het eindresultaat na het publishen van je fla  
vector based een voorwerp in flash getekend dat je idioot ver kan vergroten zonder vervorming/pixels  
scene hoofdscherm, de plaats waar je alles samen zet

 

Mocht deze tutorial nog niet helemaal voldoen aan je verwachting, bezoek dan mijn website voor een eventuele geupdate tutorial. mvg vinTage





Volgende tutorial : Animaties »

© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.019s