REC

Conseils sur le tournage vidéo, la production, le montage vidéo et l'entretien de l'équipement.

 WTVID >> Vidéo >  >> vidéo >> Capture et enregistrement vidéo

Comment mettre à jour les captures d'écran des interfaces utilisateur sans repartir de zéro

Vous connaissez le sentiment d'accomplissement lorsque vous terminez quelque chose qui figurait sur votre liste de tâches ?

J'adore ce sentiment. Lorsque je termine une tâche, je la raye et je passe à la tâche suivante sur ma liste avec un sentiment renouvelé de fierté et d'élan.

À l'inverse, il n'y a pas de plus grand buzzkill que de revenir à une tâche terminée pour refaire quelque chose que je viens de terminer. Malheureusement, cela arrive souvent lorsque vous travaillez avec des captures d'écran d'interfaces utilisateur pour un guide produit ou une documentation d'aide.

En tant qu'ancien rédacteur technique, j'ai passé plusieurs années à prendre et à éditer des captures d'écran des interfaces utilisateur (UI) des produits pour les articles d'aide.

À cette époque, j'ai connu le buzzkill susmentionné, parfois à cause de modifications de dernière minute apportées au produit avant sa sortie, et d'autres fois à cause de modifications publiées après sa sortie.

Quelle que soit la raison, la tâche est restée la même :mettez à jour les captures d'écran dans le guide produit pour qu'elles correspondent à la nouvelle interface utilisateur.

Je ne suis pas un graphiste, mais même une personne ayant des difficultés artistiques comme moi peut réaliser un patchwork assez convaincant pour éviter de recréer des images.

Peut-être est-il parfois plus rapide de lancer la nouvelle version du produit et de reprendre les captures d'écran, mais beaucoup d'entre eux étaient plus impliqués et incluaient un exemple de contenu ou nécessitaient des configurations spécifiques que je devais configurer avant de faire le travail.

Donc, à la place, je corrige et truque. J'aime penser que c'est travailler plus intelligemment, pas plus dur. Heureusement pour moi, mon outil d'édition de capture d'écran est devenu plus intelligent avec moi, ce qui facilite et accélère la mise à jour des captures d'écran sans repartir de zéro.

Remplacer le texte

Parfois, rien d'évident dans l'interface utilisateur de votre produit ne change, mais votre capture d'écran affiche un numéro de version obsolète.

Ou imaginez si une option déroulante était source de confusion pour les utilisateurs finaux et que votre équipe produit la renomme.

Que vous ayez besoin de corriger une faute de frappe rapide ou de retravailler une boîte de dialogue entière, vous pouvez désormais mettre à jour le texte de vos images. Snagit, un outil de capture d'écran et un éditeur d'images, utilise la technologie OCR pour identifier le texte d'une image et le rendre instantanément modifiable.

Cela signifie que je n'ai pas besoin de faire une autre capture d'écran ni même d'avoir les fichiers source de l'image pour mettre à jour le texte, ce qui me rend heureux.

Pour remplacer du texte dans une image, ouvrez l'image dans l'éditeur de Snagit et activez Smart Move dans les propriétés de l'outil de déplacement. Ensuite, double-cliquez sur le texte de votre image pour le modifier.

https://techsmith-13.wistia.com/medias/o2am997uvt?embedType=async&videoFoam=true&videoWidth=640

Changer les couleurs comme par magie

Attendez, avons-nous décidé si les boutons d'action principaux seraient orange ou jaune ? L'état de survol doit-il être bleu clair ou bleu clair ?

Les concepteurs de produits hésitent souvent ou font volte-face sur ces décisions (il est facile de comprendre pourquoi), et parfois les rédacteurs oublient les décisions finales en ce qui concerne les couleurs du produit.

Heureusement, si un changement de couleur se produit après avoir pris vos captures d'écran, de nombreux éditeurs d'images vous permettent de modifier ou de remplacer une couleur avec un outil de baguette magique, qui est un outil de sélection qui base sa sélection sur la couleur.

Utilisez la baguette magique pour sélectionner une couleur que vous souhaitez remplacer, puis remplissez-la avec la nouvelle couleur. Ou utilisez-le pour sélectionner une couleur que vous souhaitez supprimer complètement si vous souhaitez isoler un objet.

Déplacer et remplir automatiquement des parties d'une image

Les outils de sélection sont le meilleur ami d'un artiste de con patch. C'est incroyable les effets visuels que vous pouvez obtenir avec de simples outils de sélection et de remplissage. Déplacez ceci là-bas. Sélectionnez et coupez. Remplissez les trous.

Pourtant, étonnamment, même l'outil de sélection commun devient plus intelligent car les éditeurs de capture d'écran introduisent la possibilité de remplir automatiquement les zones que vous coupez, déplacez ou supprimez, ce qui vous permet de travailler encore plus rapidement lorsque vous modifiez votre image.

Modification fine

Enfin, l'un de mes flux de travail moins fréquents mais très apprécié consiste à utiliser l'outil lasso pour modifier les détails de mon image. Que je supprime, redimensionne ou recolore un objet, l'outil lasso m'aide à sélectionner exactement ce que je veux et rien de plus. Il s'agit essentiellement d'un outil de sélection dessiné qui me donne un contrôle total.

Pour sélectionner un objet à modifier, tracez d'abord le chemin de sélection avec votre curseur. C'est une fonction vraiment utile, surtout lorsqu'elle est combinée avec une option d'encliquetage ou d'aimant. Après avoir dessiné autour d'un objet, il s'alignera sur le bord le plus proche afin que vous puissiez modifier les moindres détails.

Ce ne sont là que quelques façons de mettre à jour les captures d'écran sans les reprendre. Si vous avez des questions ou souhaitez partager des trucs et astuces supplémentaires, veuillez les laisser dans les commentaires ci-dessous.


  1. Comment effectuer une correction des couleurs à l'aide de l'outil Courbes de Photoshop

  2. Comment créer des motifs de kaléidoscope à partir de vos photos

  3. Dimensionnement des images Facebook à partir de zéro !

  4. Comment utiliser l'outil de clarté dans Lightroom (Etape par étape facile)

  5. Comment capturer une image fixe à partir d'une vidéo dans Photoshop

Capture et enregistrement vidéo
  1. Comment utiliser l'outil de masquage AI dans Lightroom (mise à jour 2022 !)

  2. Comment redimensionner une image dans Photoshop sans perte de qualité

  3. Comment créer une bande-annonce de livre à partir de zéro

  4. Image en texte - Comment extraire gratuitement du texte d'une image

  5. Pixels en pouces :Comment changer l'image de pixels en pouces

  6. Comment enregistrer des photos de Pinterest ? – Guide ultime

  7. Image en vidéo - Comment créer une vidéo à partir d'images gratuitement

  8. Comment supprimer l'arrière-plan d'une image Photoshop