L' exercice consiste à créer un mini site carte de visite à joindre dans ses e-mails
Les outils à utiliser
Pour configurer votre interface de travail vous devez ouvrir ces panneaux !
Outil
Symbole
Descriptif
Raccourci
Le rectangle
Trace un rectangle seul ou un contour seul ou les deux à la fois selon que les options de couleur ou de contour sont activées. On peut remplir un ton uni ou dégradé.
L'options "Alt" : le tracé s'effectue à partir du centre
L'option "Maj/Shift" : le tracé est contraint à un cercle parfait ou un carré parfait
R
La transformation
Sur toute sélection, permet de modifier l'échelle, le biseau, la rotation, l'inclinaison. "Alt" permet de transformer symétriquement, "Ctrl" permet de déplacer les coins indépendamment
Q
Le texte
Outil d'écriture qui se paramètre dans les options. On peut écrire du texte statique et non statique.
T
Créez un nouveau document flash de 600 x 400 x 24 ips.
Dans le panneau des séquences, créer 3 séquences que nous nommerons "bienvenue", "mon_cv" et "me contacter"
I) La navigation dans les séquences
Créer 3 boutons "onglets" qui vont nous permettre de naviguer dans les séquences
Créer 3 séquences que vous nommerez "bienvenue", "mon_cv" et "me contacter"
Dans la séquence "bienvenue" créer 3 boutons arrondis, dégradés en forme d'onglet
Voir les tutoriaux "port_folio.html" et "bouton_simple.html" pour créer des séquences et des boutons
II) Les boutons
Notre onglet sélectionné, nous allons le convertir en symbole bouton qui nous servira pour les deux autres onglets.
Dupliquez et nommez vos boutons du même nom que les séquences (panneau de la bibliothèque et clic droit sur le bouton pour le dupliquer)
II) Les actions de bouton et d'image
Nous allons créer les actions de navigations sur nos boutons pour naviguer d'une scène à l'autre avant de copier les boutons dans chacune des scènes
Bouton "bienvenue"
on (release) {
gotoAndPlay("bienvenue", 1);
}
Bouton "mon_CV"
on (release) {
gotoAndPlay("mon_cv", 1);
}
Bouton "contact"
on (release) {
gotoAndPlay("me contacter", 1);
}
Pour copier "Ctrl + C" une sélection d'objets d'une séquence vers l'autre et coller au même endroit "Ctrl + Maj / Shift + V "
III) Personnalisation des séquences
Maintenant, à vous d'habiller chacune des séquences "bienvenue", "mon_cv" et "me contacter"
Sur un nouveau calque au dessous des boutons :
1) "bienvenue"
Une page de présentation de votre prestation, dans notre exemple nous avons choisi la carte d'un décorateur.
Apportez un soin particulier à la présentation "logo", "typographie", "graphisme" et "mise en page".
2) "mon_cv"
Des exemples de vos compétences, quelques images et l'explicatif de vos prestations.
Dans notre exemple nous avons disposé quelques images des prestations. Si vous voulez personnaliser avec vos images, c'est encore mieux.
3) "contact"
L'adresse, le téléphone, le fax, le mail
Pour le mail nous allons créer un bouton dont l'action ouvrira automatiquement la messagerie
L'action sur le bouton d'e-mail
on (release) {
getURL("mailto:jmd@wanadoo.fr");
}
IV) La navigation
Vos boutons/onglets sont placés sur les trois séquences, un petit détail pour faciliter la lecture sera d'ajouter un soulignage sous chaque bouton respectif de la séquence
V) Exporter l'animation
Menu du haut > Fichier > Exporter > Exporter l'animation ou "Ctrl + Maj/Shift + Alt + S
Pour que le bouton de mail fonctionne il faut obligatoirement que le fichier soit lu dans un navigateur, une fois votre animation créée, glissez-la dans une fenêtre d'un navigateur internet
