Comment créer des micro-screencasts avec GIF Brewery

Quand on pense aux GIF, la première chose qui me vient à l’esprit n’est probablement pas un outil formidable pour améliorer la productivité et la collaboration. Dans ce tutoriel, je vais briser cette notion et vous montrer comment créer des screencasts minuscules, de quelques secondes, au format GIF, qui pourraient bien changer votre façon de travailler..

Pourquoi les GIF

Popularisés au milieu des années 90, les GIF animés sont rapidement devenus emblématiques du début de l'internet. Le format permet d'afficher plusieurs images successivement, créant ainsi un petit film. Alors que leur popularité a pris de l'ampleur à mesure que le Web mûrit, le format a récemment connu une renaissance dans de nombreuses communautés Internet..

Le format GIF animé moyen est court, sa taille est de quelques kilo-octets et il est visible presque partout. Comparez cela au monstre qui est presque tous les formats vidéo et il est facile de voir l'attrait de l'humble GIF.

Avec ces avantages et bien d’autres encore, de nombreuses personnes utilisent les fichiers GIF pour créer les micro-screencasts mentionnés précédemment. La beauté de ces screencasts est qu’ils aident à illustrer un concept unique plus clairement qu’un tas de captures d’écran. Ces micro-screencasts peuvent constituer un puissant outil de collaboration pour les concepteurs, les développeurs et les instructeurs de tous types..

Screencast

Enregistrement du screencast

Notre première tâche sera de créer le screencast lui-même. Bien que cela puisse absolument être accompli avec une application plus puissante telle que ScreenFlow, pour ces micro-screencasts, la fonctionnalité d'enregistrement d'écran intégrée de QuickTime servira à merveille nos objectifs..

Vous pouvez enregistrer votre plein écran ou une seule région spécifiée.

Tout d'abord, ouvrez Lecteur Quick Time. Ensuite, accédez à Fichier et choisir Nouvel enregistrement d'écran. En cliquant sur le carat inférieur à droite du bouton d’enregistrement, vous verrez une liste de paramètres avancés.. 

Le GIF final ne contient pas de son, vous pouvez donc aussi bien sélectionner Aucun comme votre micro. Dans cette boîte de dialogue des paramètres avancés, vous avez également la possibilité de Afficher les clics de souris dans l'enregistrement. Cela mettra en évidence les clics de souris dans votre enregistrement. Personnellement, je pense que c'est un excellent ajout à la plupart des micro-screencasts, mais n'hésitez pas à l'essayer et à vous décider. 

Maintenant que vous avez fini de configurer votre enregistrement, appuyez sur le bouton Record bouton vous donnera deux dernières options. 

  1. Vous pouvez choisir d’enregistrer tout l’écran en cliquant n’importe où sur l’écran ou 
  2. pour enregistrer une région prédéfinie de l’écran en faisant glisser votre souris, tout comme pour sélectionner des fichiers sur le disque. Bureau

Encore une fois, bien que ce soit une question de préférence personnelle, j’ai tendance à n’enregistrer qu’une région prédéfinie pour ces micro-screencasts..

QuickTime comprend un éditeur simple qui vous permettra de couper votre screencast.

Avec l’enregistrement en cours, assurez-vous de le garder bref, direct et direct. Le screencast GIF que je vais vous montrer comment faire dans les étapes suivantes fonctionne mieux si vous ne dépassez pas quatre ou cinq secondes de longueur. 

Une fois terminé, appuyez sur le bouton Arrêtez bouton dans votre barre de menu. Comme je le disais, chaque seconde compte, c'est donc une bonne idée de couper la dernière seconde environ, lorsque vous cliquez sur le bouton Arrêtez bouton éteint, de la fin de votre screencast. Pour accomplir cela dans QuickTime, allez à modifier dans la barre de menus et sélectionnez Réduire

Cet éditeur très basique fonctionne à peu près de la même manière que sur l’iPhone: faites glisser les poignées jusqu’à ce que votre écran ait atteint la longueur parfaite et appuyez sur Réduire. Si vous avez besoin d’un contrôle plus fin du découpage, l’agrandissement de la taille de la fenêtre QuickTime vous permettra de. 

Maintenant que vous avez créé votre screencast, enregistrez-le en allant à Fichier, dans la barre de menus et en choisissant sauvegarder.

Conversion du Screencast au format GIF

Maintenant que vous avez pris en charge l'enregistrement de base, il est temps de le convertir en un fichier GIF animé. Pour ce faire, le meilleur moyen consiste à utiliser un utilitaire petit mais puissant, disponible sur le Mac App Store, appelé Brasserie GIF

Une fois installé, ouvrez Brasserie GIF. Vous serez maintenant invité à ouvrir un fichier. Choisissez le screencast que vous venez de créer dans QuickTime et cliquez sur Ouvrir

Dans l'interface d'édition principale, vous serez submergé d'options vous permettant de peaufiner à peu près tous les aspects du GIF. Heureusement, cela consiste en grande partie à reproduire la fonctionnalité fournie dans Quick Time, y compris des options pour rogner et découper votre vidéo. Bien que vous n'ayez pas à vous soucier de cela, si vous avez enregistré le plein écran, c'est une bonne idée d'envisager de redimensionner le GIF.. 

Bien que l’application soit techniquement capable de créer des fichiers GIF avec des résolutions de la taille d’un bureau, elle ne sera probablement pas jolie. Pour ce faire, accédez à la barre de menus, choisissez GIF et alors Redimensionner simple… . Si le redimensionnement a pour règle de faire glisser le curseur jusqu'à environ 50%, il n'est jamais mauvais de jouer jusqu'à ce que vous trouviez ce qui fonctionne le mieux..

Choix des paramètres d'exportation appropriés

Nombre de cadres et Retard du cadre peut être défini manuellement ou automatiquement dans GIF Brewery.

Une fois que la capture vidéo a atteint la taille souhaitée, vous pouvez commencer par modifier les paramètres d’exportation du fichier GIF final. Ceci est un processus notoirement délicat, donc une certaine tolérance pour les essais et erreurs sera nécessaire. 

Pour commencer, choisissez Propriétés GIF dans la barre d'outils de l'application. Bien qu’il soit possible de régler manuellement le Nombre de cadres et Retard du cadre, Je recommande de laisser Brasserie GIF faites-le pour vous en cochant la case Calculer automatiquement le compte et le délai

Une fois coché, choisissez le nombre de Images par seconde (FPS). Rappelez-vous qu’il s’agit d’un GIF et non d’une superproduction d’Hollywood. Par conséquent, un maigre 10 FPS devrait fonctionner correctement. Si cela vous semble trop instable, essayez de passer à quelque chose dans la gamme des 15-20 FPS. Pour prévisualiser le GIF en qualité finale, appuyez sur Créer un GIF dans la barre d'outils de l'application. 

Si vous n'êtes pas satisfait du produit fini, appuyez sur Jeter et continue à jouer. Si, par contre, vous avez trouvé un bon équilibre entre les images par seconde, la taille du fichier et la qualité GIF, appuyez sur Sauvegarder…  et choisissez une destination pour le GIF!

Partage du GIF

Vous pouvez partager des screencasts à l'aide de Messages.

Heureusement, comme je l'ai mentionné plus tôt, les plates-formes prenant en charge les fichiers GIF animés ne manquent pas. Alors que Tumblr, Dribbble et Dropbox sont des valeurs sûres, n'ayez pas peur de sortir des sentiers battus pour trouver une autre maison pour vos GIF. 

Par exemple, vous pouvez réellement partager des GIF animés via iMessage sur le Mac. Il suffit d'ouvrir messages et choisissez un destinataire. Ensuite, faites glisser le fichier GIF dans le champ de texte et appuyez sur Envoyer.

Aller plus loin

Comme vous pouvez sans doute en déduire lors de la création et du partage d'un fichier GIF, le processus de création de ces micro-screencasts est rempli d'essais et d'erreurs. Le vieil adage que la pratique rend parfait sonne vraiment vrai ici. 

Alors que vous commencez à partager vos créations avec vos collègues, vos amis et votre famille, continuez à expérimenter pour créer les micro-screencasts parfaits qui vous aideront à devenir plus collaboratif et productif que jamais..