//img.uscri.be/pth/bc89b644b2cb79d68a294d3398ba3b5489a71fd9
Cet ouvrage fait partie de la bibliothèque YouScribe
Obtenez un accès à la bibliothèque pour le lire en ligne
En savoir plus

Flash - Spécial débutants - Mis à jour avec Flash CS4

De
140 pages


Flash en 37 recettes



Vous souhaitez créer de petites animations Flash pour parfaire votre site Web ? Y intégrer du son, de la vidéo ? Ou réaliser des interfaces plus sophistiquées, mais sans devoir vous lancer dans l'apprentissage d'un langage de programmation complexe ?



À travers 37 ateliers de difficulté progressive, vous découvrirez dans cet ouvrage 100% pratique des recettes simples et efficaces pour réussir vos animations avec Flash (versions CS4 et antérieures). Véritables pas à pas complets, illustrant chaque clic de souris par une capture d'écran, ces exercices vous fourniront des méthodes infaillibles pour créer un roll-over, un diaporama, ou encore un formulaire.



Ce livre comporte en outre un dossier zip en téléchargement contenant les fichiers initiaux et finaux au format FLA de chaque atelier, ainsi que toutes les captures d'écran figurant dans l'ouvrage, afin que vous puissiez tester par vous-même toutes les techniques décrites.



À qui s'adresse ce livre ?




  • Aux débutants qui souhaitent s'initier à Flash en douceur


  • À tous ceux qui désirent aller à l'essentiel de Flash



Dans le dossier zip :




  • les fichiers initiaux et finaux des ateliers au format FLA


  • toutes les captures d'écran figurant dans l'ouvrage




  • Les bases


  • Texte, images, sons et vidéos


  • Programmation en Actionscript


  • Publication

Voir plus Voir moins

_ _ / / g
MATHIEU LAVANT
2 Cahie r2
Cahie r2
Flash
Sur le CD-Rom :
• les fichiers initiaux FlashFlash en 37 recettes
et finaux des ateliers
Vous souhaitez créer de petites animations Flash pour parfaire votre site Web ? Y au format FLA
intégrer du son, de la vidéo ? Ou réaliser des interfaces plus sophistiquées, mais sans • toutes les captures d’écran
figurant dans l’ouvragedevoir vous lancer dans l’apprentissage d’un langage de programmation complexe ?
À travers 37 ateliers de difficulté progressive, vous découvrirez dans cet ouvrage
100 % pratique des recettes simples et efficaces pour réussir vos animations avec Spécial débutantsFlash (versions CS4 et antérieures). Véritables pas à pas complets, illustrant chaque
clic de souris par une capture d’écran, ces exercices vous fourniront des méthodes
infaillibles pour créer un roll-over, un diaporama, ou encore un formulaire. Ce livre
comporte en outre un CD-Rom contenant les fichiers initiaux et finaux au format FLA
de chaque atelier, ainsi que toutes les captures d’écran figurant dans l’ouvrage, afin
que vous puissiez tester par vous-même toutes les techniques décrites.
À qui s’adresse ce livre ?
• Aux débutants qui souhaitent s'initier à Flash en douceur
• À tous ceux qui désirent aller à l'essentiel de Flash
Graphiste, webdesigner et développeur, Mathieu Lavant dirige sa propre agence de communication
et travaille comme consultant prépresse et multimédia auprès d'organismes de formation. Il est
aussi l'auteur de plusieurs ouvrages sur Flash, ActionScript et Photoshop.
www.a-comme.com
Dans la collection des Cahiers
Avec tous
les fichiers
Gratui t ! des exercices
Misà jour avec
Flash CS4
Misà jour avec
Flash CS4
Code éditeur : G12570
ISBN : 978-2-212-12570-2
Conception : Nord Compo
Cahie r
Flas h_ _ / / g
MATHIEU LAVANT
2 Cahie r2
Cahie r2
Flash
Dans le zip :
• les fichiers initiaux FlashFlash en 37 recettes
et finaux des ateliers au
Vous souhaitez créer de petites animations Flash pour parfaire votre site Web ? Y
format FLA
intégrer du son, de la vidéo ? Ou réaliser des interfaces plus sophistiquées, mais sans • toutes les captures d’écran
devoir vous lancer dans l’apprentissage d’un langage de programmation complexe ? figurant dans l’ouvrage
À travers 37 ateliers de difficulté progressive, vous découvrirez dans cet ouvrage
100 % pratique des recettes simples et efficaces pour réussir vos animations avec
Lien de téléchargement : Spécial débutantsFlash (versions CS4 et antérieures). Véritables pas à pas complets, illustrant chaque
clic de souris par une capture d’écran, ces exercices vous fourniront des méthodes http://
infaillibles pour créer un roll-over, un diaporama, ou encore un formulaire. Ce livre www.st1.eyrolles.com/9782
212125702/CD_Rom.zipcomporte en outre un CD-Rom contenant les fichiers initiaux et finaux au format FLA
de chaque atelier, ainsi que toutes les captures d’écran figurant dans l’ouvrage, afin
que vous puissiez tester par vous-même toutes les techniques décrites.
À qui s’adresse ce livre ?
• Aux débutants qui souhaitent s'initier à Flash en douceur
• À tous ceux qui désirent aller à l'essentiel de Flash
Graphiste, webdesigner et développeur, Mathieu Lavant dirige sa propre agence de communication
et travaille comme consultant prépresse et multimédia auprès d'organismes de formation. Il est
aussi l'auteur de plusieurs ouvrages sur Flash, ActionScript et Photoshop.
www.a-comme.com
Dans la collection des Cahiers
Avec tous
les fichiers
Gratui t ! des exercices
Misà jour avec
Flash CS4
Misà jour avec
Flash CS4
Code éditeur : G12570
ISBN : 978-2-212-12570-2
Conception : Nord Compo
Cahie r
Flas h__ // g
Cahier 2
Flash
Spécial débutants
Mis à jour avec
Flash CS4__ // g__ // g
MATHIEU LAVANT
Cahier 2
Flash
Spécial débutants
Mis à jour avec
Flash CS4__ // g
erLe code de la propriété intellectuelle du 1 juillet 1992 interdit en effet expressément la photocopie
à usage collectif sans autorisation des ayants droit. Or, cette pratique s’est généralisée notamment
dans les établissements d’enseignement, provoquant une baisse brutale des achats de livres, au point
que la possibilité même pour les auteurs de créer des œuvres nouvelles et de les faire éditer
correctement est aujourd’hui menacée.
En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le
présent ouvrage, sur quelque support que ce soit, sans l’autorisation de l’Éditeur ou du Centre Français
d’exploitation du droit de copie 20, rue des Grands Augustins, 75006 Paris.
Atelier n° 22 : © Tous droits réservés.
© Groupe Eyrolles, 2009
61 bd Saint-Germain – 75240 Paris Cedex 05
ISBN : 978-2-212-12570-2__ // g
À lire avant de commencer…
Cet ouvrage 100 % pratique propose en 37 ateliers une découverte
progressive des principales fonctionnalités de Flash, que vous ayez la
version CS4 ou une version antérieure. Véritables pas à pas complets,
illustrant chaque clic de souris par une capture d’écran, ces exercices
présentent des techniques simples et efficaces pour construire un
ascenseur, créer un formulaire ou encore concevoir un lecteur MP3. En
tête de chaque atelier figurent son degré de difficulté, son temps de
réalisation, ainsi que la liste des outils employés.
Ce livre s’adresse tout particulièrement aux débutants, mais plus
généralement à ceux qui souhaitent utiliser Flash dans leurs réalisations,
sans devoir maîtriser parfaitement ce logiciel. Toutes les méthodes qui
y sont exposées sont applicables sur PC et sur Mac, mais seuls les
raccourcis clavier pour PC sont mentionnés : pour connaître les
équivalences sur Mac, il suffit de savoir que la touche Ctrl sur PC
correspond à la touche Cmd sur Mac, et que le clic droit sur PC se traduit
par un Ctrl + clic sur Mac.
Les fichiers initiaux et finaux .fla de chaque atelier, ainsi que les
captures d’écran des étapes, figurent sur le CD-Rom d’accompagnement
de l’ouvrage, afin que vous puissiez tester par vous-même toutes les
manipulations décrites. À vous de jouer maintenant ! __ // g
Table des matières
Les bases 11
Contrôler une animation . . . . . . . . . . . . . . . . . . 42
01
Découvrir l’espace de travail . . . . . . . . . . . . . 8 12
Créer un chronomètre . . . . . . . . . . . . . . . . . . . . . . 46
02
Définir un symbole . . . . . . . . . . . . . . . . . . . . . . . . . . 12 13
Construire un interrupteur . . . . . . . . . . . . . . . . 50
03
Concevoir un bouton réactif . . . . . . . . . . . . . . 14 14
Concevoir un menu déroulant . . . . . . . . . . . 54
04
Créer une animation (méthode 1) . . . . . . . 16 Textes, images, sons et vidéos
05 15
Créer une animation (méthode 2) . . . . . . 20 Créer une bulle d’aide . . . . . . . . . . . . . . . . . . . . . 58
06 16
Réaliser un morphing . . . . . . . . . . . . . . . . . . . . . . 24
Créer une galerie de photos . . . . . . . . . . . . . 62
07 17
Exploiter la cinématique inverse . . . . . . . . 28
Construire un bouton sonore . . . . . . . . . . . . 66
08 18
Créer un carrousel 3D . . . . . . . . . . . . . . . . . . . . . . 32 Créer un diaporama . . . . . . . . . . . . . . . . . . . . . . . . 68
09 19
Créer un movie-clip . . . . . . . . . . . . . . . . . . . . . . . . . 36
Créer une bulle de BD . . . . . . . . . . . . . . . . . . . . . 72
10 20
Créer un effet de masque . . . . . . . . . . . . . . . . . 38
Réaliser un lecteur de news . . . . . . . . . . . . . . 76
6__ // g
Table des matières
21 30
Créer un lecteur MP3 . . . . . . . . . . . . . . . . . . . . . . . 80 Concevoir un panneau défilant . . . . . . . . . . 110
22 31
Concevoir un lecteur vidéo . . . . . . . . . . . . . . . 84 Créer une animation sans scénario . . . . 112
32Programmation en ActionScript
Contrôler un déplacement . . . . . . . . . . . . . . . . 116
23
Créer un curseur dynamique . . . . . . . . . . . . . 88 Publication
24 33
Personnaliser le pointeur Publier une animation . . . . . . . . . . . . . . . . . . . . . 120
de la souris . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
34
Contrôler un téléchargement . . . . . . . . . . . . 12425
Créer un lien vers une page Web . . . . . . . 96
35
26 Créer un preloader . . . . . . . . . . . . . . . . . . . . . . . . . . 126
Créer des effets de lueur et d’ombre
36portée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Créer un projecteur autonome . . . . . . . . . . 130
27
37Réaliser un formulaire . . . . . . . . . . . . . . . . . . . . . 100
Publier un contenu Flash
avec Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 13228
Construire un ascenseur . . . . . . . . . . . . . . . . . . 104
29 Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136
Créer une fenêtre pop-up . . . . . . . . . . . . . . . . . 106
7__ // g
Les bases Atelier 01
Facile
Réalisation : 15 min
Outils utilisés :Découvrir l’espace Barre d’outils
Panneau
Bibliothèquede travail
Symbole
Tester l’animation
Flash est un logiciel qui réunit des outils de atelier, vous allez découvrir l’interface du
logidessin vectoriel, permettant aussi bien de ciel, et plus particulièrement sa fenêtre de
produire de simples animations que des appli- travail qui affiche un scénario, des calques, une
cations interactives destinées au Web ou à des zone de dessin… Le but est de vous familiariser
supports numériques. Grâce à cet intégrateur avec ce nouvel environnement en manipulant
multimédia, il est possible de créer des docu- quelques outils et notions comme les symboles,
ments mêlant texte, image, vidéo et son, le tout les occurrences, ou les images-clés.
pouvant être publié dans un fichier unique au
format SWF (Shockwave Flash). Dans ce premier
Fichier initial : fichierdepart01.fla
8__ // g
01. Découvrir l’espace de travail
Commencez par ouvrir le fichier initial via le menu La scène est l’espace de travail dans lequel vous construirez1 2
Fichier>Ouvrir. Flash affiche le document dans une fenêtre le contenu de votre animation à l’aide des outils de dessin
de travail divisée en trois parties : en haut, le scénario (ou time- et de texte, des symboles, etc. La taille de la scène et sa couleur
line), en bas, la scène, et à droite, le groupe de panneaux. de fond sont modifiables à partir du panneau Propriétés.
Le scénario est l’échelle temporelle de l’animation : il Pour structurer le scénario, vous utiliserez des calques qui3 4
permet de gérer sa durée et l’ordre d’affichage des diffé- permettent de définir différents plans et de séparer les
rents contenus. Dans la partie supérieure du scénario s’affiche la objets animés des objets statiques. Les calques sont gérés par le
tête de lecture ; déplacez-la pour parcourir l’animation. panneau Calques, situé dans la partie gauche du scénario.
La barre d’outils propose différents outils de sélection et5
Flash dispose d’une quinzaine de panneaux (ou palettes),de dessin, ainsi qu’un outil Texte. Pour toutes les mani- 6
accessibles à partir des icônes situées à gauche du groupepulations d’objets, sélections et déplacements, vous utiliserez
de panneaux, ou du menu Fenêtre. N’hésitez pas à les positionnerl’outil de sélection, symbolisé par une flèche noire (en haut).
dans la fenêtre de travail à l’endroit que vous souhaitez à l’aide
d’un cliquer-glisser.
9__ // g
Les bases
Si vous manquez de place, vous pouvez réduire le groupe En complément des menus classiques proposés par la7 8
de panneaux, en cliquant sur la flèche blanche, située barre de menus, Flash dispose de trois menus contextuels,
sous de la barre de menus, dans l’angle supérieur droit de la que l’on affiche par un clic droit dans le panneau Calques, dans
fenêtre de travail. le scénario, ou bien dans la scène.
Le scénario affiche deux types de marqueurs correspondant Cliquez sur l’image 28 du calque rectangle : si vous insérez9 10
à deux types d’images (les images-clés) : un petit disque noir une image-clé (touche F6), vous récupérez le contenu de
indique une image-clé dotée d’un contenu; un petit disque blanc l’image-clé précédente ; avec une image-clé vide (F7), vous effacez
marque une image-clé vide prête à recevoir un nouveau contenu. le contenu de la précédente et pouvez définir un nouveau contenu.
Flash exploite différents types de symboles, stockés dans Via les touches Ctrl + L, affichez le panneau Bibliothèque11 12
le panneau Bibliothèque. Ce sont des éléments gra- qui contient des symboles de types Bouton, Clip et
phiques qui ont un statut d’objets modèles, et qui seront utilisés Graphique. L’emploi de ces symboles permet de réduire le poids
dans le document sous forme de copies, appelées occurrences. des fichiers.
10__ // g
01. Découvrir l’espace de travail
Sélectionnez l’image 36 du calque chien dans le scénario et Chaque symbole peut être modifié à partir de son propre13 14
faites glisser dans la scène le symbole chien2 de la biblio- scénario. Ainsi, pour modifier le symbole souris, vous pouvez
thèque : vous avez ainsi créé une occurrence du symbole chien2. double-cliquer sur l’occurrence placée dans l’image 25 du calque
Si vous modifiez le symbole, cette occurrence sera aussi modifiée. souris, ou bien sur le symbole souris stocké dans la bibliothèque.
Vous pouvez aussi modifier des occurrences sans modi- La publication d’une animation Flash s’opère dans un15 16
fier les symboles correspondants : changement de format particulier, le format SWF. Avant de procéder à la
couleur, d’opacité, de taille, de position… Ces opérations se font publication finale, vous réglerez certains paramètres dans la boîte
à partir des panneaux Propriétés et Transformer. de dialogue Fichier>Paramètres de publication (voir atelier n° 33).
En cours de travail, vous devrez tester votre fichier dans son17
Le test de l’animation génère un fichier .swf et l’afficheformat d’export afin de vérifier son bon fonctionnement. 18
dans une nouvelle fenêtre. Pour revenir à votre documentCette opération se fait via le menu Contrôle>Tester l’animation.
de travail, vous n’aurez qu’à refermer cette fenêtre, à l’aide de la
croix située en haut à droite.
11__ // g
Les bases Atelier 02
Facile
Réalisation : 5 min
Outils utilisés :
Bibliothèque
Convertir en symboleDéfinir un symbole
Importer dans la scène
Transformer
Dans Flash, la création d’une animation ou d’un à partir d’un graphisme importé dans le
docuélément d’interface (bouton, menu déroulant…) ment. Dans cet atelier, vous ferez appel à la
s’effectue en exploitant des symboles stockés deuxième méthode, en important une
illustradans la bibliothèque. Pour utiliser ces objets, tion vectorielle. Vous découvrirez par la suite
vous devez les faire glisser depuis la biblio- que Flash permet également de définir des
thèque dans le document : vous créez ainsi des symboles de type Bouton (voir atelier n° 03) et
occurrences qui sont dynamiquement liées à de type Movie-clip (voir atelier n° 09).
leur symbole de référence. Autrement dit,
chaque modification d’un symbole sera
répercutée sur l’ensemble de ses occurrences.
La création d’un symbole peut s’opérer à partir
d’un élément graphique dessiné dans Flash, ou
Fichiers initiaux : fichierdepart02.fla
cochon.ai
Fichier final : fichierarrivee02.fla
12