Bienvenue cher visiteur
Veuillez vous inscrire ou vous connecter

  Nom d’utilisateur:   Mot de passe:   
Index  FAQ  Rechercher  Membres  Groupes  Profil  S’enregistrer
 Se connecter pour vérifier ses messages privés
  Tuto : flash n°1 = Bien commencer en flash
Sauter vers:    
  Poster un nouveau sujet   Répondre au sujet medmatiq Index du Forum » Informatique » Astuces et Tutoriels     
Auteur Message
Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:27 (2007) Répondre en citant

Qu'est-ce j'apprendrai à faire dans ce tuto ?


Vous apprendrez à créer des animations du genre avec des boutons ou des animations qui bouges des pages web des liens et bientot de l'action script
je ne sais pas encore si je mettrai du lingo pour ceux qui ont director !!! mais pour director tout marche sauf les actions scripts !!! pour ceux qui on flash MX 2004 je ferais peut-etre des erreurs j'utilise flash 8 !!!!


Flash c'est quoi ???


Flash C'est quoi ?

Flash est un logiciel capable de créer sénario, scêne, graphique, sa vous devez savoir

Pourquoi faire ?

cela vous aidera a créer des petites video, des jeux, des pages webs, mêmes des page de connexion de recherche avec un peu de php ou autre avec mysql !!!

Comment je dois faire ?

Ce tuto vous aidera a bien commencer !!!

Comment créer un fichier


Créer mon fichier

Pour créer un fichier flash aller dans le logiciel flash puis cliker en haut sur fichier - puis sur nouveau - là sélectionné Document flash !!!
votre fichier est bien créer !!!

Publier mon fichier

Quand vous avez terminer vous pouvez déja enregistrer votre fichier en votrenom.fla pour pouvoir le changer
puis vous pouvez faire Fichier - Paramètre de publication
là vous pouvez choisir avec une cage à cocher les sortent de fichier que vous voulez
.swf est très important
.html pour avoir sur une page web
les autres ne sont pas important

Comment mettre mon fichier dans une page web


Vous devez mettre ceci dans vos pages web :

<script type="text/javascript">
// <![CDATA[

var so = new SWFObject("votre fichier flash.swf", "sotester", "100%", "100%", "#000000");
so.addVariable("flashVarText", "this is passed in via FlashVars for example only");
so.addParam("scale", "noscale");
so.write("flashcontent");

// ]]>


Publicité





MessagePosté le: Mar 28 Aoû - 03:27 (2007)

PublicitéSupprimer les publicités ?
Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:33 (2007) Répondre en citant

Référence du tito : http://www.flashkod.com/tutoriaux/VOUS-ETES-DEBUTANT-VOULEZ-APPRENDRE_573.a…


Quelques exemple de fonctions


Interpolation de Mouvement

-Inserrer un cercle à gauche dans la première image
-Inserrer une image clé à l'image N° 20
-A l'image clé N° 20 mettez votre cercle à droite
-Sélectionner les images de N° 1 à N° 20
-Cliker droit sur windows (bouton droit de la souris) -appuyer sur la touche Ctrl (Contrôle) sur macintosh
-Cliker sur Créer une interpolation de mouvement
-Cliker sur Contrôle en haut
-Cliker sur "tester l'animation"
-Si vous avez réussi votre cercle se déplacera de gauche à droite

ps : Si vous voulez définir la vitesse cliker sur une partie mauve en bas sélectionné votre vitesse dans le panneau en dessous

exemple : http://membres.lycos.fr/cddpro/flash/CDD.html

Interpolation de forme

Faite un rond bleu dans le coin en haut a gauche de la frame 1 ensuite, faite une étoile de couleur rose
en bas a droite de la frame 20 ( F7 pour crée une image clé vide ). Selectionnez toute vos frame puis aller dans propriété
et créez une interpolation de forme. Ctrl-Entrée pour voire si tout vas bien et voila !

/url]


Dernière édition par Ben le Mar 28 Aoû - 03:41 (2007); édité 1 fois
Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:36 (2007) Répondre en citant

Forme qui suis la trajectoire 1ère solution

Cliker sur votre calque avec le bouton droit de la souris (windows) et sur controle (ctrl) (macintosh) et cliquer sur ajouter un guide de mouvement
Puis inserrer une image clé à l'image N° 20
Puis sélectionner de l'image N° 20 à N° 1 et cliker sur inserrer un interpolation de mouvement
Dans le panneau en bas choisissez votre vitesse puis en bas ne sélectionner pas Sync
Sélectionnner en bas orienter vers la trajectoire ou accrocher
Si vous activez l'option Orienter vers la trajectoire, la ligne de base de l'élément interpolé s'oriente vers la trajectoire de mouvement. Si vous activez l'option Accrocher, le point d'alignement de l'élément interpolé s'ajuste à la trajectoire de mouvement.
Puis dessiner avec l'outil ligne une trjactoire dans l'image 1
Puis toujours dans l'image 1 inserrer une zone de texte en écrivant Texte dedans et puis sélectionner l'outils curseur et déplacer le vers L'entré de la ligne
Puis cliker sur l'image 20 et mettez votre cercle à la fin de la ligne
Tester votre animation et normalement Le mot texte suivra la ligne
Si vous ne voyez pas la ligne c'est bon
Si vous la voyer soit :

Si vous activez l'option Orienter vers la trajectoire, la ligne de base de l'élément interpolé s'oriente vers la trajectoire de mouvement. Si vous activez l'option Accrocher, le point d'alignement de l'élément interpolé s'ajuste à la trajectoire de mouvement.

soit :

tracer votre ligne en blanc si l'arrière plan est bland sinon de lamême coulur que l'arière plan



exemple : http://membres.lycos.fr/cddpro/flash/CDD.html


Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:37 (2007) Répondre en citant

Forme qui suis la trajectoire 2ème solution

Créer un calque nommé "chemin", ensuite clique droit sur le calque et cliquer
sur "add motion guide" (7eme option pour la version en français). Tracer un
trajet avec le crayon qui représentera le chemin effectué par l'étoile (n'importe quel
couleur cela n'a pas d'importance).

Créer un nouveau calque et nommer le : "étoile" , ensuite ouvrer la bibliothèque
(appuyer sur F11). Ouvrer le dossier étoile et déplacer le movie clip "étoile"
sur le calque "étoile". Cliquer sur une frame entre 50 et 100 et faite une
image clé de ces deux calques (F6). Replacez vous sur le calque "étoile" à
la frame 1 et placer votre étoile au debut de votre chemin, ensuite placez
vous sur la dernière frame du claque "étoile" et placez votre étoile sur
la fin de votre chemin. Ensuite sélectioner la première frame de votre calque
"étoile" et rester cliqué jusqu'à la dernière frame de ce calque puis,
clique droit sur les frames selectionnées et cliquer sur "creat motion tween"
(première option pour la version française) et voila ! Ctrl-Entrée pour voir
votre animation et vérifier si tout va bien ;




exemple : http://membres.lycos.fr/cddpro/flash/CDD.html


Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:39 (2007) Répondre en citant

Bouton vers une autre séquance

Inserrer une forme que voudrez qui soit un bouton
Inserrer une zone de texte dessus avec le texte au choix
Sélctionner l'outil sélecteur puis sélectionner le bouton avec la zone de texte dessus et cliker convertire en symbole
Donner lui un nom et sélectionner bouton
Double clike dessus
Là où il ya les calques il ya Abbaiser dessus cliker et haut
inserrer une image clè à chaque
Maintenant personnaliser les :

Haut = comment il s'affiche
Dessus = quand le curseur est dessus
Abaisser = quand on clique
Cliqué = endroit ou on clique

Puis en haut des calques on a une toute petite flèche précédant
cliker dessus
vous êtes revenu dans lanimation
Cliker avec le bouton de droite de la souris (windows) ou ctrl (macintosh)
Sélectioner Action

mettez dedans :

on (press) {gotoAndPlay("Séquence 2","1");

}

Revenez dans l'animation et cliker avec le bouton droit de la souris (windows) ctrl (mac) sur l'image clé 1 et cliker sur action
entrez ici :

stop();

Puis dans insertion en haut "Séquence"

Dans la nouvelle Séquence cliker avec le bouton droit de la souris (windows) ctrl (mac) sur l'image clé 1 et cliker sur action
entrez ici :

stop();

Puis dans l'image clé 1 et personaliser votre page d'arrivé l'endroit ou on doit arriver avec le bouton
exemple : http://membres.lycis.fr/cddpro/go.htm


Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:40 (2007) Répondre en citant

Bouton vers une page web

Inserrer une forme que voudrez qui soit un bouton
Inserrer une zone de texte dessus avec le texte au choix
Sélctionner l'outil sélecteur puis sélectionner le bouton avec la zone de texte dessus et cliker convertire en symbole
Donner lui un nom et sélectionner bouton
Double clike dessus
Là où il ya les calques il ya Abbaiser dessus cliker et haut
inserrer une image clè à chaque
Maintenant personnaliser les :

Haut = comment il s'affiche
Dessus = quand le curseur est dessus
Abaisser = quand on clique
Cliqué = endroit ou on clique

Puis en haut des calques on a une toute petite flèche précédant
cliker dessus
vous êtes revenu dans lanimation
Cliker avec le bouton de droite de la souris (windows) ou ctrl (macintosh)
Sélectioner Action

mettez dedans :

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

ou

on (press) {getURL("fichier.php");
}

Revenez dans l'animation et cliker avec le bouton droit de la souris (windows) ctrl (mac) sur l'image clé 1 et cliker sur action
entrez ici :

stop();

exemple : http://membres.lycis.fr/cddpro/go.htm


Ben
Administrateur
Administrateur

Hors ligne

Inscrit le: 18 Aoû 2007
Messages: 7 769
Masculin
Point(s): 1 885
Moyenne de points: 0,24
MessagePosté le: Mar 28 Aoû - 03:40 (2007) Répondre en citant

Bouton vers une autre animation flash ou jpeg

Inserrer une forme que voudrez qui soit un bouton
Inserrer une zone de texte dessus avec le texte au choix
Sélctionner l'outil sélecteur puis sélectionner le bouton avec la zone de texte dessus et cliker convertire en symbole
Donner lui un nom et sélectionner bouton
Double clike dessus
Là où il ya les calques il ya Abbaiser dessus cliker et haut
inserrer une image clè à chaque
Maintenant personnaliser les :

Haut = comment il s'affiche
Dessus = quand le curseur est dessus
Abaisser = quand on clique
Cliqué = endroit ou on clique

Puis en haut des calques on a une toute petite flèche précédant
cliker dessus
vous êtes revenu dans lanimation
Cliker avec le bouton de droite de la souris (windows) ou ctrl (macintosh)
Sélectioner Action

mettez dedans :

on (press){loadMovie("fichier.swf","_level0");
}

ou

on (press){loadMovie(" lenomdufichier.jpg","_level0");
}

Revenez dans l'animation et cliker avec le bouton droit de la souris (windows) ctrl (mac) sur l'image clé 1 et cliker sur action
entrez ici :

stop();

ps : si vous êtes dans un fichier .html dans un dossier et que vous afficher votre animation qui est dans un dossier appeler flash ou autre et que vous faites un lien vers un fichier qui se trouve avec dans flash vous devez faire un lien : flash/votrefichier.swf


exemple : http://membres.lycis.fr/cddpro/go.htm

@++

Astuces_jeux

ps2 : voila deux exemples de documents

bouton : http://membres.lycis.fr/cddpro/go.htm

video : http://membres.lycos.fr/cddpro/flash/CDD.html

comment trouver des exemples de jeux :

http://www.flashkod.com/recherche.aspx?r=jeu&tr=source

http://www.google.be/search?hl=fr&q=jeu+en+flash&meta=

Ou trouver des exemple de texte :

http://www.flashkod.com/recherche.aspx?r=texte&tr=source

[url=http://www.google.be/search?hl=fr&q=texte+flash&meta=]http://www.google.be/search?hl=fr&q=texte+flash&meta=[


Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 17:16 (2018)

Montrer les messages depuis:   
  Poster un nouveau sujet   Répondre au sujet medmatiq Index du Forum » Informatique » Astuces et Tutoriels     

    

  
 

Index | creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation



Medmatiq © 2007
Forums amis : MedMar- carrefour-dentaire
skin developed by: John Olson
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com