Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

POUR DÉMARER AVEC FLASH


Information sur le tutorial

Catégorie :Tutoriaux Date de création : 07/06/2005 01:22:43 Vu : 49 050 fois

Note :
7,74 / 10 - par 19 personnes
7,74 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (38)
Ajouter un commentaire et/ou une note

Description

La base de chez base, l'interpolation, le masque, le clip, les boutons, la publication.

Tutorial

Flash/ base de chez base/ on_drag_on

(si tu captes rien, j'ai mis ce tutoriel en couleur avec capture d'image et plus de détails)


la base.


Je pars du principe que tu connais déjà l'interface de Flash (outils, couleurs, scène, scénario, etc...)

propriétés du document.

ici tu peux changer quelques paramètres généraux de ton animation : ses dimensions, sa couleur d'arrière-plan (couleur de fond), sa cadence (si ton animation n'est pas fluide c'est sans doute que tu es à 12 images/secondes et que tu peux sans  autre monter à 24 voir 30), et l'unité de la règle du défilement du scénario (la trame).

les symboles.

Graphique : pour faire un objet animé.
Bouton : pour faire un objet dirigeant la navigation de l'animation.
Clip : pour faire une animation à l?intérieur de l'animation de base.

pour faire une interpolation.

-dessine un rond rouge dans l'image 1 du premier calque, insère une image-clé  à l'image 15 et déplace ton rond rouge (seulement dans l'image 15), clique entre les deux dans le scénario et: Propriétés/ Interpolation de forme.
(tu peux aussi changer la couleur, la transparence etc...).
(pour l'interpolation d'un symbole, d'un texte ou d'un groupe : Modification/ Séparer ou Interpolation de mouvement).

pour faire un masque.

-tu fais un calque au-dessus de celui que tu veux masqué, sur ce calque tu dessines un carré ou des lettre qui feront le "trou" (la partie visible) du masque.
- tu cliques sur le nom du calque à gauche du scénario en maintenant "Ctrl" (mac) ou bouton droit (windows) et tu choisis masque.
seul le calque juste dessous est masqué.
(si tu veux aussi masquer les suivants: "alt" (windows) ou "Ctrl" (mac) - Propriétés/ Masqué.)

les clips d'animations.

Tu peux, avec un symbole de clip, faire une animation dans ton animation qui elle-même à une animation dans son animation.
-desine un rond (allez, jaune fluo cette fois) sur l'image 1 du calque 1,convertis en symbole/ Clip, double-click dessus (tu as une nouvelle trame de scénario),
à l'image 20 insère une image-clé, déplace ton symbole et fais une interpolation.
- reviens dans la scène principale et teste l'animation.
-ensuite tu retournes sur la scène du symbole clip, tu fais un nouveau calque, tu dessine un carré bleu, tu le convertis en symbole/ Clip, tu double-click dessus (tu as maintenant un clip dans ton clip), tu insères une image-clé à l'image 10, tu déplace ton symbole, tu fais une interpolation.
- reviens dans la scène principale et teste l'animation

...et ainsi de suite...

les boutons.

pour faire un bouton de base.


- dessine un cercle vert, convertis en symbole/ Bouton, double-click dessus, crée les quatres états:
 
haut = ton bouton tel qu'il est sur l'animation
dessus = quand on passe la souris sur le bouton
abaissé = quand on va clicker sur le bouton
cliquable = la zone sur la quelle tu décides que l'on peut clicker
en insèrant  une image-clé pour chacuns. (tu peux transformer chacuns de ces états).

- reviens dans la scène principale et -  Panneau /Actions, Actions-bouton :

on (press) {gotoAndPlay("taséquence2","1");

}


(pour nommer "taséquence1", Fenêtre ? panneau - séquence, pour créer "taséquence2", Insertion - séquence).

- il faut ensuite cliquer sur la scène et mettre un stop() dans Actions-image.

- dessine un rond jaune dans "taséquence2". Actions-bouton:

on (press) {gotoAndPlay("taséquence1","1");

}


Actions-image, stop().

- tester l'animation.
( tu peux mettre on (release), on (rollOver), on (rollOut) etc... comme {gotoAnstop(? , cela t'évites de mettre un stop().)

...vert, jaune, vert, jaune, vert ...

pour faire un bouton dirigé vers une URL.

- même principe avec :

on (press) {getURL("http://www.tonadresseweb.com");

}


(?,"_self" = même fenêtre, ?,"_blank" = nouvelle fenêtre )

pour faire un bouton qui charge un autre fichier .swf ou un .jpeg


- décline simplement le chemin parcouru, par ex. :

on (press){loadMovie("file://lenomdudisquedur/lenomdudossier/etc?/lenomdufichier.swf","_level0");

}


(si l'animation est sur le net il faudra décliner l'URL (http://www.etc... )
"_level0 " définit le niveau du clip auquel tu souhaites charger ton animation.
(tu peux mettre _level1, _level2, etc?

publication et page d'index HTML.

pour publier ton animation.

(il faut d'abord que tu enregistres ton .fla)
-ouvrir Fichier/ paramètres de publication, cocher Flash (.swf) et HTML (.html),et click sur "OK".- tu peux aussi publier un dessin ou une image fait avec Flash au format .gif, .jpeg, .png ou Quick-time (.mov).
- si tu veux faire un CD-Rom, cocher Projection (Mac) ou (Windows, .exe).
-situ veux passer ta source à quelqu?un qui à une version antérieure,clickdans l'onglet Flash et définis sa version (pour MX par ex.c'est la version 6)
- pour que ta page s'affiche aux même dimensions que celle du navigateur, click dans l'onglet de la page HTML, et choisis "Pourcentage" dans Dimensions.

- ensuite tu fais Fichier/ Publier.

la page HTML.


bgcolor=#... , il s'agit de la couleur d'arrière-plan de la page HTML.
le code HTML qui chargera ton .swf se trouve entre les balises et .

voilà, c'est court mais cela devrait t'aider à démarrer.
(j'ai tout relu mais si y'a des erreurs faut me les signaler).
A+.

;-)
07 juin 2005 01:31:53 :
détails de mise en page...
07 juin 2005 01:33:01 :
...
07 juin 2005 01:41:00 :
...
07 juin 2005 01:53:09 :
... pfff.
08 juin 2005 03:10:34 :
derniers détails... je crois
08 juin 2005 03:37:58 :
ben j'ai voulu juste faire une modif. pi y m'as tout mis en bloc avec la même police alors j'ai tout recommencé... pfff, pas doué.
10 juin 2005 15:25:50 :
ajout des 4 états du boutons.
01 mai 2006 18:39:37 :
nouveau lien
21 juillet 2006 01:24:29 :
changement du lien + qqes correct. tab.
signaler à un administrateur
Commentaire de aKheNathOn le 07/06/2005 19:48:34

Pas mal le tutorial, mais je pense que ce serais 10 fois mieux de t'entendre et de te voir le faire. Ce genre de truc, sans image ny rien, c difficile à comprendre (autant que dans les boukins)...

Tu peux nous le refaire en vidéo ?

signaler à un administrateur
Commentaire de on_drag_on le 07/06/2005 23:44:54

Ben ... oui je pourais ajouter des sources ou faire une vidéo (mais je sais pas comment faire, je pourrais essayer...) mais franchement tu trouves difficile? Si tu as flash en français tu n'as qu'à suivre. J'ai mis exprès des mots comme insérer pour le menu "insertion" ou convertit pour "convertir" histoire que tu n'ai même pas à réfléchir. bouh... si mon tuto n'est pas simple alors c'est qu'il est raté.
:-(
j'aimerais bien avoir d'autres avis...
Allez, A+.

signaler à un administrateur
Commentaire de G666 le 10/06/2005 13:08:56

Je le trouve plutot bien, je suis pas utilisateur de flash mais les propos me paraissent clairs !
En revanche j'ai du mal à voir l'intérêt de la rubrique "tutoriaux" par rapport à la rubrique "codes".
Pour le graphisme l'intitulé est mieux choisi mais pourquoi les 2 rubriques coexistent elles ?
En plus il semblerait qu'il n'y ait aucune illustration, et pas seulement sur ton tutorial !

signaler à un administrateur
Commentaire de on_drag_on le 10/06/2005 15:14:27

ben sous codes tu trouveras des travaux terminés (donc des idées précises) avec des script plus ou moins détaillés. Pour moi il s'agit là (codes) de démontrer les capacités de Flash dans sa diversité. Exellent pour apprendre mais parfois très difficile...
Pour ce tutorial j'ai simplement mis la base de l'interface Flash en essayant de répondre aux questions récurrantes que j'ai trouvés sur le forum.
Pi comme sur Flashkod on ne parle que de code, j'ai juste mis des precisions et définitions de base pour que le débutant puisse comprendre de quoi on parle ...(clip, bouton...)
c'est un peu sommaire j'espère que ça aideras certains.
A+.

signaler à un administrateur
Commentaire de G666 le 13/06/2005 09:48:10

Bon, j'ai compris, j'ai mis un tutorial en ligne, en fait cette rubrique offre la possibilité d'illustrer le texte par des images stockées dans une base (j'ai pas encore fourni le fichier cause "problème serveur" mais je comprend mieux l'intérêt !! ; ) )

signaler à un administrateur
Commentaire de naraelle le 24/06/2005 19:40:16

eh bien moi, j'aime beaucoup. je débute en flash et je viens de trouver ce qu'il me manquait justement pour les boutons ^^
à part quelques petits problèmes d'espace entre les mots, rien à redire pour le moment (il faut que je teste encore chez moi ;), mais ca a le mérite d'être clair en tout cas ^^

merci encore

marie

signaler à un administrateur
Commentaire de vaxier le 27/06/2005 14:13:30

lol, merci  on_drag_on je savais pas comment on faissait les bouton :)

signaler à un administrateur
Commentaire de z0z0 le 01/07/2005 08:11:13

Y'a-t-il un moyen de mettre comme target pour lien une iframe? Ce n'est pas mon site web et je ne peux donc pas le modifier.

signaler à un administrateur
Commentaire de mouzart le 01/07/2005 14:45:22

Salut,
il n'est pas mal ton tuto mais ca sera mieu s'il accompagnie avec des captures qui montre chaque etape.

signaler à un administrateur
Commentaire de pepitollier le 27/07/2005 10:59:33

Bonjour a tous, je suis graphiste photoshop pour un promoteur immobilier (sites web des sociétés du groupe et plaquette pub), il faut que je me forme au flash, car je vais devoir faire des anims et des sites plus vivant (immobilier)a côté de ça je fais des sites perso. pour arrondir les fins de mois, merci pour le tutorial, j'ai bien suivi .. mais j'aimerai passer à l'étape suivante, est-ce que tu as d'autre exemple ou il faut que je te demande des choses plus spécifique style faire comme sur le site de tom (je sais que c un pro. mais bon les sources de ton site me permettrait de mieux comprendre) merci pour les infos.

signaler à un administrateur
Commentaire de bobyass le 07/08/2005 12:43:16

salut je m'appel Yassine je suis en 1er année Filiere (TSDI)
je cherche un tuto de flash
qualité : (débutant)
et Mercie bcp

signaler à un administrateur
Commentaire de on_drag_on le 07/08/2005 17:24:49

salut
d'abord si tu fais F1 tu as les didactiels et aides de Flash, y'a des tutos de base.
ensuite voici quelques liens:

http://developpeur.journaldunet.com/
http://www.siteduzero.com
http://www.suliworld.com
http://flash.media-box.net
http://www.actionscript.org/french/index.shtml
http://www.yazo.net/
http://www.flashhouse.net/index.php?section=cours
http://www.lexplicateur.com/

j'espère que ça va t'aider...
a+.

signaler à un administrateur
Commentaire de ding7 le 23/09/2005 18:00:30

Hello,
Je suis actuellement a la recherche d'un job en info et j'en profite donc pour me mettre au Flash et en meme temps au Java.
Ce tuto est vraiment bien fait. J'ai été sur le site de "http://www.cartoonsmart.com/" et j'ai commencé avec ces tuto en anglais alors que mon Flash MX est en francais et je dois avouer que j'aurais eu le tiens, j'aurais été un peu plus vite. Heureusement ceux qui se trouvent sur son site sont des vidéos donc si ca intéresse.

Allez y, ca vaut vraiment le coup :)

Bye

signaler à un administrateur
Commentaire de on_drag_on le 23/09/2005 18:32:12

merci.
très cool , le lien ;-)

j'en profite pour préciser un petit truc. Si vous voulez faire des boutons plus "maléable"
qui bougent, qui clignotent etc.. aujourd'hui on préférera faire un clip (ou movie clip) qu'un bouton dans la plupart des cas. On l'appellera par une fonction que l'on mettra dans action - image.

du genre:

monSuperclipQuiArrache.onPress = function() {
    _root.monSuperclipQuiArrache.gotoAndplay("2");
};

a+
(//).

signaler à un administrateur
Commentaire de church15 le 08/10/2005 21:33:37

Utilise Wincam .Ce logiciel ''film'' tout ce que tu fais et est génial pour des explixation par vidéo.

signaler à un administrateur
Commentaire de Solaar665 le 24/10/2005 17:39:19

Moi je n'ai rien compris aavec les codes, mdr car j'essaye d'apprendre le flash, m'y connait pas du tout donc :S

signaler à un administrateur
Commentaire de patmanatak le 27/10/2005 10:42:56

pour faire un bouton qui charge un autre fichier .swf ou un .jpeg


bonjour a tous
j'aimerai avoir plus dinfo sur les "level" le niveau du clip pas tres clair pour moi tous ca
sinon appeler un swf externe ca veux dire un swf qui n'est pas dans la bibliotheque??
merci a vous

signaler à un administrateur
Commentaire de hassanbat le 01/12/2005 16:07:33

je suis satisfait

signaler à un administrateur
Commentaire de albertus1000 le 03/03/2006 11:48:15

Moi, ce qui me ferait plaisir pour mieux comprendre c'est carrément un fichier fla que je pourrais disséquer et copier en y ajoutant mes modifications.... Ce serait super pour débutans/ Merci/.

signaler à un administrateur
Commentaire de LILY03 le 19/03/2006 23:43:35

on (press) {getURL("http://www.tonadresseweb.com");
}
(…,"_self" = même fenêtre, …,"_blank" = nouvelle fenêtre )
  enfin !! a tester !!! merci


signaler à un administrateur
Commentaire de bleucerise le 16/04/2006 23:29:16

un peu sec mais bien, comme dit lily03 avec des accolades c’est mieux.

signaler à un administrateur
Commentaire de on_drag_on le 21/07/2006 02:50:27

changement:
http://www.monblog.ch/telov
a+
(//)

signaler à un administrateur
Commentaire de pico581 le 24/08/2006 16:24:55

bonjour qui peux me dire comment je peux changer le nom des boutons dans un shoskwave flash object ...
merci d avence a celui qui peux m éclairer la dessu

signaler à un administrateur
Commentaire de Titi035 le 25/08/2006 00:27:07

Salut,

Bravo pour ce Tutorial, c'est très pro!

J'ai flash mx 2004 anglais et j'ai l'impression qu'il y a quelques différences avec ta version; Par exemple, je n'arrive pas à faire de guide en suivant ta methode : le symbole n'est pas happé par le début du tracé.... autre problème avec les bouttons : j'ai bien les 4 états et j'ai inséré un keyframe, mais dans la zone de sélection, j'ai "Current selection cannot have actions applied to it" donc pas possible de mettre "on (press)" etc...

Titi035.

signaler à un administrateur
Commentaire de 010Log101 le 30/08/2006 01:51:10

Tout d'abord très merci pour ce tutorial, il m'a permis de résoudre déjà quelques problèmes. A vrai dire je débute en flash et je suis actuellement entrain de faire un site web en html et j'ai fait un petit menu flash pour accéder à mes différentes pages. Ma question est la suivante, si je souhaite tester mon site en local est-ce que la syntaxe du getURL des boutons doit changer ?  très merci a tous ceux qui pourront m'aider

signaler à un administrateur
Commentaire de on_drag_on le 11/09/2006 12:15:22

@ pico581 : pas compris ta question, dsl.
@ titi035 : vas sur www.monblog.ch/telov  -> les symboles. Tout est expliqué.
@ 010log101 : logiquement la syntaxe ne change pas. + d'info sur le lien indiqué.

signaler à un administrateur
Commentaire de misslol06 le 03/10/2006 06:21:35

Très bien ce tuto, il m'aide bien moi qui ne comprends pas grand chose et qui débute, heureusement qu'il y a des gens comme toi qui penses à nous les + que débutant ;)

merci beaucoup

misslol

signaler à un administrateur
Commentaire de bicet le 11/10/2006 11:34:29

bonjour , dommage que ces tutoriaux ne soit pas imprimable

signaler à un administrateur
Commentaire de TSDI_Marocain le 14/11/2006 19:26:36

je préfere des tutos avec des images pour mieux faciliter la compréhension;
mais il est tout de meme un bien tuto.

signaler à un administrateur
Commentaire de EvilPaper le 24/11/2006 04:05:56

enfin un turoriel pour les noob !

signaler à un administrateur
Commentaire de BRAHIM77 le 16/10/2007 10:08:05

Quelqu'un peut-il m'aider à régler ce code.

Je n'arrive pas à afficher les valeurs des attributs

structure du XML = <?xml version="1.0" encoding="UTF-8" ?>
- <Users>
  <User PSeudo="TOTO" Pass="jacky" />
<User PSeudo="Tata" Pass="jackote" />
  </Users>

var LogXML:XML;

var loader:URLLoader = new URLLoader();
var LogRequete:URLRequest = new URLRequest("LoginClient.xml");
loader.load(LogRequete);


loader.addEventListener(Event.COMPLETE, FinChargement);

function FinChargement(event:Event ):void {
if(loader != null) {
   LogXML = new XML(loader.data);
  }
  else {
trace ("erreur de chargement du fichier XML");
  }

  for (var i:int = 0;i < LogXML.children().length(); i++) {

var strItem:String = new String(LogXML.children()[i].toXMLString());
var xml:XML = new XML(strItem);

// ici j'arrive à accéder au nom des attributs (PSeudo et Pass)

Mais je n'arrive pas à afficher leurs valeurs c'est à dire pour (TOTO et Tata)et pour Pass (jacky et jackote)

}
}

Les methodes firstChild.ChildNodes[0].PSeudo
ou attributes ne donnent rien.

Merci d'une aide

signaler à un administrateur
Commentaire de bonencontre le 01/03/2008 21:47:36

Bonjour,
j'ai bien aimé ton tutoriel il est un peu rapide mais tout est dit en quelques mots
j'aimerai avoir quelques précisions sur level tu écris "level0 " définit le niveau du clip auquel tu souhaites charger ton animation.
Qu'entends tu pas niveau du clip.
Exemple J'ai un dossier externe qui contient 1.swf,2.swf etc.. le premier swf sera level1,
le deuxième swf sera level 2. Est-ce cela le niveau?
merci pour ton aide

signaler à un administrateur
Commentaire de joujma5 le 03/03/2008 09:50:54

y'a pas un tutorial animé svp

signaler à un administrateur
Commentaire de clemclem01 le 30/04/2008 22:56:01

Bonjour,

Merci pour le tutorial. Il est très simple et efficace. Pour ceux qui ont du mal, je leur conseille de refaire les exercices. Avec un peu de patience on comprend mieux les choses...
Je connais un peu flash et son utilisation, mais je ne savais pas que l'on pouvait faire des animations dans les animations par exemple.
Encore bravo!

signaler à un administrateur
Commentaire de folken974 le 15/05/2008 07:14:37

Bien, mais ne s'adresse pas à des débutants.

signaler à un administrateur
Commentaire de cvar33 le 30/01/2009 01:39:17

Super, merci. Simple et efficace !

signaler à un administrateur
Commentaire de allellla le 07/04/2009 22:13:57


Bonjour,

Je débute dans l'action script 3, et je voudrais dire un grand merci pour ce tuto et les autres aussi, c cool de donner de votre temps, pour aider et transmettre vos connaissances.

J'aimerais avoir quelques précisions (il y a certaines chose que je n'est pas bien suivi sur le tuto !!!)

J'ai pas compris pour "Panneau /Actions, Actions-bouton" et "Actions-image" : est ce que le actions-bouton correspond à "f9" sur l'image 1 de la séquence 1
et le actions-image correspond à "f9" sur l'image 1 de la séquence 2 ???

Et le "stop()" se met après "on (press) {getURL("http://www.tonadresseweb.com");"} ??? ou sinon il se met sur un autre action !!!!

Je sais question de débutantes lol !!!! un peu d'indulgences lol

merci

signaler à un administrateur
Commentaire de on_drag_on le 08/04/2009 02:18:13

Bonjour,

Ce tutoriel commence un peu à dater c'est de l'AS1&2, action-bouton et action-clip ne devrait plus s'utiliser depuis longtemps, en AS3 il n'existe plus du tout, on code sur l'image avec l'avantage de ne plus avoir du code disséminé partout mais du code à un endroit en un seul bloc. Je vous conseille donc de vous familiariser directement à l'AS3, j'ai mis deux tutos sur ce site sur le sujet et un lien très intéressant dans les commentaires. Pour le reste n'hésitez pas à utiliser le forum si il y a des choses que vous ne comprenez pas ou si vous rencontrer un problème lors de la construction de votre application il est là pour ça.

;=)

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,094 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.