Créer un magazine vidéo interactif en Flash

Lire le TutoVideo

 

Avec Flash CS3 créons un magazine interactif consacré au cinéma: événements synchronisés sur la vidéo, navigation etc.

Visionner ce TutoVideo  
Télécharger ce TutoVideo  
Profil du formateur Sébastien Gaillard Sébastien
Gaillard

 

  Durée : 22 minutes Résolution 1024x768


Ce tuto en détail

Comment préparer sa vidéo, lui ajouter des cuepoints, intégrer la vidéo dans Flash CS3 pour la rendre interactive avec des objets vidéo ?

Dans ce tutorial vidéo nous allons voir les méthodes de travail pour réaliser un magazine vidéo interactif dans Flash CS3. Aucune  connaissances de Flash ou en code ne sont nécessaires. L'interactivité concernera des images et des textes créés dans Flash et qui seront lus en synchronisation à certains moments de notre vidéo (montée et préparée dans Premiere Pro CS3), des boutons de navigation pour accéder aux différentes rubriques du magazine vidéo, à la manière de chapitres d'un DVD.

Nous verrons comment préparer notre vidéo dans Premiere Pro CS3, l'exporter en flv, puis la rendre interactive dans Flash CS3 sur la base d'un modèle de projet.

Nous prendrons comme exemple un magazine hebdomadaire consacré au cinéma.

 

 
Sommaire

Objectifs du tutorial

Premiere Pro CS3: le point sur notre montage

Premiere Pro CS3: chapitrage du magazine

Premiere Pro CS3: export FLV

Notre modèle de projet Flash

Flash CS3: Gérer sa vidéo dans le projet

Flash CS3: Les CuePoints pour les chapitres

Flash CS3: Chemin vidéo et aperçu de la programmation

Flash CS3: Le principe de l'interactivité de ce mag.

Photoshop CS3 et Flash CS3: Personnaliser les affiches

Export du magazine au format Flash

Mise en ligne et Conclusion 

 

Tags



Sébastien Gaillard

- Formateur Consultant, Journaliste et Monteur

 
Voir le Profil Détaillée de Sébastien Gaillard

Domaines d'expertise : Logiciels Vidéo Adobe - Flux de Production vidéo numérique - CMS Joomla

Sébastien Gaillard intervient pour des grands comptes (notamment pour des Chaînes de TV) comme consultant et formateur dans le domaine du flux de production vidéo numérique. Rédacteur en chef du Repaire, il collabore par ailleurs aux revues Camera Video et Sonovision. Il travaille depuis dix ans comme réalisateur, graphiste et monteur.

Voir son Profil détaillé

 
Site Perso

 

Lecture plein écran

Selon votre résolution d'affichage, la page du player du TutoVideo peut apparaître avec des barres de défilement.

bouton de lecture en plein écranRendez-vous en bas de la page, survolez la vidéo pour faire apparaitre la barre de lecture et cliquez sur le bouton plein écran, vous disposerez ainsi d'un bon confort de visionnage.

Cliquez sur Esc pour quitter le plein écran.

 

Liste des chapitres

bouton playlistCliquez sur le bouton stop pour afficher la liste des chapitres, puis cliquez sur celui de votre choix.

 

La barre de lecture

Au lancement du visionnage d'une vidéo, celle-ci s'ouvre dans une nouvelle fenêtre de votre navigateur.

La barre de contrôle s'affiche par dessus la vidéo et disparait après quelques secondes.

Lecture et Pause avec le bouton ou par clic sur la vidéo

player-tutovideo-lecture-playlist-chapitres Utilisez le bouton stop pour afficher la liste de tous les chapitres, puis cliquez sur le titre du chapitre de votre choix pour le lancer.
Passez directement au chapitre précédent ou suivant avec les flèches.

player-tutovideo-plein-ecran Sur la droite se trouve le bouton de lecture en plein écran, et le contrôle du volume. Pour quitter le plein écran appuyer sur la touche Echap (ou Esc) de votre clavier.

[Un Problème ? -> Aide complète]

 

Envoyez nous votre avis sur ce tutorial

Ajouter votre commentaire

Votre nom:
Sujet:
Commentaire: