La Bnbox !

Créateur de sourires...

Mon compte

S'inscrire

Recherche

Vous êtes ici : Accueil » Atelier Webmaster » Cours Flash » Introduction à Flash

Atelier Webmaster



Sommaire du cours

Cours Flash : Introduction à Flash

Déjà, bonjour à tous et bienvenue sur ce cours sur Flash. Ici, je vais tenter de vous apprendre à "flashouiller" comme on dit dans le milieu... Mais avant il faudrait peut-être ce que c'est que "Flash" ! (non, non ce n'est pas Flash Gordon...)
Question très dur à traiter mais primordial pour bien savoir au moins de quoi on parle.
Flash n'est pas un langage informatique comme le HTML (HyperText Markup Language) ou le  PHP (Hypertext Preprocessor), on pourrait dire que c'est un format de dessin... (au même titre que le JPEG (Joint Photographic Experts Group), le Bitmap ou encore le PNG (Sigle : Portable Network Graphics)) Et c'est un format de dessin animé. C'est à dire qu'en Flash on peut créer des images animés qui en plus interagissent avec le visiteur...
Mais c'est encore plus que ça, puisque que Flash a un langage informatique qui lui est associé, ce langage et l'action script. (qui utilise la même base que le langage Java script qui est un autre langage informatique) Ainsi, en combinant ces 2 outils on peut créer ce que l'on peut appeler des animations Flash. (alors évidemment ce qui est en gras c'est ce qui est important^^)
Ces animations permettent de faire des choses qui dépassent l'imagination! (qui dépassent presque la mienne en tout cas  bn_sad )
Une animation Flash peut être un site internet très joli et plus qu'interactif, elle peut être un avatar animé, une animation toute simple mais très fluide et jolie, un jeu vidéo ! On peut même associer du Flash avec le langage informatique PHP...

Voilà qui est très intéressant, n'est ce pas? Si vous n'avez pas encore l'eau à la bouche, comptez sur moi pour l'avoir tout bientôt...

Mais comment fait-on du Flash ?


Mouhahaha ! La question à ne pas se poser, malheureusement... (décidement...)
Ce que je ne vous ai pas dit plus haut c'est que Flash peut être soit un format de dessin vectorielle ou Bitmap. Bitmap c'es comme ce que vous avez sous Paint^^ Dessin Vectorielle, ça veut dire en gros : on ne compte pas en pixel mais en formule mathématique. Ce qui est énormément plus compliqué à comprendre, il faut l'avouer et je ne saurais pas l'expliquer... (si on jour j'y parviens, comptez sur moi!)
Ce qu'il faut que vous sachiez c'est juste qu'avec Flash il n'y a plus de problèmes de dimensions, de pixels qui vous font pleurer tellement vous êtes dégouté de voir votre belle oeuvre complètement défigurée par ces petits carrés hideux ! Tout ça c'est fini ! Avec Flash tout est lisse (ou presque...) et reste lisse que vous agrandissiez ou rapetissiez votre image !
Bref, en quelques sortes en dessinant une animation Flash c'est comme si on programmait en formule mathématique. (en quelques sortes) Il est donc possible de faire du Flash en programmant, "sans dessiner"... Mais, disons qu'il faut être un peu torturé pour s'y essayer ! Voilà pourquoi la méthode la plus rapide pour "flasher" est d'utiliser un logiciel de dessin.

Sans faire aucune pub, le logiciel le plus pratique, le plus utiliser et le plus puissant est certainement : Macromédio Flash. Qui en est maintenant à une version 8.
Malheureusement, c'est aussi un logiciel TRES cher ! (pouvant aller jusqu'à 750euros bn_blink) Et oui, on ne peut pas tout avoir. (Si vous êtes étudiant, vous pouvez trouver de très bonnes réductions pour ce logiciel ! Renseignez-vous sur le site officiel. A noter qu'en ce moment PC Magazine fait une offre promotionnelle pour les étudiants sur Studio 8 qui contient entre autre : Macromédia Flash 8. (environ 91% de réduction ! Oui, vous avez bien lu bn_heureux)Pour plus d'info :  c'est ici !)

Mais avant de vous lancer dans un achat important, sachez que vous avez la possibilité de tester Macromédia Flash gratuitement pendant 30 jours. Pour cela, il suffit de télécharger une version d'essai (qui est complète) sur le site officiel de Macromédia.
Il existe aussi des versions non-commerciales de ce logiciel, mais elles sont dur à trouver. (une version non-commerciale est souvent une ancienne version d'un logiciel que l'on peut utiliser librement, à une condition : c'est de ne pas se servir de ce que l'on produit à des fins commerciales ou de ce type...)

Il existe des solutions moins onéreuses et même gratuites pour faire du Flash, grâce à d'autres logiciels. Malheureusement les gratuits ne vous permettent pas de faire grand chose ! (et pour ma part je n'en ai pas trouvé un seul digne de ce nom...) et les payant reste... foncièrement payant et foncièrement moins bien que Macromédia Flash !

Présentation rapide Flash


Le côté graphique


Qu'allez vous donc faire pour dessiner en Flash ?
Si vous connaissez un petit peu les logiciels de dessins, tels Paint Pro 5, Photoshop, etc... Vous ne serez pas trop dépaysé... En effet Flash ressemble à un logiciel de dessin habituel !
Il utilise les calques (très pratique!!) les masques, la transparence, les dégradés, tous les outils de dessins que l'on a l'habitude de voir... Tout cela, sauf que c'est du dessin vectoriel, donc différent^^ Mais vous verrez cela dans la pratique.
Cependant il y a une chose qui diffère ! Un énorme point qui différe!
Flash étant surtout fait pour les animations, vous avez une frame d'animation ! Qui vous permet de voir toutes les images qui s'enchainent... Et ainsi d'animer vos images!

Le côté programation


Chose très très interressante de Flash j'en ai dis 2 mots plus haut, c'est le fait de pouvoir programmer avec le language Action script. J'espère un jour pouvoir faire un cours à part entière sur l'Action script, mais on va d'abord ce consacrer au Flash^^ (ce cours ne sera certainement pas de moi d'ailleurs ! Mais je crois que certains rédacteurs seraient partant !) Ceci dit, on utilisera quand même un petit peu d'Action script dans ce cours de Flash, donc vous en connaîtrez les bases ! Expliquons rapidement ce que l'on peut faire avec:
En fait avec Action script nous pourrons par exemple dire à tel animation de s'arrêter là et de la remettre en marche si notre visiteur clique ici. Ou encore de changer d'animation s'il clique là.
Bref, vous verrez que l'on peut faire pleins de choses en programant !

Et tant qu'on est dans la programation, sachez qu'un peut réussir à mixer du PHP et une animation Flash... Pour faire un système de news par exemple. Mais, ça complique un peu la programmation et le dessin bn_tongue

Quelques exemples


Elle est belle mon animation Flash ! Elle est fraîche! Monsieur là bas, une petite anim', ça vous dit ?

Tout à l'heure j'ai parlé qu'on pouvait faire un site en Flash, oui tout en Flash, oui c'est possible ! Un bon exemple...
Et cela grâce à la combinaison Flash-Action script ! Sympatoche non ? (un peu lourd quand même, non ? Nous en reparlerons plus tard.)

Mais en Flash on peut aussi créer des animations spéciales pour site. Par exemple l'ancien menu de la Bnbox mini_bn Lors des fêtes de fin d'années j'avais aussi mis la bannière au format flash afin de faire tomber des flocons de neige...

Mais on peut aussi faire des animations Flash pour autre chose qu'un site. Pour la beauté, l'extase devant sa création^^
Pour l'utilité! Pour envoyer à des amis quelque chose de jolie!
Voici un lien vers des animations que j'avais faites dans mes débuts avec Flash ! C'est pas sensass, mais Flash ça vient pas en un jour ! Par ici!!! Comme ça vous aurez un bon aperçu de ce que vous pouvez réussir à faire assez rapidement...

Et bien sûr on peut créer de magnifiques jeux ! Cela veut du jeu basique distrayant... Il y a plusieurs sites qui se sont fait bibliothèque de ce genre de jeux ! (on a parlé de certain sur le Bar à Nougat !)
Mais on peut aussi faire de vrai grand jeu "monstrueux" tellement qui sont bien!!! Un RPG plutôt connu : Dofus !
Un jeu fait entièrement en Flash niveau graphisme et c'est franchement... Excellent ! mini_bn
Bien sûr ils ont aussi utilisés d'autres langages, notamment pour gérer les différents comptes, etc...
Allez faire un petit tour sur leurs sites si vous voulez et vous verrez certainement la qualité du jeu (qui est payant. Il existe cependant une version gratuite depuis peu) et en cherchant bien vous trouverez certainement un endroit où ils disent en combien de temps ils l'ont créés! (monstrueux aussi bn_big_smile ça se compte en année bn_heureux)

Ah que vous donner encore comme exemple ! Avec Flash on peut vraiment faire pleins de trucs c'est incroyable! Je crois qu'il serait temps maintenant de mettre la main à la pâte, non?
Vous avez vu, on commence doucement^^ Une petite présentation tranquille. J'espère avoir réussi à bien expliquer la chose et que ça vous a donné envi d'apprendre à Flasher !
Dans le prochain chapitre je vous présenterait un peu le logiciel et après... va falloir s'accrocher, on va rentrer dans le vif du sujet ! (inutile de vous dire que si vous n'avez pas d'imagination, vous pouvez aller en acheter chez le marchand d'à côté parce qu'on va en avoir besoin !)

Ailleurs sur la Bnbox

Ailleurs sur la Toile

Mini-tchat

?

Maricela déclare : What is size of wholesale jerseys may have? Know more about here - <a href="http://aeml.ca">wholesale mlb jerseys</a> Aujourd'hui, 2h43 via Cours XHTML/CSS

sasa chuchote : A très bien.. #grosvent Hier, 20h11 via Résumé du livre : Le Cid de...

sasa murmure : CC Hier, 20h07 via Résumé du livre : Le Cid de...

tutota écrit : Je veux plus petit que sa ... Le 20 février, 22h54 via Résumé : L'Avare

clem murmure : Cc Le 20 février, 16h10 via Résumé - Les Fourberies De ...

clara s'exclame : Lol Le 19 février, 19h08 via Résumé - Le Médecin Malgrè ...

26 écrit : Trop facile Le 18 février, 13h49 via Accueil

26 bafouille : 7 Le 18 février, 13h48 via Accueil

moi bafouille : Coucou Le 16 février, 17h13 via Résumé scène par scène - Le...

lol lol déclame : Psssssssssssssssssssss Le 16 février, 13h34 via Résumé : Le Mariage de Figa...

dhg654 bafouille : *larmes*
C'est trop romantique pour moi
Le 16 février, 12h41 via Boîte à Nuts

dhg654 proclame : C'est si beau...
Si seulement je pouvais moi aussi dire cela à quelqu'un...
Le 16 février, 12h40 via Boîte à Nuts

Hey scribouille : Oui!
C'est le plus beau jour de ma vie!
Le 16 février, 12h39 via Boîte à Nuts

Un amoureux un peu timide tergiverse : +Hey
Veux tu m'épouser?
Le 16 février, 12h38 via Boîte à Nuts

Hey tergiverse : Oh my god I think I love you!
Je t'aime, Un amoureux un peu timide!
Le 16 février, 12h38 via Boîte à Nuts

Un amoureux un peu timide murmure : I love you !!!! Le 16 février, 12h33

d écrit : D Le 16 février, 12h24 via Résumé scène par scène - Le...

d bafouille : D Le 16 février, 12h24 via Résumé scène par scène - Le...

Fiery Blaze proclame : Ca va les bns Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze tergiverse : Je rigole Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze griffonne : Nan Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze murmure : Ultra super mega hyper tres vraiment trop beaucoup pas bon Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze chuchote : Trop pourri Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze gribouille : Vraiment degeulasse Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze dit : Super mauvais Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze proclame : Horrible Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze écrit : Beurk pas bon Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze dit : En fait je trouve ca degoutant Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze griffonne : Totalement hyper super absolument vraiment beaucoup tres ultra mega tellement trop BON!!!!!!!!!!!!!!!!! Le 16 février, 12h20 via Résumé scène par scène - Le...

Fiery Blaze proclame : Trop bon. Le 16 février, 12h18 via Résumé scène par scène - Le...

Fiery Blaze s'exclame : Exquis! Le 16 février, 12h18 via Résumé scène par scène - Le...

Fiery Blaze déclare : C'est un regal Le 16 février, 12h18 via Résumé scène par scène - Le...

Fiery Blaze chuchote : Delicieux Le 16 février, 12h17 via Résumé scène par scène - Le...

Fiery Blaze s'exclame : Miam
;P
Le 16 février, 12h17 via Résumé scène par scène - Le...

Fiery Blaze tergiverse : J'aime les BNs Le 16 février, 12h17 via Résumé scène par scène - Le...

Fiery Blaze bafouille : Hey Le 16 février, 12h15 via Résumé scène par scène - Le...

reztyuio déclame : Bonjour Le 15 février, 11h37 via Résumé : Le Tartuffe de Mol...

said murmure : Mort au vache Le 12 février, 13h05 via Résumé : On ne badine pas a...

said chuchote : Skrt Le 12 février, 13h04 via Résumé : On ne badine pas a...

3+1+1+1+1=7 s'exclame : 1+1+1+1+1+1+1=7 Le 12 février, 12h48 via Résumé - Le Médecin Malgrè ...

77 déclame : 77 Le 12 février, 11h42 via Résumé : L'Avare

soso murmure : Tu fais quoi ? Le 10 février, 10h38 via Résumé : L'Avare

lila déclare : Hello ! sa va ? Le 10 février, 10h37 via Résumé : L'Avare

soso murmure : Hello ! Le 10 février, 10h37 via Résumé : L'Avare

lila gribouille : C hyper pratique Le 10 février, 10h37 via Résumé : L'Avare

sofia ttc déclame : Adore se site je le recommende Le 08 février, 17h22 via Résumé - Le Médecin Malgrè ...

Mohamed rah s'exclame : Shnou ka dirou Le 08 février, 16h41 via Romain Gary : La Promesse d...

Azerty tergiverse : As zeerttyu Le 08 février, 16h39 via Romain Gary : La Promesse d...

hy griffonne : Je trouve les résumés beaucoup trop courts mais merci beaucoup quand même ? Le 07 février, 19h02 via Résumé : Andromaque

hy bafouille : Bonjour?? Le 07 février, 19h00 via Résumé : Andromaque

Publicité



Articles précédents

©Bnbox (Infos) - Cahier de l'élèves - Atelier webmaster - Boîte à Nuts - Bar à Nougat - Plus ou moins valide XHTML 1.0, CSS 2, RSS 2.0
Flux RSS