Comment créer des points forts sur une capture d'écran?

Question

Dans la réponse de Chipaca à Gestion des fichiers et des scénarios de synchronisation , il y a une capture d'écran avec certains points saillants. Les points forts sont les suivants:

1. Une ligne d'une liste d'interface graphique est mise en évidence par le fait que les autres parties de la capture d'écran sont plus sombres.
2. Une coche est mise en surbrillance en étant encerclée par ce qui ressemble à un crayon (orange).

Comment créer ces deux moments forts sur une capture d'écran? Y a-t-il un processus automatisé?

La capture d'écran dont je parle se présente comme suit:

Answer 1

Voici un guide pour The Gimp :

Créer un rectangle en surbrillance

1. Sélectionnez l'outil Rectangle :

   • tick bords de la plume choisissez Rayon par ex. 5,0 pixels pour des bordures lisses
   • tick Mettez en surbrillance la sélection

   

2. Sélectionnez la zone à surligner

3. Sélectionnez -> Aucun pour supprimer la sélection.

La sélection est maintenant en surbrillance

Remarque: dans certaines versions de GIMP, la surbrillance peut être supprimée dès que nous sélectionnons un autre outil ou que nous sauvegardons l'image. Dans ce cas, nous pouvons procéder comme suit pour garder la zone en surbrillance:

4. Inverser la sélection ( Sélectionnez -> Inverser ou Ctrl+i).
5. Le seau remplit l'arrière-plan avec une opacité noire de 30%.

Créer un crayon

5. Sélectionnez l'outil Ellipse pour sélectionner la zone à colorier.
6. Sélectionnez -> Bordure , par exemple. avec 8 pixels
7. Outil Pinceau choisissez un pinceau, par exemple. Galaxy , choisissez une couleur, par exemple. jaune
8. Sélection de peinture jusqu'à heureux

Answer 2

Vous pouvez le faire dans des éditeurs tels que Pinta, Shutter *, GIMP, etc.

Le processus peut varier, mais une façon de le faire serait de placer un carré/rectangle translucide dans un deuxième calque au-dessus de l'image, puis de découper la partie que vous souhaitez luire.

Exemple de flux de travail:

• Ouvrez votre capture d'écran dans Pinta.
  1. Créez un nouveau calque.
  2. Sélectionnez le nouveau calque
  3. Choisissez l'outil paintbucket.
  4. Modifiez la couleur en noir, mais définissez l'opacité sur 150.
  5. Utilisez maintenant l'outil de sélection de rectangle pour sélectionner la zone que vous souhaitez mettre en surbrillance.
  6. Remplissez le calque avec cette couleur.
  7. Appuyez sur supprimer.
• L'image devrait maintenant être en surbrillance.

---

* l'obturateur est plus pour accomplir l'effet inverse.

Answer 3

1. fait une capture d'écran

   J'utilise shutter et gnome-screenshot pour prendre une capture d'écran, vous pouvez utiliser n'importe lequel d'entre eux. Pour les installer, utilisez les commandes.

   Sudo apt-get install shutter
   Sudo apt-get install gnome-screenshot
   

2. Installer gimp
   Nous en aurons besoin pour l'édition. Installez-le avec

   Sudo apt-get install gimp
   

3. Obtenez la capture d'écran dans gimp J'ai fait glisser l'image dans gimp.Vous pouvez utiliser le fichier -> ouvert

4. Le plaisir commence

   • Nous sélectionnons d’abord la partie que nous voulons blanche.Nous pouvons Shift pour sélectionner plusieurs zones. Ensuite, nous inversons la sélection en utilisant Ctrl+I
   • Ensuite, nous sélectionnons le outil Pincea. 
   • Maintenant, nous changeons l'opacité et augmentons la taille.
     
   • Peignez tout.Si il fait plus sombre, changez l'opacité et essayez à nouveau.Pour moi, 50% suffisait. Et le résultat final est.
     

NOTE: Les options pour gimp étaient facilement disponibles pour moi car je les ai beaucoup personnalisées. Utilisez un tutoriel gimp pour apprendre à l'utiliser.

Answer 4

Chaque fois que vous avez un flux de travail comme ceux montrés dans les autres réponses pour le GIMP , il est assez facile de les automatiser au moins partiellement (avec les restrictions que les scripts ont comparées aux plugins) en écrivant des Script-Fu (so, Scheme), ou Python . Si le script est écrit dans le respect de undo/redo, cela facilite également l'expérimentation des valeurs, car il suffit d'appuyer sur une touche pour supprimer à nouveau toutes les traces de l'effet.

Voici un script automatise la partie mise en évidence, parce que je pourrais l'utiliser moi-même pour aller de l'avant.

Les scripts se trouvent dans ~/.config/GIMP/2.10/scripts (ou, par exemple, ~/.gimp-2.8/scripts, respectivement sous d'autres numéros de version), vous devez uniquement démarrer le programme ou utiliser Filtres> Script-Fu> Actualiser les scripts si le fichier a été ajouté alors qu'il était déjà en cours d'exécution.

Ensuite, sélectionnez un élément et utilisez Filtres> Ombre et lumière> Zone de surbrillance ... pour créer un nouveau calque de surbrillance (ou ombre réelle):

C’est aussi ce à quoi ressembleraient les faits saillants avec 5px de plumes appliquées.

La mise en drapeau est facultative, après tout, vous pouvez obtenir le même effet en utilisant l'option Plume de l'outil de sélection. L'utilisation de l'opacité des calques facilite un peu la manipulation de la couleur, mais si vous souhaitez peindre par dessus, il est plus facile d'utiliser le remplissage alpha (sinon, un autre calque devra être ajouté).

Answer 5

Utilisation de l'obturateur

Je pense qu'il est en fait plus facile d'utiliser shutter à la fois pour la capture d'écran et pour le surlignage. Shutter est une superbe capture d'écran graphique et un outil de retouche d'image.

1. Installer l'obturateur

Si vous n'avez pas installé d'obturateur, vous pouvez l'installer rapidement via le terminal:
Sudo apt install shutter

2. Lancer le volet

Lancer l'obturateur en utilisant votre méthode préférée. Ceci est sur Ubuntu 16.04.

3. Prenez votre capture d'écran.

Utilisons la page d'accueil de Google:

4. Rouvrir la fenêtre principale de l'obturateur

Vous serez accueilli par un écran comme celui-ci affichant votre dernière capture d'écran. Cliquez sur le bouton Edit dans le coin supérieur droit.

5. La fenêtre d'édition

Cela ouvrira une telle fenêtre avec les outils d'édition et les boutons sur le côté gauche.

Parmi les outils que vous pouvez utiliser, citons:

• Mettez en surbrillance certaines parties de la capture d'écran à l'aide du surligneur de couleurs
• Ajouter un texte personnalisé à l'aide de l'outil Texte
• Ajoutez des formes comme des lignes, des flèches, des rectangles, des ellipses, etc.
• Censeur des parties de la capture d'écran à l'aide d'un outil de maculage ou de l'outil pixelisation.
• Vous pouvez également rogner certaines parties

Modifiez la capture d'écran selon vos besoins, puis cliquez sur le bouton Enregistrer dans le coin supérieur gauche pour enregistrer les modifications.

La capture d'écran ci-dessous montre l'effet de certains de ces outils:

Bonne retouche.