INTRODUCTION A Séance 1 Tenart Alexandre Tang Cédric

Qu’est ce que c’est ? Multimédia : Création d’animations à partir d’images, de vidéos et de sons Web : Donne de la vie au site Web grâce a une forte interactivité Créer et Publier : Publication sur tous les supports (PC, Mac) et compatibilité avec tout navigateur Internet Rapide : Chargement en lecture continue: l’application se lance sans être complètement chargée Léger : Faible poids des fichiers (vectoriel)

L’interface Scène Scénario et Calques Outils de dessin Panneau de commandes Zone de propriétés

Pour sélectionner des couleurs et des dégradés prédéfinis Nuanciers Pour sélectionner des couleurs et des dégradés prédéfinis Mélangeur de couleurs permet de personnaliser les couleurs de traits et de remplissage, les teintes et la transparence (alpha) Bibliothèque Permet de stocker des symboles

Outils de dessin Flèche Sous sélection Ligne Lasso Plume Texte Ovale Rectangle Crayon Pinceau Transformation libre Transformer le remplissage Encrier Pot de peinture Pipette Gomme Outil Main Zoom Couleur de trait Couleur de remplissage

L’outil rectangle

outil pinceau

L’outil gomme

L’outil crayon

L’outil remplissage

Outil transformation libre Redimensionner Pivoter et incliner Enveloppe Déformer

La création de groupe Flash regroupe automatiquement les objets de même couleur … Mais il segmente l’objet inférieur quand l’objet que l’on superpose est de couleur différente.

On peut grouper plusieurs objets pour qu’ils n’en forment plus qu’un. SOLUTION On peut grouper plusieurs objets pour qu’ils n’en forment plus qu’un. GROUPER : rassemble plusieurs objets en un (raccourci clavier Ctrl+G) DISSOCIER: sépare les objets d’un groupe (raccourci clavier Ctrl+Maj.+G) Astuce : pour modifier un objet dans un groupe, _double-clique sur le groupe, le reste de la scène est assombri _modification _double-clique à l’extérieur pour sortir du groupe

Définition d’un symbole L’utilisation permet de créer des occurrences dans les dessins Le symbole est unique et est répertorié dans une bibliothèque Si on modifie le symbole, toutes les occurrences dans le dessin sont modifiées

Création d’un symbole 2 méthodes: Créer directement le symbole: Insertion / Nouveau symbole Transformer un dessin en symbole: Sélectionner / Clique droit / Convertir en symbole Ou F8

Conversion d’un dessin en symbole Pour faire apparaître la bibliothèque : Fenêtre / Bibliothèque Ou F11

Insérer des occurrences du symbole

Modifier le symbole Dans la bibliothèque, double cliquez sur le symbole Quand la modification et terminé, cliquez sur séquence

Ainsi, toutes les occurrences sont modifiées Modifier le symbole Ainsi, toutes les occurrences sont modifiées

Comme ci-dessus mais pour un calque Scénario Pour tous les calques Cacher/Visualiser Verrouiller/Dév. La possibilité de modifier le calque Cacher le remplissage Nom du calque actif Comme ci-dessus mais pour un calque Insérer un nouveau calque (au dessus du calque actif) Supprimer le calque Insérer calque guide de mouvement Insérer un dossier de calque

Calque sélectionné dans image courante Temps écoulé Numéro de l’image courante Cadence en image/sec

Exercice Créez 3 calques. Nommez les Triangle, Carré et Cercle en double cliquant sur le nom Sélectionnez le calque triangle et dessiner un triangle, le remplir d’une couleur verte Dessinez dans les calques carré (carré rouge) et cercle (cercle jaune) en superposant partiellement le carré et le cercle au triangle Changez l’ordre des calques en les faisant glisser avec la souris Observez la différence ;)

Masques Ouvrez un nouveau dessin (ctrl+N ou Fichier – nouveau) Dessinez une maison (nommez le calque Maison) Insérer un 2e calque par-dessus et nommez le Mask Dans le calque Mask, dessinez un cercle plein qui recouvre partiellement la maison Cliquez droit sur le calque Mask, sélectionnez Masque On ne voit plus que la partie recouverte de la maison. Le calque masqué s’affiche en retrait sous le calque Masque dans le scénario. Attention en créant un masque, celui-ci s’active sur le calque directement en dessous.

Définition Image-clé Image-clé: c’est une image singulière qui correspond à un changement d’état à un moment bien précis défini dans le scénario Les images-clé sont repérées dans le scénario par des points noirs Les images-clés vide (feuille blanche) sont repérées par des points vides.

Créer une image-clé 1- Sélectionner un temps dans un calque 2 - Créer une image-clé : clic droit / insérer une image-clé ou F6 3 - Dessiner ou modifier l’image

Application Image-clé 1 - Sélectionner t=5 2 – F6 3 – Dessiner une forme 4 – Sélectionner t=15 5 – F6 6 – Modifier et/ou déplacer la forme Pour lire : Return ou en plein écran: Ctrl+ Alt + Return

Interpolation de mouvement Créez un pacman jaune à gauche de la scène Insérez une image (F5) dans l’image 15 du scénario Menu Insertion - Créer une interpolation de mouvement (les pointillés indiquent une interpolation incomplète) Dans l’image 15, déplacez le pacman sur la droite de la scène avec l’outil flèche (l’interpolation devient continue, l’image 15 devient une image clé) Menu Contrôle - Lire

Guide de mouvement Nouveau dessin :Redessinez un pacman Menu Insertion – Guide de mouvement Dans le calque guide, dessinez une ligne incurvée traversant la scène Sélectionnez l’outil flèche et activez le modificateur d’accrochage Dans calque 1, sélectionnez le pacman et positionnez son centre (cercle noir) à l’extrémité gauche de la ligne A l’image 15, insérez une image clé (F6) dans le calque 1 et une image simple (F5) dans le calque guide Menu Insertion – Créer une interpolation de mouvement Image 15, dans le calque 1 déplacez le pacman à l’autre extrémité de la ligne Contrôle -lire

Interpolation de forme 1 – Sélectionnez t= 10 2 – F6 3 – Dessinez un rectangle vert 4 – Sélectionnez t=30 5 – F6 6 – Effacez les rectangle vert 7 – Dessinez un cercle rouge 8 – Sélectionnez le temps entre t=10 et t=30 puis dans Propriété choisissez Interpolation Forme 9 – Visualisez avec Return

Publication Fichier > Paramètre de publication

Format de publication Flash (.swf) : C’est le format d’exportation le plus courant, ce type de fichier est directement utilisable dans une fenêtre d’exploration Internet. L’animation correspond exactement à celle que vous avez créée. HTML (.html) : Flash créé lui-même une page html vierge contenant uniquement le .swf GIF ( .gif) : Ce format est très répendu sur Internet. Vous pouvez créer des GIF animés mais vous perdez totalement l’interactivité, et le résultat est parfois décevant. JPEG (.jpeg) : exporte en image, il n’y a donc plus d’animation

Format de publication PNG (.png) : idem que JPEG mais pour le format PNG Projection Windows (.exe) : L’exportation sera lourde (plusieurs Mo) mais elle fonctionne sur n’importe quelle machine car le plug-in est en quelque sorte inclus. Projection Macintosh (.hqx) : idem mais pour Mac Quick Time (.mov) : L’animation est transformé en film, l’interactivité est perdue.

Exportation dans Dreamweaver Publier l’animation sous format .swf Dans Dreamweaver, cliquez sur le symbole flash Sélectionnez votre animation Lecture dans les propriétés

Merci de votre attention Alexandre et Cédric