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 !)

Mini-tchat

?

saloperie Biatcherie

Hier, 18h51 via Résumé : Andromaque

sansan-62540 E

Hier, 18h02 via Résumé : La Promesse de l'a...

sansan-62540 ça va bebe

Le 06 février, 21h18 via Résumé - La Chèvre De M. Se...

mimi Sa me prend la tete qq1 pourrait-il m'aider a propos des principaux personnages de Bel-ami Le 06 février, 18h47 via Fiches sur les personnages ...

mimi Pourquoi cette question ? Le 06 février, 18h45 via Fiches sur les personnages ...

dep Salut qqun est la ? Le 05 février, 17h16 via Résumé : Le Tartuffe de Mol...

MAXIME BONJOUR A TOUT

Le 04 février, 8h52 via Résumé : L'Avare

MAXIME Sa va mon ami Le 04 février, 8h51 via Résumé : L'Avare

Vous êtes en quelle classe? Le 03 février, 22h35 via Résumé : L'Avare

ange0610 Juste de croire sa

Le 03 février, 17h25 via Résumé : L'Avare

ange0610 C pa Le 03 février, 17h25 via Résumé : L'Avare

louloutte Il faut que vous faite vous résumé seul car on ne peut compter que sur soi même, en sachant que la plupart des personnes qui copie sont stupide je demanderai donc a chaque élève intelligent, de faire ses résumé soi-même sinon considéré vous comme STUPIDE! Le 02 février, 11h26 via Résumé : Andromaque

lilou A ete voir tartuffe à la rochelle Le 02 février, 10h44 via Résumé : Le Tartuffe de Mol...

headofcock Faut bosser plus OOOOO!!! Le 01 février, 22h45 via ROC : Théorème des Gendarm...

df9iv Apprende le code morse avec l`Android-app: MorseMind

Gerd, DF9iV
Le 01 février, 18h45 via Apprendre le Morse

Bnmaster Et désolé pour la coupure de la semaine dernière ! (panne serveur + petite erreur de ma part bn_wink) Le 01 février, 13h52 via Résumé : Andromaque

Bnmaster @xMERVEiiLx Si tu fais des résumés d'oeuvres qui ne sont pas sur la Bnbox, n'hésite pas à me les envoyer ! D'autres te remercieront mini_bn Le 01 février, 10h21 via Accueil

xMERVEiiLx Et Puis Ceux Qui Se Plaignent Vous n'avez qu'as Vous Inspirer De Ce Site Et D'autre Sites bn_wink Le 26 janvier, 17h17 via Résumé : L'Avare

xMERVEiiLx bn_big_smile

Le 26 janvier, 17h15 via Résumé : L'Avare

xMERVEiiLx Moi j'ai une prof" spéciale et elle nous fait écrire chaque jour le résumé de la scène lu... Mais on sait pas si elle va noter puiqu'elle nous dit toujour qu'elle va noter puis non, Alors au cas ou je résume toutes les scènes... (Enfin pas moi le site) bn_heureux" Le 26 janvier, 17h14 via Résumé : L'Avare

Bnmaster bn_wink Le 26 janvier, 16h35 via Accueil

DarKnight Haha ! Le 26 janvier, 0h35 via Accueil

kamigas Bjr Le 25 janvier, 19h54 via Résumé : Andromaque

Patate J'aime pas la promesse de l'aube. et je dois écrire un avis argumenté dessus. Génial.

J'aime les patates.
Le 25 janvier, 18h06 via Romain Gary : La Promesse d...

password.txt Azer Le 25 janvier, 12h13 via La sémantique du XHTML

Amelie2110 J'ai lu il y a longtemp La Promesse de l'aube de romain gary et je doit écrire un avis argumenté pour après demain.

Comme je n'ai pas envie de relire le livre, je voulais demander si quelqu'un pourrait me donner une description présise des personnages.

Merci

Le 24 janvier, 22h35 via Accueil

Amelie2110 Salut!

Le 24 janvier, 22h32 via Accueil

nj] Cc

Le 23 janvier, 14h27 via Résumé - Les Fourberies De ...

koukou C est mieux que rien alors allez lire le livre fermer la

Le 23 janvier, 14h08 via Résumé : L'Avare

koukou Ha haaha

Le 23 janvier, 14h07 via Résumé : L'Avare

The_anti_avare Je suis déçu bn_heureux

Le 23 janvier, 13h09 via Résumé : L'Avare

The_anti_avare Un peu trop cour ma prof va s'en rendre compte et ca ne m'aide pas plus à cocmprendre le livre -.-

Le 23 janvier, 13h06 via Résumé : L'Avare

jada Pour le cid le résumé est réussi! Le 22 janvier, 22h59 via Résumé scène par scène - Le...

G Yeah Le 22 janvier, 17h05 via Activités manuelles

Fraaxy Vs êtes tous nuls c'est génial l'avare !!!! Le 22 janvier, 16h06 via Fiches sur les personnages ...

Le_chinois_du_13 Chuis obligé de le lire

Le 22 janvier, 15h46 via Résumé : L'Avare

Le_chinois_du_13 Sert a rien

Le 22 janvier, 15h46 via Résumé : L'Avare

Le_chinois_du_13 NUL Le 22 janvier, 15h46 via Résumé : L'Avare

Le_chinois_du_13 Pourri

Le 22 janvier, 15h46 via Résumé : L'Avare

Le_chinois_du_13 C'est Bidon

Le 22 janvier, 15h45 via Résumé : L'Avare

Le_chinois_du_13 Celui qui a compris ce livre est un génie

Le 22 janvier, 15h21 via Résumé : L'Avare

toto Ce livre est nul Le 22 janvier, 15h18 via Résumé : L'Avare

toto

nul
Le 22 janvier, 15h18 via Résumé : L'Avare

quebachéri Prkoi ne pas ecrire des resumés directement je comprendrais plus vite l'histoire !! lol

Le 21 janvier, 16h56 via Résumé : L'Avare

lolilol Je n'ai rien compris a ce livre jai 13 ans

Le 21 janvier, 13h19 via Résumé : L'Avare

lili L'avare de moliere est une piece bien et comique!!!!!!!!

Le 20 janvier, 19h31 via Résumé : L'Avare

bg Hello Le 20 janvier, 14h44 via Résumé : Le Tartuffe de Mol...

agaga Oh des bananes

*

*

*

langage sms interdit :@

Le 19 janvier, 21h35 via Résumé - Le Médecin Malgrè ...

bernard 3+4=7 Le 19 janvier, 14h04 via Fiches sur les personnages ...

khgdtrsdhgvulkytg Toto Le 19 janvier, 14h03 via Fiches sur les personnages ...

Publicité



Articles précédents

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