Outil pour ajouter des formes, des annotations et du texte à l'aide de modèles aux images

86

Souvent, j'ai besoin d'annoter (dessiner des flèches, des lignes, des formes de base comme des carrés, des ellipses, etc. et entrer du texte) au-dessus des images (JPG, images PNG) et des captures d'écran (encore des images png). J'aurais aussi besoin de pouvoir recadrer, redimensionner, etc.

J'ai essayé Gimp mais je ne pouvais que saisir du texte et effectuer toutes les transformations d'image, mais je ne pouvais pas trouver un moyen de dessiner des boîtes, etc.

Je me suis finalement décidé à dessiner sur Openoffice.org, mais je sais que ce n’est pas ce que je veux, car dans oodraw, j’ai besoin d’insérer ma photo dans un dessin et de la redimensionner (ou le dessin) pour s’adapter, puis de procéder aux modifications et enfin exporter en png ...

Existe-t-il un éditeur d'images permettant d'ajouter des formes et du texte à des fichiers jpg et png et d'enregistrer le fichier modifié à la place? Si l'outil peut également avoir des collections de modèles (comme dia) pour les formes, c'est un bonus supplémentaire.

koushik
la source

Réponses:

100

Attention: cassé. L'obturateur est gravement endommagé dans Ubuntu 18.04 et non disponible dans les versions ultérieures.

Shutter (que vous pouvez installer à partir du Centre de logiciel Ubuntu ou sudo apt-get install shutter) est un outil qui offre diverses options pour prendre et annoter des captures d’écran. (Remarque: vous pouvez annoter toutes les images de votre choix, pas seulement les captures d'écran.)

Shutter exemple capture d'écran

8128
la source
9
2 notes: 1. Inteface est indirect - vous devez cliquer sur le bouton de la barre d’outils pour l’éditer avec l’éditeur intégré afin d’accéder à la fenêtre permettant d’écrire des annotations. 2. sudo aptitude install shuttern'installe pas libgoo-canvas-perl nécessaire pour activer le bouton d'édition! Impossible de le comprendre tout de suite: l'obturateur se plaint de manquer Goo::Canvas/libgoocanvaspendant l' installation de aptitude search libgoocanvasshow libgoocanvas3- la dépendance non saturée (à l'exécution) est libgoo-canvas-perl. Pensé de le mettre ici au cas où quelqu'un voudrait essayer le déclencheur après avoir lu ceci.
koushik
1
Il s'avère qu'il y a un rapport de bogue, mais il a été marqué comme non valide :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128
6
J'ai simplement annulé la décision sur ce rapport de bogue et téléchargé un correctif sur maverick. libgoo-canvas-perlest maintenant recommandé et est installé par défaut.
andrewsomething
3
@aperson imgur support est là maintenant :)
dukedave
2
Et maintenant complètement bouleversé pour moi en 18.04. : ((Et pas seulement le bouton d'édition - je suis étonné que les gens l'utilisent.: /
lundi
32

Flameshot

Il comporte des fonctions d’annotation intéressantes comme le dessin à main levée, les lignes, les flèches, les boîtes, les cercles, la surbrillance, le flou, etc. Il comporte également de nombreux boutons à l’écran ainsi que de nombreuses options de personnalisation.

entrez la description de l'image ici

Il est écrit en QT / C ++ et s’installe très facilement dans Ubuntu (18.04+).

apt install flameshot

Vous pouvez également essayer de compiler pour des versions plus anciennes.

Gaurav Gandhi
la source
1
Il semble qu'un nouvel outil texte est implémenté et le sera dans la prochaine version . Yay! Je vais enregistrer une demande d'amélioration pour le contrôle de l'opacité, et nous verrons si le développeur s'en charge. ;)
Dɑvïd le
1
Ce n'était pas dans mon dépôt de distributions, mais j'ai pu trouver un binaire dans une autre distribution ici: repology.org/metapackage/flameshot/packages
virtualxtc
1
c'est incroyable merci, pour Ubuntu <18.04 télécharger le paquet deb de launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
M. Coder
2
+1 pour celui-ci mais c'est tellement dommage que cela ne semble pas, pour une raison étrange, autoriser l'ajout d'annotations (texte).
user1283068
1
J'ai installé la dernière version et les annotations textuelles sont déjà disponibles.
tomaskazemekas
8

J'utiliserais Inkscape

(que vous pouvez installer à partir du logiciel Ubuntu Center ou sudo apt-get install inkscape).

Installer via le centre de logiciel

entrez la description de l'image ici Vous devrez cliquer avec le bouton droit de la souris sur l'image, sélectionner Ouvrir avec -> Autre application ... et choisir Inkscape dans la liste. Après avoir effectué cette opération pour la première fois, vous pouvez cliquer avec le bouton droit de la souris sur -> Ouvrir avec -> Inkscape.

Cela importera l'image dans Inkscape et la page sera dimensionnée pour correspondre à l'image. Vous pouvez ensuite faire vos annotations.

Pour l'enregistrer, vous devez utiliser Fichier -> Exporter un bitmap, cliquer sur Parcourir ... et choisir votre image d'origine.

dv3500ea
la source
1
+1 à inkscape. Mec, c'est génial. À l’OMI, il existe cependant une courbe d’apprentissage, bien que plus petite que, par exemple, Photoshop.
koushik
17
J'aime inkscape mais je ne pense pas que ce soit un bon outil pour éditer des screnshots. Voyez à quel point il est difficile d’ajouter une simple flèche.
snowguy
Je suis venu ici à la recherche d'une alternative à cette approche. Si Inkscape pouvait s'ouvrir en moins d'une seconde et reconnaître que, en fait, je l'avais simplement ouvert pour l'annotation d'une capture d'écran, ce serait génial. Mais ce n'est pas le cas, et nous sommes obligés de sauter des cerceaux et d'attendre qu'il soit chargé, ce qui n'est pas bien si vous avez 30 captures d'écran à faire en succession rapide.
Lennart Rolland
3
C'est comme tuer des mouches avec de l'artillerie lourde ...
Fran Marzoa
7

Vous voudrez peut-être aussi essayer GnuPaint ou Krita. Je ne sais pas si c'est exactement ce que vous recherchez, mais ils pourraient fonctionner pour vous. Les deux sont dans le centre logiciel.

GnuPaint

entrez la description de l'image ici

Krita

entrez la description de l'image ici

gamerchick02
la source
gpaint était la recommandation parfaite pour moi, petite petite, deps et base pour marquer rapidement une capture d'écran
Maks
@ Maks: Disons que vous avez ajouté du texte. Comment pouvez-vous le déplacer à la position souhaitée dans la capture d'écran (par exemple, pour ne pas masquer d'autres éléments de l'image)?
Dan Dascalescu
1
Pour tous ceux qui cherchent, Gnu Paint n'a pas de fonction d'annulation ... le rendant plutôt inutile
Ben Winding
gpaint est vraiment sympa. un couple de niveaux d'annulation serait vraiment rock bien.
simgineer
5

Si vous voulez rester dans Gimp, vous pouvez ajouter des cases et des cercles / ellipses. Utilisez l'outil de sélection rectangle ou ellipse. Lorsque vous avez les fourmis en marche, cliquez sur Édition / Sélection du trait dans le menu principal, puis faites votre choix de style de trait.

Il y a des plug-ins gimp pour faire des flèches (que je n'ai pas essayées), mais il n'a fallu que quelques minutes pour trouver un site de clip art, copier une image de flèche, la convertir en gif à fond transparent en utilisant ces instructions et l'ajouter. comme un nouveau calque à l'image. Le calque de flèche peut être déplacé, pivoté, mis à l'échelle, coloré, etc.

W_Whalley
la source
Informatif. Je savais qu'il y avait un moyen de le faire avec le Gimp. Je veux aussi vraiment rester avec le Gimp - puisque je l’utilise déjà pour tant d’autres choses. Merci pour le conseil.
koushik
1
J'ai essayé le plugin arrow, c'est difficile à utiliser. Je ne peux pas prévisualiser la forme de la flèche. Je devais cliquer sur l'élément de menu flèche pour chaque ligne de flèche. Mieux vaut alors aucun.
Xiè Jìléi
J'ai aussi utilisé le plugin arrow. Pas une bonne solution. Cela ne fait que des flèches droites et si vous faites des flèches longues et des flèches courtes, la tête des flèches longues devient trop grosse et semble étrange à côté d'une flèche plus courte.
snowguy
Gimp est un éditeur de bitmap. Les opérations simples ressemblant à des vecteurs, sans parler de l’ajout de légendes ou de flèches, ne sont tout simplement pas ce pour quoi Gimp a été conçu . Utilisez le bon outil pour le travail.
Dan Dascalescu
2

Vous pouvez utiliser Firefox ou le navigateur Web Chrome pour ce faire. Sur firefox, vous devez installer le plug-in Fireshot et sur chrome "capture d'écran".

https://​addons.mozilla.org/en-US/firefox/​addon/​fireshot

Malheureusement, Fireshot ne fonctionne que sous Windows. Voici une liste de ces addons. Veuillez les tester vous-même. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Capture d'écran fera sur Chrome

https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg
Apprenti curieux
la source
Pouvez-vous capturer d'autres domaines que le contenu de la page Web avec cet outil? Par exemple, pouvez-vous capturer les outils de développement Chrome?
Dan Dascalescu
2

Sur Ubuntu (ou Linux Mint), essayez Kolourpaint . Il est facile à utiliser et possède les fonctionnalités que vous décrivez.

entrez la description de l'image ici

Installer via le centre de logiciel

Kupitt
la source
Absolument la meilleure réponse - désolé pour les casquettes .. mais je pense que ça vaut le coup. J'ai trouvé que la plupart des autres applications étaient buggées ou gonflées. Celui-ci est solide, ne fait que ce dont il a besoin et fonctionne parfaitement avec la fonctionnalité Ouvrir avec dans Capture d'écran. Aussi c'est une petite installation. Krita est très gonflée. L’installation était supérieure à 300 Mo, c’est juste 67 Mo. OP n'a pas demandé la fonctionnalité de capture d'écran. Je ne peux pas comprendre pourquoi le tir est une réponse, à moins que ce ne soit qu'un bouchon éhonté. Ksnip et gnupaint ne sont pas disponibles pour d'autres versions d'Ubuntu (je suis sur Xubuntu)
MikeM
2

Je recommande l'extension "Capture d'écran impressionnante". Vous pouvez facilement y ajouter du texte, des flèches simples et d'autres formes.

Google Chrome

https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpillcgkoblgpmj

Firefox

https://addons.mozilla.org/en-US/firefox/addon/awesome-screenshot-capture-

Opéra

https://addons.opera.com/fr/extensions/details/awesome-screenshot-capture-annotate/

Michal Przybylowicz
la source
Veuillez mentionner les limites de Awesome Screenshot. Pouvez-vous prendre une capture d'écran de l'outil DevTools du navigateur, par exemple?
Dan Dascalescu
1

Ksnip

Parce que je lance KDE en utilisant des applications sur le thème GTK telles que Shutter, ce n’est pas idéal. Après quelques recherches, je me suis installé ksnipcomme outil de capture d'écran. Il a à peu près tout ce que vous avez demandé (si vous avez besoin de recadrer, faites-le en prenant une autre capture d'écran).

capture d'écran de ksnip d'une capture d'écran de ksnip

Installer

Vous pouvez installer ksnip buy en téléchargeant les packages .deb ici: https://github.com/DamirPorobic/ksnip/releases

ou vérifiez si cela se trouve déjà dans votre version du référentiel d'Ubuntu vi apt:

apt installer ksnip

virtualxtc
la source
1

J'utilise LibreOffice impress https://www.libreoffice.org/discover/impress/ pour les annotations.

Copiez simplement l'image dans la diapositive et ajoutez toutes les formes et le texte qui serviront d'annotations. Puis exportez vers n'importe lequel des nombreux formats disponibles, tels que JPEG, PDF, etc.

Annotating with Impress conserve les "annotations" sous forme de calque séparé vous permettant de les modifier à tout moment. D'autre part, si vous annotez avec, par exemple, l'outil de modification d'obturateur, une fois que vous avez enregistré l'image avec les annotations, vous ne pouvez pas annuler les modifications (vous devrez re-annoter l'image entière à partir de l'état initial ou utiliser l'outil Gomme apporter des corrections aux annotations existantes).

rlib
la source
0

Vous pouvez jeter un coup d'oeil ici, vous trouverez beaucoup d'extensions chromées amusantes:

https://chrome.google.com/webstore/search-extensions/screenshot?hl=en-US

Et cet article parle de quelques autres:

http://www.hongkiat.com/blog/top-web-annotation-and-markup-tools/

hadibou
la source
2
Bien que cela puisse théoriquement répondre à la question, il serait préférable d’inclure ici les éléments essentiels de la réponse et de fournir le lien de référence (c.-à-d. Des exemples postaux d’extensions Chrome)
Oyibo
0

Vous pouvez utiliser Pixtick. Outil Web, aucune installation requise et gratuite. http://www.pixtick.com

D Bri
la source
3
Votre réponse serait améliorée en ajoutant des captures d'écran montrant que l'outil que vous recommandez peut faire ce que demande le PO.
Elder Geek
nécessite le flash ....
virtualxtc