Vous êtes ici : Accueil Support Documentation Tutoriels Réaliser un tutoriel vidéo

Réaliser un tutoriel vidéo

Note: Ceci est une impression contenant toutes les pages du Tutoriel sur une seule page. La version paginée est disponible ici.

Réaliser un tutoriel vidéo à l'aide du logiciel Wink. Ce document n'est pas un tutoriel complet mais contient des conseils de paramétrage et d'utilisation

Installation de l'outil

 

Vous trouverez le logiciel Wink sur le site officiel.

Il s'agit d'un logiciel gratuit multiplateforme. Cependant la version la plus récente (2.0 build 1060) n'est disponible que sous Windows.

Le logiciel inclut deux tutoriels accessibles via le menu Aide.

Pour faire passer l'interface du logiciel en français: > File > Choose language

D'autres tutoriels en français peuvent être trouvés via Google !

Des addons spécifiques au projet sont disponibles sur le svn dans la section "documents/doc-videos/1-wink-addons" (images de fond, boîtes texte, modèles, ...)
 

Capture

Paramétrage de la capture

Commencer une capture

En cliquant sur > Fichier > Nouveau  ou sur l'icône "Nouveau Projet".

La fenêtre suivante apparaît:

 

Afin de pouvoir utiliser un cadre de taille fixe autour de chaque tutoriel vidéo, il est nécessaire de fixer la taille de la zone capturée à 800x600.

Pour cela, effectuer les opérations suivantes:

  1. Réduire la taille de la fenêtre à capturer, dans notre cas Firefox, à environ la taille 800x600
  2. Revenir à Wink et cocher "Cacher la fenêtre Wink"
  3. Sélectionner à la place de la valeur "Ecran" la valeur "Fenêtre", cliquer sur le bouton "Choisir", déplacer la souris à l'intérieur de la fenêtre à capturer et quand il s'agit du bon cadre sélectionné, faites un clic de souris.
  4. Ensuite remplacer la valeur "Fenêtre" par "Rectangle 800 x 600". Ne plus toucher au cadre vert qui apparaît afin de ne pas changer sa taille
  5. Modifier la taille de la fenêtre à capturer en sélectionnant le coin inférieur droit et en le positionnant correctement pour que l'intérieur du coin inférieur droit de la bordure verte soit positionné dans le coin inférieur droit à capturer.
  6. Cliquer maintenant sur le bouton "OK" de la fenêtre Wink afin de commencer la capture

 

Modes de capture

La position de la souris est enregistrée pour chaque frame capturée. Si elle change entre deux frames, Wink simulera un déplacement de la souris. Attention donc à ne pas bouger la souris sans raison !

De manière générale, la capture manuelle est privilégiée. A chaque utilisation de la touche "Pause", la frame actuelle est capturée. 

 

Afin de capturer correctement un clic souris, il faut:

  1. Faire une capture manuelle avec la souris positionnée à l'endroit où va se faire le clic (sur un menu ou un bouton par exemple)
  2. Cliquer en gardant le clic enfoncé et refaire une capture
  3. Refaire une capture de la nouvelle page (résultat du clic) après chargement complet
 
 

Montage de la vidéo

Paramétrage, génération

Cadre autour du tutoriel

Afin d'entourer la vidéo d'un cadre incorporant le logo du projet et un emplacement pour les boutons, il faut:

  1. sur le premier cadre, cliquer sur le bouton avec une image (situé à droite dans les propriétés des frames, à côté du libellé "Arrière-plan"
  2. choisir une image adaptée qui pourra former un cadre
  3. positionner ensuite la frame en sélectionnant l'objet Frame en haut à droite et en lui donnant a position 10 10 un peu plus bas

Temporisation

Pour éviter que les frames ne défilent trop vite, il est nécessaire de définir le temps d'attente sur chaque frame (valeur en haut à droite).

Il est possible de définir cette valeur pour plusieurs frames en même temps. Pour cela il faut auparavant sélectionner les frames, une à une avec la touche "CTRL" ou de la première à la dernière avec la touche "SHIFT". 

En général, on peut commencer par définir un temps de 1 seconde pour toutes les frames.

Pour les frames qui correspondent à l'introduction de caractères, le temps conseillé est de 0,3 secondes.

 

Génération de la vidéo

 Lors de la génération de la vidéo, il suffit de laisser les paramètres par défaut, notamment le déflement des frames à 20.

 

Modèles

Ajout et utilisation des modèles

Création d'un modèle

Il est possible d'enregistrer sous forme de modèle toutes les opérations réalisées manuellement dans Wink.

Lors de la création d'un modèle, il faut essayer de réduire l'enregistrement au plus petit nombre d'opérations possible afin de créer des modèles plus basiques qui auront chacun une fonction précise (par exemple ajouter un cadre, ajouter une page de garde, ...)

Afin de créer un modèle, il faut:

  1. Redémarrer Wink afin d'enregistrer uniquement les opérations du modèle
  2. Ouvrir un modèle qui contient le nombre minimum nécessaire de frames
  3. Effectuer les opérations à enregistrer
  4. Via le menu "Projet", choisir "Enregistrer le modèle du projet"
  5. Dans la fenêtre qui apparaît, choisir uniquement le type d'actions à garder dans le modèle (celles que vous avez réellement effectuées)
  6. Choisir un nom explicite

 

Utilisation d'un modèle

Le modèle sera appliqué au projet.

Via le menu "Projet", choisir "Appliquer le modèle" et sélectionner celui désiré