Comment créer des screencasts

Au moins quelques fois par semaine, je suis informé de la manière dont je crée les didacticiels vidéo qui apparaissent sur le site chaque semaine. Je pense que beaucoup d'entre vous ont l'impression que c'est beaucoup plus difficile qu'en réalité. Si je peux le faire, n'importe qui peut le faire. Je vais vous montrer la configuration exacte que j'utilise.

Étape 1: Utiliser un bon logiciel

Si vous avez regardé mes screencasts, vous savez que je permute entre utiliser un Mac et un PC. Le débat interminable Mac / PC est odieux, à mon avis. Les deux plates-formes ont beaucoup à offrir, c'est pourquoi je les utilise côte à côte.

Utilisateurs PC

Le meilleur logiciel de screencast que j'ai pu trouver est Camtasia Studio, de TechSmith. Cela permet non seulement d’enregistrer ET de mettre en pause (ce qui, étrangement, n’est pas proposé par certains programmes), mais vous permet également de modifier la vidéo obtenue, d’ajouter des transitions, de fusionner des vidéos, d’ajouter des titres, etc. étant donné une pléthore de formats vidéo pour écrire. Malheureusement, ce n'est pas gratuit. Cependant, ils fournissent un essai complet de 30 jours de travail. Si vous êtes sérieux dans la création de didacticiels vidéo pour votre blog, il vous suffit de le bifurquer. Ça va se payer assez vite.

Camtasia Studio est magnifique car il a été construit dans le seul but de produire des screencasts. Cela signifie que vous n'êtes pas obligé de gérer autant de frais généraux. Regardons les choses en face, nous ne construisons pas d'énormes films, mais de simples tutoriels! De combien de puissance avez-vous besoin? Si, malgré l'interface facile à utiliser, vous avez encore des questions sur le logiciel, il vous a fourni une formation vidéo de plusieurs heures qui vous explique exactement comment produire vos screencasts. Assurez-vous de regarder ceux-ci.

Des alternatives

Utilisateurs Mac

Lors de l'enregistrement sur mon Mac, j'ai trouvé que iShowU était la meilleure option. Ce n'est pas parfait, mais il offre une interface incroyablement facile à utiliser pour l'enregistrement. Contrairement à Camtasia Studio, iShowU est uniquement destiné à l'enregistrement. Vous devez utiliser un logiciel supplémentaire, tel que iMovie ou Adobe Premiere, pour modifier votre vidéo. Bien que j'aie expérimenté les deux programmes, si je suis honnête, je transfère généralement le fichier .mov sur mon PC où je l'édite avec Camtasia! Que puis-je dire, ça fonctionne.

Des alternatives

Étape 2: Utilisez un micro décent

La plus grande "erreur" commise par la plupart des réalisateurs débutants concerne le choix ou l'absence de microphone de leur choix (comme c'était le cas dans mon cas, au début)! L'utilisation du microphone intégré de votre ordinateur fonctionnera parfaitement pour des vidéos rapides. Toutefois, si vous souhaitez que vos didacticiels soient aussi professionnels que possible, investissez 100 USD dans une clé USB décente. condenseur microphone.

Les mots-clés de cette phrase précédente sont condenseur et décent. Ne laissez personne vous convaincre que vous avez besoin d'un micro à ruban de 1 000 $ pour enregistrer des screencasts simples..

Ce que vous voulez, c'est un bon micro à condensateur USB à 75 $ à 100 $. C'est tout.

Ce que j'utilise



Personnellement, j’utilise un micro Blue USB Snowball que j’ai acheté à Amazon pour environ 85 dollars à l’époque. Certes, la qualité audio de mes screencasts pourrait être bien meilleure! Je pouvais enregistrer dans une salle insonorisée et utiliser un compresseur / limiteur d'une valeur de 5 000 $ pour améliorer la qualité. Bien que cela puisse être nécessaire pour les vidéos VRAIMENT DE HAUTE QUALITÉ, il est tout simplement inutile pour les tuts de vidéos sporadiques que vous allez créer pour vos lecteurs, ou les nôtres.!

En plus de son support intégré, il a l'air soigné à côté de votre bureau. :)

Pourquoi condenseur?

Les microphones à condensateur, bien que plus coûteux, ont une réponse en fréquence beaucoup plus large. Ajoutez à cela le fait qu'ils sont beaucoup plus sensibles au son et vous constaterez qu'ils conviennent parfaitement à l'enregistrement de voix. En fait, sauf dans de rares circonstances, tous les chanteurs de la radio que vous aimez chante à travers un micro à condensateur, mais beaucoup plus cher.!

Ne lésinez pas sur cela. Si vous parcourez Amazon à la recherche d'un microphone, n'achetez pas un microphone sans condensateur. Tu vas le regretter.

Étape 3: résolution

Cette étape dépend fortement de la personne pour laquelle vous enregistrez. Si tous vos lecteurs utilisent des connexions ultra-rapides, vous pouvez vous permettre d’enregistrer à une résolution plus élevée et de l’enregistrer en tant que fichier .mov beaucoup plus volumineux et de haute qualité. Cependant, ce n'est pas le cas pour la plupart. Je vous recommande de commencer par changer la résolution en 1024x768 et d’enregistrer en plein écran.


Apple -> Préférences Système -> Affichages

Étape 4: Paramètres d'enregistrement

Si vous utilisez iShowU, voici les paramètres que je préfère.

  • Qualité audio: haute
  • Taux de trame: 4 ou 5
  • Taille de capture: 1024x768
  • Débit binaire: ne pas dépasser 512kb

Si vous utilisez un autre utilitaire pour enregistrer, ces paramètres seront toujours disponibles. Vous aurez juste à les chercher!

Étape 5: Production de la vidéo

Vous avez terminé l'enregistrement et vous êtes maintenant prêt à exporter le fichier? Généralement, vous aurez le choix entre trois types de fichiers:

  1. .mov
  2. .flv
  3. .m4v

Techniquement, cette dernière option est votre meilleur choix. Cependant, vous constaterez que de nombreux sites d'hébergement de vidéos n'autorisent malheureusement pas le téléchargement de ce fichier. Pour cette seule raison, je produis généralement mes vidéos au format FLV.

Réglages

Les options ci-dessous peuvent être expérimentées un peu. Ce sont ce que je suis venu à préférer:

  • Qualité audio: haute
  • Taux de trame clé: 4
  • Qualité vidéo Environ 75%
  • Débit maximum: 475

Étape 6: Hébergement vidéo

C'est là que la plupart des erreurs sont commises. Trouver un hôte vidéo approprié est primordial. La taille des fichiers pouvant être assez volumineuse, je vous recommande vivement de ne pas les héberger vous-même. Alors que des sites comme screencasts.com proposent un service payant - que j'ai utilisé - je l'ai trouvé trop cher.

Au lieu de cela, j’ai expérimenté avec chaque hôte vidéo: YouTube, Blip, Vimeo, Viddler, etc. Peu importe la qualité de votre enregistrement vidéo, si vous le transférez sur un site comme YouTube (sans payer pour la HD), vous vous allez vous retrouver avec un produit minable. Après avoir comparé la qualité de chacun, j'ai trouvé que Blip.tv fournit facilement la meilleure qualité, par glissement de terrain. D'après ce que j'ai vu, il s'agit essentiellement de WYSIWYG. En outre, ils vous permettent d’avoir un contrôle total sur l’image de marque du lecteur vidéo..

Étape 7: Publiez sur votre blog

La dernière étape consiste à récupérer le code intégré fourni par Blip…

et collez-le dans votre nouvelle publication. Voila!

Inutile de dire que vous pouvez obtenir beaucoup plus avancé que ce que j'ai fait. Les vidéos que je crée ne sont absolument pas géniales. L'audio / transitions / titres pourrait être beaucoup mieux. Cela dit, le travail est bien fait.

Étape 8: Conseils utiles

1. Téléchargement de Blip

2. Apprenez le bouton Pause

Comme vous le constaterez rapidement, il est très difficile de produire du premier coup un didacticiel vidéo parfaitement typé / parlé. Parfois, vous devrez prendre un moment pour reprendre votre souffle et rassembler vos pensées. Pour cette raison, mémorisez le raccourci clavier pour le bouton "PAUSE". De cette façon, si vous êtes confus, vous pouvez prendre un moment pour comprendre quel est le problème - et le spectateur n'en est pas plus sage.!

3. Notes de travail

Aucun de nous n'écrit un code parfait du premier coup. Il faut généralement une douzaine de va-et-vient avant d'être heureux! Avant de créer votre screencast, parcourez le projet une fois auparavant. Ensuite, pendant l’enregistrement, supprimez le code créé précédemment pour réduire le risque d’erreurs insensées..

J'utilise deux ordinateurs côte à côte; donc je garde généralement mon éditeur de code ouvert sur l'autre ordinateur pendant l'enregistrement.

4. Ne supprimez pas chaque erreur

Ce n'est pas parce que vous faites une faute de frappe ou que vous oubliez un point-virgule que vous devez modifier cette section. Les téléspectateurs aiment apprendre à déboguer vos applications! Pensez-vous qu'ils ne commettront pas les mêmes erreurs à un moment ou à un autre? En laissant votre débogage dedans, ils apprendront à faire de même pour leurs projets. Donc, tant que vous ne prenez pas trop de temps, gardez les erreurs!


Donc là vous l'avez. Si vous n'avez jamais créé de didacticiel vidéo auparavant, ces outils vous permettront de faire le travail! Laissez un commentaire avec un lien vers vos screencasts, s’ils s’appliquent au développement Web!

P.S. Je recherche un enseignant et un scénographe talentueux pour créer une nouvelle série de vidéos pour Nettuts +. Si vous en avez les moyens, écrivez-moi et ajoutez un lien vers l'un de vos screencasts. [email protected].

  • Suivez-nous sur Twitter ou abonnez-vous au fil RSS NETTUTS pour plus d'articles et de sujets sur le développement Web quotidiens.