CATALOGUE Code & Data Apprendre Flash CS5 Ajouter de l'interactivité à une bannière animée en Flash

Ajouter de l'interactivité à une bannière animée en Flash

Ajout de l'interactivité (hyperlien)

Vidéo non disponible ! Réessayez plus tard

8h 6min

87 leçons

Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

8h 6min

87 leçons

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Rendre une bannière animée interactive avec Flash

Objectifs

Les objectifs de cette vidéo sont de :

- Apprendre à créer un bouton transparent dans Flash.

- Intégrer des comportements interactifs dans une animation.

- Configurer une redirection vers une URL à partir d'une bannière.

Résumé

Dans cette leçon, apprenez à ajouter de l'interactivité à une bannière animée en Flash en utilisant un bouton transparent qui couvre toute la surface du document.

Description

Pour ajouter de l'interactivité à une bannière animée en Flash, suivez ces étapes :

1. Création du bouton : Utilisez le calque mis de côté pour dessiner un rectangle couvrant la surface du document.

2. Conversion en symbole : Sélectionnez le rectangle et convertissez-le en symbole de type bouton, nommez-le 'lien'.

3. Prolongation sur toute la séquence : Ajoutez une image à la fin de l'animation pour prolonger l'objet bouton.

4. Rendre le bouton transparent : Accédez à la structure du symbole et définissez une zone cliquée uniquement visible dans la partie réactive.

5. Définition du lien : Donnez un nom d'occurrence au bouton et ajoutez un comportement de redirection vers une URL via la fenêtre des fragments de code.

En publiant l'animation, le bouton sera invisible mais entièrement opérationnel pour rediriger les utilisateurs vers une page web spécifique.

Questions - réponses

Pourquoi doit-on prolonger le bouton sur toute la durée de l'animation ?

Pour permettre à l'utilisateur de cliquer sur la bannière à n'importe quel moment pendant l'animation.

Quelle est l'importance de rendre le bouton transparent ?

Rendre le bouton transparent permet de couvrir toute la bannière sans altérer son aspect visuel tout en permettant l'interaction.

Comment ajouter un comportement de redirection à un bouton dans Flash CS5 ?

On utilise la fenêtre des fragments de code pour ajouter un comportement prédéfini comme 'cliquer pour atteindre la page web'.

Programme détaillé

Accueil de la formation

Module 1 - Introduction

Le mot d'Arzhur Caouissin 00:42

Module 2 - PARTIE 1 : FONDAMENTAUX DE FLASH CS5

Module 3 - Présentation de Flash CS5 (Nouveautés)

Ergonomie et terminologie de Flash CS5 01:46

Gestion d'un document Flash CS5 04:10

Gestion du nouveau format XFL 04:41

Module 4 - Configurer une interface

Propriétés d'un document Flash 03:15

Importer un document Photoshop avec Tuto Flash CS5 07:54

Importer un document Illustrator 05:12

Importer un document InDesign 06:54

Gestion des calques avec Tuto Flash CS5 05:37

Les bibliothèques avec Tuto Flash CS5 04:38

Module 5 - Utiliser les outils graphiques

L'outil plume avec Tuto Flash CS5 07:10

L'outil déco avec Tuto Flash CS5 06:52

Les symboles clips et les propriétés 05:55

Les symboles boutons et l'interactivité 05:43

Les symboles graphiques 01:50

Module 6 - Animer avec le scénario

Quelques règles d'animation 02:45

L'interpolation classique 09:00

L'interpolation de forme 05:21

L'interpolation de mouvement 03:12

L'éditeur de mouvement 04:56

Dupliquer et modifier une animation 02:59

Les accélérations 03:14

Module 7 - Réaliser une bannière publicitaire cliquable (Nouveautés)

Utilisation des modèles Flash 02:17

Personnalisation des modèles et animation 09:35

Ajout de l'interactivité (hyperlien) 06:50

10 techniques cruciales d'optimisation de bannières 10:07

Module 8 - Réaliser un menu déroulant (Nouveautés)

Utilisation du modèle fichier d'exemple 02:29

Personnalisation du menu 05:58

Gestion de l'interactivité du menu 03:10

Personnaliser l'animation à l'aide de la classe Tween native 07:52

Module 9 - Réaliser une présentation avec transitions animées (Nouveautés)

Utilisation du modèle de présentation avancé 04:07

Personnalisation du modèle avancé 06:48

Gestion de l'interactivité de la présentation 04:10

Gestion de l'interactivité au sein de chaque écran 13:19

Module 10 - Réaliser une interface interactive avec afficher/masquer les contenus (Nouveautés)

Organiser le document pour afficher/masquer les contenus 04:17

Utilisation du comportement afficher/masquer les contenus 04:04

Personnalisation des actions liées à l'affichage des contenus 02:25

Module 11 - Contrôler la navigation dans le scénario (Nouveautés)

Organiser le document pour une navigation dans le scénario 06:52

Utilisation des comportements pour naviguer dans le scénario 05:30

Personnalisation des actions liées à la navigation dans le scénario 04:11

Module 12 - Réaliser un panoramique

Le composant ScrollPane 05:37

Le composant Slider 02:22

Personnalisation des actions pour le composant Slider 15:38

Module 13 - Réaliser une galerie de photos

Le composant UILoader (Chargeur) 02:21

Le composant TileList (Grille) 03:27

Programmer des liaisons entre UILoader et Tilelist 06:48

Utilisation du modèle Lecteur de médias avancé 02:15

Personnalisation du modèle Lecteur de médias avancé 06:05

Module 14 - Réaliser une zone de texte défilant

Le composant UIScrollBar (Barre d'acsenseur) 03:19

Module 15 - PARTIE 2 : TECHNIQUES AVANCEES

Module 16 - Automatiser les tÃ¢ches (Nouveautés)

Le préselecteur de mouvements 10:37

Personnaliser et partager les mouvements 01:47

Simplifier la programmation d'un menu avec la propriété target 05:31

Personnaliser et partager les fragments de code (coder un menu type) 04:29

Module 17 - Mettre en forme le texte TLF avec chaînage et textes en colonnes multiples

Rappel des propriétés du texte classique 08:25

Les propriétés du texte TLF (Text Layout Framework) 12:15

Gestion du moteur embarqué pour les textes TLF 03:08

Chaînage du texte 06:35

Gestion des colonnes de texte 01:39

Gestion de la typographie 01:59

Résolution des erreurs de localisation de la classe SWZ 03:00

Module 18 - Réaliser une carte géographique interactive et animée en 3D

Gestion du symbole bouton 02:54

Création d?événements réactifs et animés avec le symbole bouton 03:27

Création de boutons statiques l'aide de MovieClips 08:08

Création de boutons animés à l'aide de MovieClips 04:47

Gestion de l'animation dans un espace 3D 06:18

Module 19 - Réaliser un livret 3D

Organisation du livret 18:35

Animation du livret 13:02

Navigation dans le livret 03:56

Module 20 - Faire tourner une planète texturée

Réalisation d'une texture répétée avec Photoshop 04:49

Mise en forme du volume texturé 13:39

Interactivité sur la planète 11:26

Module 21 - Réaliser un jukebox vidéo (Nouveautés)

Lecture et contrôles d?une vidéo 11:56

Gestion de l'affichage en plein écran 02:19

Ajouter des CuePoints 09:11

Module 22 - Réaliser un jukebox audio (Nouveautés)

Lecture et contrôles d?une séquence audio 04:36

Déplacer à l'aide de la méthode StartDrag() 12:38

Gestion des sons multiples 03:27

Gestion des sons terminés 02:13

Module 23 - PARTIE 3 : IMPORTS, EXPORTS ET PUBLICATION

Module 24 - Importer dynamiquement des médias

Importer un livre animé au format SWF de InDesign (pageFlip) 07:25

Réaliser une jauge de chargement personnalisée 07:45

Supprimer entièrement un contenu chargé 01:03

Module 25 - Publier vers différents supports

Publier un exécutable Mac ou Windows 02:24

Publier pour les mobiles, smartPhones et iPhones 02:39

Publier un contenu alternatif à Flash avec SWFObject2 05:05

Module 26 - Mettre en ligne

Intégrer son site dans Dreamweaver 04:18

Publier son site sur le Web et effectuer des mises à jour 02:35

Module 27 - Conclusion

Conclusion avec Tuto Flash CS5 00:45