Macromedia FLASH

Transcription

Macromedia FLASH

Création de pages dynamiques avec :
Macromedia FLASH
Premiers pas avec
Sommaire :
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Paramètres et options
Interpolation de mouvement
Symboles Flash
Interpolation de Zoom
Interpolation de forme
Trajectoire
1
Gérard Moisan / Alain Larhant - [email protected]
INFORMATIQUE et MULTIMEDIA
Macromedia Flash
Présentation
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Symboles Flash
Trajectoire
Flash est logiciel hybride qui allie de manière exceptionnelle les avantages des graphiques vectoriels
et ceux des graphiques bitmap :
•
•
Un graphique vectoriel décrit les objets graphiques et les formes comme un assemblage de
droites et de courbes dans un système de coordonnées bidimensionnelles.
Un graphique bitmap est défini par une mosaïque de points d’image (pixels), d’une taille particulière.
Les graphiques réalisés dans flash sont surtout de type vectoriels. Ils se composent de contours externes remplis avec une couleur.
Les avantages sont multiples : faciles à créer, contours et couleurs aisément modifiables, redimensionnement aisé sans perte de qualité.
Le logiciel Flash se caractérise donc par le taux de compression élevé de ses fichiers et par l’excellente qualité de l’affichage à l’écran.
Il met aussi à la disposition des créateurs une vaste palette de possibilités de développement interactif.
Vue d’ensemble
Calque actif
Largeur de scène
Explorateur de scènes
Scénario
Outils de création et
de transformation
Débit
Menus flottants
Couleurs :
Contours/remplissage
Propriétés de l’outil actif
Scène
Activation/désactivation des menus flottants
2
Macromedia Flash
Paramétrages du logiciel
Paramétrage de l’animation
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Symboles Flash
Trajectoire
En préliminaires à toute nouvelle animation, il est indispensable
de définir les paramètres suivants :
• Taille de la scène :
•
Dimensions de la fenêtre du
navigateur selon la
résolution d’écran
Ecran
Dimensions
intérieures
640 x 480
600 x 300
800 x 600
760 x 420
1024 x 768
955 x 600
•
Le plus petit format disponible est de 18 X 18 pixels.
La taille maximale est de 2880 x 2880 pixels.
Débit : Il s’agit de la cadence d’affichage des images. Pour une animation
diffusée sur le WEB, il est possible d’admettre un débit compris entre 8 et 12
images / seconde. L’utilisation d’un
autre support (CD) permet d’augmenter la cadence et ainsi d’accroître la
fluidité. (Le poids du fichier généré
n’est pas dans ce cas un facteur déterminant).
Couleur de l’arrière plan...
Paramétrage de la grille
Il est possible d’utiliser une grille
pour faciliter le positionnement
des objets sur la scène.
Par défaut, les mesures du quadrillage sont exprimées en pixel. Il est néanmoins possible d’opter pour
d’autres unités : millimètres, centimètres, points et pouces.
Menus flottants
A l’instar de logiciels tels que « Adobe Photoshop », les fonctionnalités spécifiques à Flash, sont accessibles à partir de menus flottants. Il est possible de les activer ou de les désactiver en fonction des
besoins. Des boutons sont prévus à cet effet (bas / droite).
Un paramétrage plus fin concernant l’affichage
de ces menus (Panneaux) est également disponible...
3
Macromedia Flash
Première animation
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Symboles Flash
Trajectoire
• Définissez une largeur de scène
de 500 x 350 px. (commande Modification / Animation).
• Choisissez une couleur d’arrière
plan à votre convenance.
• Sélectionnez l’outil Texte et définissez une zone d’écriture en haut et à gauche de votre scène.
• Saisissez le mot « Technologie »
Le choix de la
police, sa taille
ainsi
que
sa
couleur pourront
être modifiés à
l’aide du menu
Caractère.
• Dès la création de votre premier
objet, le logiciel a inséré une
image clé en position 1 de votre
scénario
• Cliquez sur la position 30 et ouvrez
le menu contextuel (clic-droit).
• Sélectionnez :
Insérez une image clé.
L’ordinateur vient de définir la position finale de l’animation...
• En conservant la sélection de la position 30, déplacez
votre objet texte en bas, à droite de votre scène.
• Cliquez sur le calque actif de manière à sélectionner
l’ensemble de vos images (1 à 30).
• Ouvrez le menu Image et créez
Si le panneau de contrôle n’est pas
disponible dans la barre de raccourcis, il est possible dans commander
l’affichage à partir du menu déroulant
Fenêtres.
une interpolation de mouvement.ra
• Il ne reste plus qu’à tester le résultat de l’animation.
Utilisez le panneau de contrôle prévu à cet effet.
4
Macromedia Flash
Publication
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Symboles Flash
Trajectoire
Afin de pouvoir être exploitée et/ou visualisée, une animation
Flash doit impérativement être publiée.
Cette publication pourra être réalisée sous de multiples formats. Il
est cependant nécessaire d’en définir les caractéristiques.
Par défaut, le logiciel publie l’animation sous la forme d’une
page HTML et d’un fichier Flash (animation)...
Les symboles Flash
Les dessins créés dans flash permettent de définir des objets. Ces derniers peuvent être constitués
d’éléments distincts ou associés à d’autres objets.
Afin de pérenniser les créations, il est possible de les archiver dans la Bibliothèque Flash.
Flash prend en compte trois types
de symboles :
Cet archivage est automatique mais n’est possible que par une
conversion de l’objet en symbole.
Graphique : Il s’agit du modèle le
plus courant. Il est possible de Le
faire pivoter, de zoomer, de l’afficher ou de le masquer.
• Définissez une nouvelle scène (300 x 300 px).
• Nous allons créer un arrière plan en dégradé. Pour ce
Bouton : Il est possible de lui attribuer une action, notamment lors de
son utilisation dans une page WEB.
faire, ouvrez la palette de couleur du pot de peinture
et choisissez le dégradé bleu.
Clip : Ce symbole, peut constituer
à lui seul une animation complète.
• Cliquez sur l’outil rectangle et recouvrez la
•
totalité de votre scène en faisant glisser la
souris en diagonale à partir du coin gauche.
Convertissez votre objet dégradé en symbole en déroulant le menu :
Insertion/Convertir en symbole/Graphique
Le nouveau symbole créé
est désormais enregistré
dans la bibliothèque Flash
et disponible pour une utilisation ultérieure.
5
Macromedia Flash
Attention : Cette interpolation n’est possible que sur des objets convertis en symboles graphiques.
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Symboles Flash
Trajectoire
Au préalable , définissez la durée de votre animation en plaçant une image clé en position 40 sur
votre calque 1 (arrière plan).
Créez un nouveau calque
(calque 2).
• Cliquez sur calque 2.
• A l’aide de l’outil Texte, inscrivez le mot Technologie au
centre de la scène.
• Convertissez l’image 1 en symbole graphique.
• Ouvrez le menu contextuel et insérez une image clé en position 40.
• Déroulez le menu Modification puis sélectionnez Transformer / Redimensionner et faire pivoter.
• Vous allez opter pour un rapport d’a-
•
grandissement de 400% ainsi qu’une rotation de 30°.
Après validation, l’image 40 adopte les
proportions choisies.
Cliquez sur « Calque 2 » afin de sélectionner l’ensemble des images du scénario.
• Il ne reste plus qu’à créer une interpolation de
mouvement et à tester le résultat.
6
Macromedia Flash
Attention : Cette interpolation ne fonctionne qu’avec des objets éditables !
P. 2
P. 3
P. 4
P. 5
P. 6
P. 7
P. 7
Vue d’ensemble
Symboles Flash
Trajectoire
• Définissez une largeur de scène de 500 x 350 px. (commande Modification / Animation).
• Choisissez une couleur d’arrière plan à votre convenance.
• Dessinez un cercle en Image 1/ calque 1.
• Déroulez le menu contextuel et insérez une image
clé vide en position 35.
• Tracez un rectangle (position 35).
• Sélectionnez toute les images en cliquant sur « Calque 1 ».
• Créez une interpolation de forme.
Trajectoires spécifiques
Il est possible de provoquer des déplacements de symboles sur des trajectoires spécifiques.
• Définissez une nouvelle scène (300 x 300 px. —> commande Modification / Animation).
• Choisissez une couleur d’arrière plan.
• Créez un nouveau calque (calque 2).
• Définissez un dégradé et tracez un cercle sur votre scène
(Image 1 / calque 2).
• Convertissez l’objet en symbole graphique.
• Insérez une image clé (image 30) et créez une interpolation de
mouvement.
Validez l’option : Synchroniser !
• Ouvrez un calque guide associé
au calque 2.
• Tracez la trajectoire du déplacement souhaité à l’aide de l’outil
crayon.
• Déplacez votre image 1 de manière à en faire coïncider le centre
avec l’origine de la trajectoire.
• Procédez de la même manière pour l’image 30 et la fin de trajectoire.
• Masquez la trajectoire.
• Lancez l’animation...
7

Macromedia FLASH

Transcription

Documents pareils

flash cs6 - initiation animation graphique

Programme Formation Flash Initiation

PDF Formation Flash initiation - créer des animations Lille Nord 59

Flash-Banniéres Web - Alternative Formation

télécharger ici

PROGRAMME DU LOGICIEL FLASH

FLASH : créer des animations Web / Intranet

Web Technos : Flash MX

animation pour site ation pour site internet avec flash