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

?

7 tergiverse : Neredesin samet dersini calistin Hier, 19h07 via Résumé - Le Médecin Malgrè ...

7 écrit : 7 Hier, 19h06 via Résumé - Le Médecin Malgrè ...

7x8rq331 griffonne : <a href="http://www.3191jzrh.com/air-jordan-1-clover-guld-scarpec">air jordan 1 clover guld</a> <a href="http://www.te73uevz.com/air-jordan-10-alle-wei%C3%9F-for-verkauf-schuhee">air jordan 10 alle wei? for verkauf</a> <a href="http://www.1wk531nc.com/vintage-nike-internationalist-for-vendita-scarpeb">vintage nike internationalist for vendita</a> <a href="http://www.miuwhy36.com/maschio-nike-shox-2016-verde-blu-schuhee">maschio nike shox 2016 verde blu</a> <a href="http://www.yoes39mj.com/air-max-1-ultra-moire-wolf-grigio-bianca-butyf">air max 1 ultra moire wolf grigio bianca</a> <a href="http://www.bm067skf.com/asics-asics-gel-kayano-20-s%C3%B8lv-lyser%C3%B8d-obuve">asics asics gel kayano 20 s?lv lyser?d</a>
7x8rq331
Le 17 janvier, 15h24

caca gribouille : 3+4=7 Le 16 janvier, 6h05 via Résumé - Les Fourberies De ...

7ku554mk proclame : <a href="http://www.6464l4ua.com/nike-mercurial-vapor-9-bl%C3%A5-lyser%C3%B8d-kurpesa">nike mercurial vapor 9 bl? lyser?d</a> <a href="http://www.pkwq01vv.com/kd-8-hombres-barato-oil-kurpesc">kd 8 hombres barato oil</a> <a href="http://www.5kya44jr.com/kvinners-air-max-90-blomsts-hvit-gr%C3%A5-obuva">kvinners air max 90 blomsts hvit gr?</a> <a href="http://www.ax619meh.com/nike-roshe-run-schwarz-dark-armory-blau-schuhef">nike roshe run schwarz dark armory blau</a> <a href="http://www.172h9yel.com/nike-free-tr-kvinders-himmelbl%C3%A5-orange-chaussuresg">nike free tr kvinders himmelbl? orange</a> <a href="http://www.wo90dhgd.com/lebron-12-rojo-and-negro-obuvd">lebron 12 rojo and negro</a>
7ku554mk
Le 11 janvier, 10h16

7ro66zgi proclame : <a href="http://www.nfabag21.com/air-jordan-14-retro-baskets-vente-obuvc">air jordan 14 retro baskets vente</a> <a href="http://www.ui94pysr.com/nike-zoom-pegasus-32-oro-plata-scarped">nike zoom pegasus 32 oro plata</a> <a href="http://www.j55wlfhw.com/femmes-nike-kd-8-rouge-vert-obuvc">femmes nike kd 8 rouge vert</a> <a href="http://www.2o14lqiq.com/adidas-neo-guld-prix-chaussuresg">adidas neo guld prix</a> <a href="http://www.43mpu1b4.com/air-jordan-super-fly-mintgr%C3%B8n-lilla-chaussuresa">air jordan super fly mintgr?n lilla</a> <a href="http://www.iwayvx85.com/adidas-zx-flux-bleu-galaxy-butya">adidas zx flux bleu galaxy</a>
7ro66zgi
Le 11 janvier, 4h44

youyou déclare : Champs requis Le 06 janvier, 20h33 via Français

Samantha déclare : C'est tres simple Le 06 janvier, 17h51 via Résumé scène par scène - Le...

Samantha dit : CC Le 06 janvier, 17h51 via Résumé scène par scène - Le...

bande de ouff déclare : Ou vous étè vivant Le 06 janvier, 16h38 via Résumé : Le Tartuffe de Mol...

bande de ouff chuchote : Yo bande de ouff Le 06 janvier, 16h35 via Résumé : Le Tartuffe de Mol...

LE BG griffonne : HELLO MA MAN Le 04 janvier, 7h18 via Résumé scène par scène - Le...

. gribouille : ; Le 02 janvier, 19h37 via Résumé : Le Mariage de Figa...

loo griffonne : Looo Le 02 janvier, 19h18 via Les avantages et les risque...

aaaaa murmure : Cacas Le 02 janvier, 13h25 via Les avantages et les risque...

lu proclame : Que tal? Le 01 janvier, 17h06 via Les avantages et les risque...

lu écrit : Hey Le 01 janvier, 17h06 via Les avantages et les risque...

ribou proclame : Coucou Le 30 décembre 2018, 11h52 via Fiches sur les personnages ...

aziz proclame : Toutoutoutou Le 28 décembre 2018, 15h30 via Comment fonctionne le mini-...

aziz chuchote : Waw made in china Le 28 décembre 2018, 15h29 via Comment fonctionne le mini-...

aziz murmure : Je suis hiybjgujh Le 28 décembre 2018, 15h29 via Résumé - La Chèvre De M. Se...

Moi s'exclame : Nb k Le 18 décembre 2018, 23h12 via Résumé scène par scène - Le...

yuiooyo tergiverse : Jouon ensemble Le 17 décembre 2018, 21h19 via Résumé scène par scène - Le...

Tom déclare : Ça va Le 17 décembre 2018, 10h25 via Résumé - Les Fourberies De ...

Carla proclame : Caca Le 17 décembre 2018, 10h22 via Résumé - Les Fourberies De ...

Moi écrit : Génial ? Le 17 décembre 2018, 10h21 via Résumé - Les Fourberies De ...

yi déclare : Ipmuo Le 16 décembre 2018, 17h45 via Résumé scène par scène - Le...

Moi chuchote : Bvvgvv Le 16 décembre 2018, 15h22 via Résumé scène par scène - Le...

Moi tergiverse : Bbcgd Le 16 décembre 2018, 15h22 via Résumé scène par scène - Le...

)à)ào$ bafouille : Jiojiij Le 16 décembre 2018, 13h22 via Résumé scène par scène - Le...

atuil dit : Zzeee Le 15 décembre 2018, 21h47 via Résumé scène par scène - Le...

? ??????????????? gribouille : Ugvygvygvyu Le 14 décembre 2018, 15h11

? ??????????????? chuchote : F Le 14 décembre 2018, 15h11

? ??????????????? tergiverse : F Le 14 décembre 2018, 15h11

? déclare : Salut Le 14 décembre 2018, 15h11

Lol murmure : Salut chien Le 14 décembre 2018, 15h10

Chien gribouille : Salut lol Le 14 décembre 2018, 15h10

Lol s'exclame : Bjr Le 14 décembre 2018, 15h10

Bjr gribouille : Bjr et merci ?? Le 03 décembre 2018, 7h49 via Résumé scène par scène - Le...

amel proclame : Bonjour* Le 02 décembre 2018, 13h42 via Résumé scène par scène - Le...

amel scribouille : Boujour Le 02 décembre 2018, 13h41 via Résumé scène par scène - Le...

JADOU griffonne : FG Le 02 décembre 2018, 12h17 via Résumé - Le Médecin Malgrè ...

JADOU bafouille : LOVE Le 02 décembre 2018, 12h17 via Résumé - Le Médecin Malgrè ...

JADOU tergiverse : FEA Le 02 décembre 2018, 12h17 via Résumé - Le Médecin Malgrè ...

JADOU écrit : Oiii guk,l;  ; yghbioklllllllllllllllllllllllllllllllllldsffffeyh Le 02 décembre 2018, 12h17 via Résumé - Le Médecin Malgrè ...

Bjr bafouille : Bjr Le 29 novembre 2018, 7h47 via Résumé scène par scène - Le...

7x8rq331 déclare : <a href="http://www.lahjeh.com/plata-blanco-nike-air-max-plus-zapatosw">plata blanco nike air max plus</a> <a href="http://www.mcrocks.net/air-jordan-12-retro-zapatoss">air jordan 12 retro</a> <a href="http://www.moombaki.net/order-new-balance-shoes-online-uk-zapatoss">order new balance shoes online uk</a> <a href="http://www.oyunkafesi.com/football-shoes-for-kids-zapatosr">football shoes for kids</a> <a href="http://www.avoqyd09.com/nike-air-max-93-monochrome-black-zapatosw">nike air max 93 monochrome black</a> <a href="http://www.cumcumshot.com/pink-and-gold-womens-nikes-zapatosr">pink and gold womens nikes</a>
<a href="http://www.7x8rq331.com/" >7x8rq331</a> 7x8rq331
Le 29 novembre 2018, 4h05

binane chuchote : 3+4=7 Le 28 novembre 2018, 15h59 via Résumé scène par scène - Le...

martinus008 bafouille : Hgg Le 25 novembre 2018, 19h48 via Ah les p'tits potes

yutuik dit : Yo! Le 22 novembre 2018, 17h52 via Fiches sur les personnages ...

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