Réaliser des captures vidéo avec Wink

Pour faire des vidéos d'écran, il faut télécharger Wink (gratuit) : Télécharger Wink sur son site officiel



Je vous passe les détails de l'installation, c'est assez simple.
Allez dans Files puis dans Choose Language et sélectionnez French.
Et voilà, Wink est en français ! (Il faut quand même redémarrer Wink pour qu'il prenne en compte les modifications.)

Nous allons commencer à réaliser notre vidéo.
Pour cela, allez dans Fichier puis cliquez sur Nouveau. Vous devez arriver sur cette fenêtre :


Je vous conseille de cocher Cacher la fenêtre Wink pour qu'elle disparaisse et ne vous gêne plus.

Si vous cochez Record Audio, Wink enregistrera ce que vous dites dans votre micro.

Par défaut Clic souris et Saisie clavier sont cochés pour que, quand vous cliquez avec la souris ou tapez avec le clavier, Wink prenne automatiquement une prise d'écran.

Les tailles de prise d'écran

Wink propose plusieurs tailles de prise d'écran :

• Écran : Wink prend tout votre écran ;
• Fenêtre : Wink prend la fenêtre en cours ;
• Zone personnalisée : vous choisissez vous-mêmes la taille de la prise d'écran ;
• 800x600 : Wink ne prend qu'un rectangle de 800x600 pour les prises d'écran ;
• 740x520 : Wink ne prend qu'un rectangle de 740x520 pour les prises d'écran ;
• 640x480 : Wink ne prend qu'un rectangle de 640x480 pour les prises d'écran ;
• 600x400 : Wink ne prend qu'un rectangle de 600x400 pour les prises d'écran ;
• 512x384 : Wink ne prend qu'un rectangle de 512x384 pour les prises d'écran ;
• 400x300 : Wink ne prend qu'un rectangle de 400x300 pour les prises d'écran ;
• 1024x768 : Wink ne prend qu'un rectangle de 1024x768 pour les prises d'écran.

Je vous conseille de prendre Écran pour votre première fois.
Cliquez sur OK et vous arrivez sur une fenêtre qui vous explique les raccourcis claviers. Pour prendre une prise d'écran avec Wink, vous devez appuyer sur le bouton pause de votre clavier (il est en rouge sur l'image).



Cliquez sur Réduire dans la barre d'icônes et Wink disparaitra ici :



À chaque fois que vous prenez une prise d'écran, l'icône de Wink clignote.
Une fois que vous avez terminé votre série de prises d'écran, faites un clic droit sur l'icône de Wink et faites Terminer la session de capture.

Vous devez vous retrouver avec quelque chose comme ça :



Image sélectionnée en taille réelle.
Toutes les images (miniatures ou frames).

Comme vous l'avez peut-être remarqué, le pointeur est grisé pour qu'on ne le confonde pas avec le vrai.

La capture chronométrée

Vous vous en rendrez compte très vite : il peut être très embêtant de devoir prendre manuellement chaque capture, de ne pas pouvoir les prendre automatiquement à une fréquence donnée... C'est pour résoudre ce problème que Wink dispose d'une fonction très utile nommée capture chronométrée.

En activant la capture chronométrée, au lieu de devoir prendre des prises d'écran régulièrement, Wink prend les prises automatiquement pour vous à une certaine fréquence. Ainsi, pour créer une vidéo montrant comment utiliser un logiciel, vous aurez juste à utiliser ce logiciel normalement, tandis que Wink prendra des prises d'écran de toutes vos actions. Pratique, non ?

Vous voulez savoir comment faire ? Pour commencer, créez une nouvelle vidéo (Fichier > Nouveau) :



Dans la fenêtre qui apparaît, il y a un champ nommé Délai de la capture chronométrée où vous pouvez rentrer un nombre ainsi qu'une fréquence. Cela détermine le nombre de frames (c'est-à-dire d'images, de prises d'écran) qui seront faites par seconde/minute/heure en mode capture chronométrée. Par défaut, 4 frames par seconde sont prises. Cela signifie donc qu'en 2 secondes, vous aurez 8 frames, en 3 secondes, 12 frames, etc. Mais libre à vous de changer le nombre de frames et leur fréquence de prise (seconde, minute ou heure).

Une fois la fréquence de prise paramétrée, commencez votre vidéo normalement. Cependant, au lieu d'appuyer sur Pause à chaque fois que vous voulez prendre une frame, dès le départ, appuyez une fois sur Shift + Pause pour commencer la capture chronométrée. Ensuite, faites ce que vous voulez à l'écran (démonstration d'un logiciel, animation, etc). Durant tout ce temps, des prises d'écran seront faites à la fréquence précédemment indiquée. Une fois votre démonstration finie, appuyez à nouveau sur Shift + Pause pour arrêter la capture chronométrée (les prises d'écran ne seront plus prises automatiquement). Enfin, arrêtez la séance de capture (clic droit sur l'icône de Wink puis Terminer la session de capture).

Et voilà le travail ! Vous vous rendrez compte que vous vous retrouverez avec un nombre beaucoup plus conséquent de frames, mais que votre vidéo finale sera continue.

Vous vous croyez au bout de vos surprises ? Eh bien non, Wink vous en réserve un paquet !

Les "TextBox"

Dans le menu de droite, il y a une petite bulle avec "abc" écrit à l'intérieur (). Cliquez dessus ; une zone de texte jaune devrait apparaître. Placez-la où vous voulez et redimensionnez-la. Sélectionnez votre zone de texte et, toujours dans le menu de droite, sélectionnez la petite bulle blanche ().


Vous avez le choix entre plein de styles de TextBox différents !

Les pointeurs

Sélectionnez votre pointeur, et, dans le menu de droite, cliquez sur cette icône : .
Vous avez maintenant le choix entre plein de pointeurs !

Rajouter une image

Vous pouvez rajouter une image sur votre vidéo en cliquant sur cette icône : .

Rajouter un lien

À la fin de votre tutoriel, vous pouvez mettre un lien (vers l'accueil de votre site, par exemple) grâce à cette icône :
Le lien apparaîtra sous forme de bouton, mais si vous sélectionnez le lien et que vous allez dans Properties (toujours dans le menu de droite), vous verrez une icône de paysage (la même que pour rajouter une image) qui vous permettra de choisir à quoi ressemble votre lien.

Rajouter des formes géométriques

Grâce à Wink, vous pouvez rajouter des formes géométriques grâce à cette icône : .

En passant du cercle au rectangle, du fin au gras, sans oublier les nuages, vous pourrez faire tout ce que vous voulez.

Précédent - Suivant

Grâce aux boutons Précédent - Suivant (), vous pouvez obliger votre lecteur à cliquer sur les boutons pour continuer.
Exemple : quand vous mettez un TextBox, celui qui regarde la vidéo n'aura pas forcément le temps de lire votre message, alors que si vous mettez un bouton Précédent - Suivant sur l'image de votre TextBox, la vidéo s'arrêtera dessus et ne continuera pas tant que celui qui regarde la vidéo n'aura pas appuyé sur le bouton suivant !
Pratique !
Mais peut-être que vous trouvez les boutons par défaut moches (je vous comprends ) ; il suffit d'aller dans Properties et de sélectionner le bouton image () pour les changer.

Rajouter un lien vers une de vos images

Vous pouvez rajouter un lien (vers le début du tutoriel, par exemple) en cliquant sur le bouton , vous devez arriver sur cette fenêtre :



Les chiffres à gauche sont les numéros de vos captures, et à droite, un aperçu de la capture sélectionnée vous est donné. Une fois choisie l'image vers laquelle votre lien amènera, cliquez sur OK. Comme d'habitude, un gros bouton vert pas très beau apparaît ; si vous voulez le changer, utilisez la même technique que pour les boutons Précédent - Suivant.

Voir le rendu

Pour voir le rendu, il suffit de cliquer sur (pour générer la vidéo). Une nouvelle fenêtre s'offre alors à vos yeux ébahis :



Dans Nom du fichier, indiquez le nom de votre fichier , dans Type du fichier, je vous conseille de laisser .swf, vous pouvez aussi choisir les mouvements du curseur (lissé, brut ...). Mais une fonctionnalité que je trouve particulièrement intéressante, c'est le fait de pouvoir totalement personnaliser la barre de progression : Dans Ajoutez une barre de contrôle à l'animation --> Choisir. Une nouvelle fenêtre s'ouvre :


Comme vous le voyez, quelques thèmes sont déjà là par défaut, si vous voulez créer votre propre thème, cliquez sur Nouveau. Wink vous demande le nom de votre thème, puis une nouvelle fenêtre s'ouvre. Indiquez une image pour chacun des modes demandés par Wink (lecture, pause, barre de progression). Si vous voulez personnaliser l'animation de pré chargement, c'est à peu près la même chose.
Une fois toutes ces manipulation faites, cliquez sur pour voir la vidéo.
Trois fichiers sont alors générés : "lenomdufichier.js", "lenomdufichier.swf" et "lenomdufichier.html". N'en supprimez aucun car la vidéo ne fonctionnerait plus sans ça.

Le format de sortie

La vidéo est générée en .swf ou en.exe (au choix) Donc si vous voulez que votre vidéo soit en .avi, il vous faudra utiliser un autre logiciel comme Camstudio (logiciel que je trouve moins pratique que Wink, surtout au niveau des TextBox)

Spécifier le temps passé sur une frame

Parfois, vous aurez besoin de demander à Wink de passer plus de temps sur une frame, par exemple d'y passer 10 secondes pour que l'utilisateur ait bien le temps de voir l'image en question. Pour cela, sélectionnez une frame puis spécifiez un nombre de secondes dans le champ Temps d'attente sur cette Frame situé juste au-dessus du menu de droite.