Tous les sites du réseau Tuts + sont constamment à la recherche de contributeurs de qualité. Si vous souhaitez écrire pour nous, écrivez-nous. Avant de travailler quelque chose, assurez-vous de lire ce guide génial qui vous guide tout au long du processus de prise et de préparation de vos captures d'écran..
Les captures d'écran sont probablement l'élément le plus important d'un tutoriel écrit. Nos lecteurs les utiliseront comme guides lorsqu'ils suivront vos instructions. Il est donc important que vos captures d'écran décrivent avec précision les actions entreprises au cours de chaque étape. Il existe de nombreuses façons de produire des captures d'écran pour un didacticiel, mais dans ce didacticiel, Ed Lopez, auteur expérimenté de Psdtuts +, expliquera sa méthode pour produire des captures d'écran descriptives de haute qualité en utilisant un logiciel de capture d'écran et de capture d'écran pour enregistrer des vidéos et des captures d'écran pour ses tutoriels écrits. Commençons!
Cette méthode de capture de captures d'écran pour un tutoriel implique l'utilisation de plusieurs applications. Veuillez noter que cette méthode a été utilisée avec certaines applications Mac uniquement, mais vous pouvez également l'adapter à des applications compatibles PC..
S'il vous plaît jeter un oeil à un exemple de l'un des tutoriels d'Ed ici.
Lorsque j'écris un tutoriel, je trouve l'idée de m'arrêter pour prendre des captures d'écran en cours de route est très distrayante. C'est pourquoi j'ai conçu une méthode de capture d'écran qui me permet de créer des illustrations sans interférer avec le processus de création..
La première étape consiste à ouvrir le flux d'écran et à commencer un nouvel enregistrement. Créez maintenant votre illustration comme vous le feriez si vous travailliez sur un projet normal. Screenflow va maintenant enregistrer toutes vos actions en arrière-plan pendant que vous travaillez.
Les auteurs consacrent généralement de nombreuses heures à un projet et peuvent souvent les répartir sur plusieurs jours. Cela signifie que vous pouvez parfois vous arrêter, prendre des pauses ou travailler sur d'autres projets. Lorsque vous prenez une pause, n'hésitez pas à arrêter l'enregistrement. Il apparaîtra dans la barre latérale sous l'onglet Média. Une fois que chaque segment a été enregistré, faites-le glisser dans votre chronologie pour le modifier..
Maintenant que vous avez terminé d’enregistrer tout le projet, vous pouvez maintenant commencer à prendre des captures d’écran. Pour ce faire, ouvrez LittleSnapper et créez une nouvelle collection intelligente..
Définissez une règle de date comme indiqué ci-dessous. Cela garantira que toutes les images créées après cette date seront placées dans la même collection..
Définissez maintenant une touche de raccourci pour la zone de capture, comme indiqué ci-dessous. N'hésitez pas à utiliser les touches de raccourci avec lesquelles vous êtes le plus à l'aise. Je mets le mien à Commande + Option / Alt + X.
Maintenant que LittleSnapper est prêt, ouvrez Screenflow, chargez votre enregistrement et appuyez sur Play. L'un des avantages de l'utilisation de Screenflow pour capturer l'intégralité du processus est que vous pouvez désormais effectuer des zooms avant et arrière, lorsque cela est nécessaire pour vous assurer d'obtenir la capture d'écran exacte dont vous avez besoin..
Lorsque vous êtes prêt à prendre une capture d'écran, veillez à mettre l'enregistrement en pause au bon endroit. Appuyez ensuite sur les touches de raccourci clavier que vous avez définies précédemment dans ce tutoriel pour prendre vos captures d'écran. Une fois que vous les avez frappés, l'écran s'estompe et vous permettra de faire glisser rapidement la zone de l'écran que vous souhaitez enregistrer. Prenez note de l'indicateur de pixel afin de ne pas faire glisser une capture d'écran supérieure à 600 pixels de large.
Parfois, vous devrez ajouter des notations à vos captures d'écran. Les notations peuvent aider le lecteur à comprendre ce qu'il regarde. Par exemple, si vous souhaitez attirer l'attention de vos lecteurs sur une partie particulière de l'écran, vous pouvez dessiner une flèche pour la signaler. Vous pouvez également (et devriez) dessiner des lignes, des formes et du texte lorsque cela est nécessaire pour expliquer l'étape. Ajouter du texte à votre capture d'écran peut être utile pour insérer des codes de couleur, par exemple.
Une fois que vous avez cliqué sur le bouton d'accrochage, vous pourrez ajouter les notations dont vous avez besoin pour ce tutoriel..
Lorsque vous prenez des captures d’écran avec LittleSnapper, vos images sont classées de manière séquentielle. Si vous souhaitez renommer un fichier, vous pouvez le faire maintenant. Une fois que vous êtes satisfait du nom de vos images, vous pouvez les exporter comme indiqué ci-dessous..
Vos images seront maintenant exportées dans le dossier sélectionné.
À ce stade, vous souhaiterez peut-être renommer vos fichiers. Bridge peut le faire assez rapidement. Il suffit d’ouvrir un pont, d’accéder à votre dossier, de sélectionner toutes les images de ce dossier, d’accéder à Outils> Renommer par lots.
Pointe: Lorsque vous nommez des fichiers, quelques images nécessitent des noms spéciaux. L'image finale de 600 pixels de large devrait être nommée final.jpg, la grande version de l'image finale doit être nommée final_large.jpg, et l'aperçu de l'image 200x200 doit s'appeler preview.jpg. Vous voudrez peut-être mettre ces images de côté pour qu'elles n'interfèrent pas avec le processus de changement de nom de lot.
Optimisez maintenant vos images pour le Web et convertissez-les en fichiers JPG. Nous vous suggérons de le faire en utilisant une application capable de traitement par lots. Adobe Bridge, Fireworks et Photoshop peuvent le faire. Nous allons utiliser Bridge dans l'exemple ci-dessous.
Dans cette étape facultative, vous pouvez exporter la vidéo que vous avez enregistrée et lui fournir le reste de vos fichiers. Vous pouvez le faire de différentes manières. Vous pouvez supprimer l'audio et fournir le métrage en temps réel, ou supprimer l'audio, accélérer le métrage et enregistrer une nouvelle piste comprenant une narration expliquant ce que vous faites..
Pointe: Assurez-vous de décomposer les fichiers vidéo en parties gérables. Assurez-vous également que le métrage vidéo que vous fournissez est bien édité et que le contenu audio que vous fournissez est de haute qualité. Ne pas inclure la musique avec le métrage.
Vous pouvez maintenant commencer à écrire votre texte et assembler votre code HTML. Utilisez ce modèle pour formater votre fichier HTML. Assurez-vous de suivre les directives appropriées en cours de route.
C'est tout ce qu'on peut en dire! Si vous pensez que vous êtes prêt à relever le défi de soumettre quelque chose et de rejoindre l'équipe de Mactuts +, consultez notre nouvelle page auteur pour plus d'informations sur la façon de démarrer. Veillez également à consulter nos autres sites pour voir si vous pouvez être branché ailleurs.
Accentsconagua
Share