1 formation camtasia / speechi création de tutoriaux vidéos, de démonstrations de logiciels et de...
TRANSCRIPT
1Formation Camtasia / Speechi
Création de Tutoriaux vidéos, de démonstrations de logiciels et de supports de cours multimédia.
Camtasia:Enregistrement vidéo, montage vidéo et publication web
Speechi:Barre d'outil sous Powerpoint, publication Flash pour le web
Eric [email protected]
mai 2005
2Camtasia : Introduction
Logiciel Camtasia:
•Enregistrement de l’activité de l'écran, des commentaires ainsi que l’audio du système, paramètres de capture
•Edition du résultat de la capture: zoom d'écran, mise en valeur (légendes et zones de texte) et ajout de zones interactives, suivant un timing précis (montage vidéo)
•Publication sous divers formats: vidéo, Flash, CD-ROM
http://www.techsmith.com/http://www.techsmith.com/
3Camtasia : Enregistrement
Vue compacte
Vue Standard
Actions de mise en valeur durant l'enregistrement
Les options d'enregistrementMenu : View
Barre d'annotations
Barre du pointeur
Barre de zoom
Date Légende Stylo (raccourcis)
Aucun pointeur
Pointeur visible
Options de mise en valeur
4
Les options d'enregistrementMenu : Tools - Options
Camtasia : Enregistrement
• Choix du Codec de compression de TechSmith
• Compression maximale
• Pas de compression Audio (elle se fera lors de la publication)
Onglet AVI (vidéo)Onglet AVI (vidéo)
5
Onglet FileOnglet File
Les options d'enregistrementMenu : Tools - Options
Camtasia : Enregistrement
Onglet Hotkeys (raccourcis)Onglet Hotkeys (raccourcis)
6
Onglet CaptureOnglet Capture
Les options d'enregistrementMenu : Tools - Options
Onglet ProgramOnglet Program
Réduction dans la barre des tâches durant l'enregistrement
Camtasia : Enregistrement
7Camtasia : Enregistrement
1ier enregistrement
Stylo (raccourcis F11)
Conditions: Plein écran (Screen), fenêtre d'une application (Window), ou une zone de l'écran (Region ou Fixed Region)
mobile
Contrôles enregistrement:
F9 : enregistrement
F9 : pause
F10 : fin
F11 : stylo marqueur
CadreStabiloEllipseStyloLigneFlèche
Exemple d'application: tutorial Excel, puis enregistrement au format vidéo Windows aviNote : Alt + Tab permet de passer d'une application à l'autre
8Camtasia Studio : Montage vidéo
Environnement de Camtasia Studio
Fenêtre destâches
Fenêtre desclips importés
Banc de montage vidéoTiming
Fenêtre deprévisualisation
Lancement depuis Camtasia
Procédure :
1. Importation d'une vidéo
2. Glisser le clip sur le banc de montage
3. Prévisualisation: play, stop, avance rapide,..
4. Édition – mise en forme
1)
2)
3)
4)
9Camtasia Studio : Montage vidéo
Édition des clips vidéo
[ ]
Enregistrement d'une nouvelle narration
Procédure :
1. Choix de l'option Edit – Voice Narration
2. Ajustement du volume d'enregistrement
3. Position du curseur sur l'échelle des temps
4. Enregistrement automatique sur une nouvelle piste audio (Start Recording)
5. Arrêt de l'enregistrement (Stop Recording)
6. Renouvellement de l'opération, ou quitter (Finished)
1)
2)
3)
4) 5)
6)
10Camtasia Studio : Montage vidéo
Édition des clips vidéo
[ ]
Ajustement du niveau audio
1)
Procédure :
1. Choix de l'option Edit – Adjust Audio
2. Sélection sur l'échelle des temps de la zone temporelle à modifier
3. Choix d'une option de traitement du niveau sonore
4. Renouvellement de l'opération, ou quitter (Ok), éventuellement annuler (Cancel) 2)
Clic de souris au point de départ
Glisser le curseur jusqu'au point de fin
3)
4)
Augmentation progressive depuis 0 Diminution progressive jusqu'à 0 Augmentation du volume Diminution du volume Silence Supprimer
11Camtasia Studio : Montage vidéo
Édition des clips vidéo
[ ]
Annotations de la vidéo
1)
Procédure :
1. Choix de l'option Edit – Callouts
2. Position du curseur sur l'échelle des temps
3. Choisir Add Callout (Ajout d'une annotation)
4. Édition des propriétés de l'annotation: forme, texte, couleur, position, durée, …
5. Édition des annotations
6. Ajout d'une nouvelle annotation, ou fin
[ ] 3)
2)
Un banc de montage Callout est créé
Liste des Callouts
5)
6)
12Camtasia Studio : Montage vidéo
Édition des clips vidéoAnnotations de la vidéo : propriétés
Procédure :
1. Choix de la forme de l'annotation, et de sa couleur (Callout type)
2. Édition du texte, si la forme choisie peut en contenir (police, taille, couleur, etc…)
3. Contrôle de l'apparence (apparition progressive, transparence, …)
4. Position de l'annotation et dimension
5. Prévisualisation
6. Contrôles temporelles: début et durée
1)
2)
3)
4)5)
6)Position : Durée :
13Camtasia Studio : Montage vidéo
Édition des clips vidéo
[ ]
Marque temporelle sous Flash
1)
Procédure :
1. Choix de l'option Edit – Flash Hot Spots
2. Position du curseur sur l'échelle des temps
3. Choisir Add Hot Spot (Ajout d'une annotation)
4. Définir la position et la dimension de la zone réactive
5. Définir le type d'action: pause, aller au temps t1, connecter une URL
6. Suppression d'une marque, nouvelle marque ou finir 2)
3)
4)
5)
6)Rem. : On associe en général à cette zone réactive, une annotation (callouts), afin d'indiquer les choix possibles ou les action à effectuer (ex. clic pour continuer)
Rem. : On associe en général à cette zone réactive, une annotation (callouts), afin d'indiquer les choix possibles ou les action à effectuer (ex. clic pour continuer)
14Camtasia Studio : Montage vidéo
Édition des clips vidéo
[ ]
Zoom sur la vidéo
1)
Procédure :
1. Choix de l'option Edit – Zoom-n-Pan
2. Position du curseur sur l'échelle des temps
3. Choisir Add Zoom-n-Pan key frame (Ajout d'un marqueur pour le zoom)
4. Édition des paramètres du zoom: position, dimension, …
5. En général, on définit une marque de zoom pour un retour à une vue complète!
6. Édition / suppression des marque de zoom
7. Fin, validation
2)
3)
5)
6)
7)
15Camtasia Studio : Montage vidéo
Édition des clips vidéoZoom sur la vidéo : paramètres
Procédure :
1. Choix du type de zoom: zone personnalisée (Custom Zoom Size) ou retour à une vue complète (Show Entire Video)
2. Réglage des positions et taille dans le cas d'une zone personnalisée
3. Alternative: position par 'glisser' d'une zone, et ajustement de la dimension
4. Paramètres de transition de zoom, choisir de préférence Instant (Instantané)
5. Suppression, ou validation
1)
2)
3)
4)
5)
16Camtasia Studio : Montage vidéo
Exportation des clips vidéo
Procédure :
1. Choix de l'option Produce video as…
2. Choix du format vidéo : Windows Media (WMV) streaming media file
3. Puis suivre l'assistant : suivant >
4. Spécifier la dimension de la vidéo (Largest video size)
5. Saisir les informations sur la vidéo
6. Possibilité d'insérer un logo
7. Nom d'enregistrement du fichier, et répertoire
8. … conversion en cours, la durée dépend de la taille vidéo, durée de la vidéo,…
[ ]1)
Format wmv, windows media vidéo (streaming : diffusion vidéo en continu)
2)
3)
17Camtasia Studio : Montage vidéo
Exportation des clips vidéoFormat wmv, windows media vidéo (streaming : diffusion vidéo en continu)
4)5)
18Camtasia Studio : Montage vidéo
Exportation des clips vidéoFormat wmv, windows media vidéo (streaming : diffusion vidéo en continu)
6) 7)
19Camtasia Studio : Montage vidéo
Exportation des clips vidéoFormat Flash, utile pour Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée.
Procédure :
Mêmes étapes que précédemment, une seule fenêtre supplémentaire avant l'étape 4)
• Options d'encodage Flash
20Camtasia : Publication pour le web
2 modes de publications pour le web
Format Flash, Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée.
Format wmv, Windows Media Vidéo (streaming : diffusion vidéo en continu)
Lien hypertexte dans une page HTML:<a href="nom_fichier_video.wmv" target="_blank">Voir la vidéo</a>
21Camtasia : Publication pour le web
Format Flash, Camtasia Theater, conception de menu sous Flash, réalisation d'une application Flash intégrée.
Procédure :
1. Saisir un titre
2. Définir les polices, tailles, et alignements du titre et des chapitres du menu
3. Définition des couleurs
4. Importation des animations Flash, choix de l'ordre, suppression,…
5. Saisi du libellé du chapitre (double cliquer sur celui-ci)
6. Réaliser le menu Flash
1)
2)3)
4)5)
7)
22Camtasia : Publication pour le web
Création automatique d'un répertoire, contenant l'application principale Flash, avec les menus, ainsi que des sous répertoires, avec les diverses animations Flash.
Affichage dans un navigateur (MIE, Netscape,…)
23Speechi : Introduction
Logiciel Speechi:
•Enregistrement de commentaires sur la base d'un diaporama Powerpoint
•Insertion de fichiers ressources de tout format (word, vidéo, Flash,…)
•Publication Flash
http://www.speechi.net/http://www.speechi.net/
24Speechi : Principes
La barre d'outils SpeechiDisponible depuis Microsoft PowerpointProcédure :
1) Configuration
• Saisir un titre, les coordonnées de l'orateur, éventuellement une photo
• Les autres onglets ne seront pas abordés en première approche…
2) Volume du micro
3) Lancement de l'enregistrement
25Speechi : Principes
L'enregistrement du diaporamaLa roue Speechi
Contrôles de l'enregistrement
Choix des couleurs
Choix du pinceau
En Mode Studio, l'enregistrement se fait diapositive par diapositive, chez soi.
En Mode Studio, l'enregistrement se fait diapositive par diapositive, chez soi.
En Mode Conférence, l'enregistrement se fait durant un cours! sur l'ensemble du diaporama.
En Mode Conférence, l'enregistrement se fait durant un cours! sur l'ensemble du diaporama.
Speechi enregistre automatique l'animation Flash, dans un répertoire Speechi de Mes documents, ainsi que les mises à jour, les documents ressources, etc…
Speechi enregistre automatique l'animation Flash, dans un répertoire Speechi de Mes documents, ainsi que les mises à jour, les documents ressources, etc…
Des annotations sont possibles!
Les Modes :
26Speechi : Principes
L'édition du diaporamaLa grille Speechi
Numéro de la diapositiveNuméro de la diapositive
Ajout d'une ressource (Word, Excel, URL, etc…)
Ajout d'une ressource (Word, Excel, URL, etc…)
Ajout d'une ressource vidéo ou FlashAjout d'une ressource vidéo ou Flash
Saisie du titre de la diapositiveSaisie du titre de la diapositive
27Speechi : Jouer le diaporama
Lecture du diaporama
28Camtasia versus Speechi ?
• Extrême facilité de Speechi, aucune prédisposition informatique nécessaire!
• Puissance de Camtasia, pour l'enregistrement d'applications autres que Powerpoint
• A l'avenir, Speechi permettra aussi d'interagir sur d'autres logiciels, avec des annotations, enregistrement d'écran, etc…
• Un avantage également avec le Tableau blanc de Speechi, constitué de capteur sur un vrai tableau de salle de cours, avec enregistrement de l'écriture…
Et d'autres logiciels comparable à Camtasia et Speechi existent, maisil faut faire un choix, adopter l'un d'eux, l'utiliser dans l'ensemble de ces
cours,et publier les cours sur un intranet,
… les étudiants, eux, ont déjà adopté cette forme de publication de cours!