Werkzeug zum Hinzufügen von Formen, Anmerkungen und Text mithilfe von Vorlagen zu Bildern

86

Oft muss ich oben auf Bildern (JPG-, PNG-Bilder) und Screenshots (wieder PNG-Bilder) Anmerkungen machen (einige Pfeile, Linien, Grundformen wie Quadrate, Ellipsen usw. zeichnen und Text eingeben). Ich würde auch in der Lage sein müssen, etc. zu beschneiden, die Größe zu ändern.

Ich habe den Gimp ausprobiert, konnte aber nur Text eingeben und alle Bildtransformationen durchführen, konnte aber keine Möglichkeit finden, Kästchen usw. zu zeichnen.

Endlich habe ich mich für Openoffice.org Draw entschieden, aber ich weiß, dass ich das nicht will, weil ich in oodraw mein Bild in eine Zeichnung einfügen und die Größe (oder die Zeichnung) anpassen muss, um Änderungen vorzunehmen und schließlich Export nach PNG ...

Gibt es einen Bildeditor, mit dem Sie JPG- und PNG-Dateien Formen und Text hinzufügen und die geänderte Datei an ihrer Stelle speichern können? Wenn das Werkzeug auch Vorlagensammlungen (wie bei dia) für Formen enthalten kann, ist dies ein zusätzlicher Bonus.

koushik
quelle

Antworten:

100

Warnung: kaputt. Der Shutter ist in Ubuntu 18.04 stark beschädigt und in späteren Versionen nicht verfügbar.

Shutter (das Sie über das Ubuntu Software Center oder installieren können sudo apt-get install shutter) ist ein Tool mit einer Vielzahl von Optionen zum Aufnehmen und Kommentieren von Screenshots. (Hinweis: Sie können Bilder Ihrer Wahl mit Anmerkungen versehen, nicht nur Screenshots.)

Shutter-Beispiel-Screenshot

8128
quelle
9
2 Anmerkungen: 1. Die Oberfläche ist indirekt - Sie müssen auf die Symbolleistenschaltfläche klicken, um sie mit dem eingebauten Editor zu bearbeiten, um zu dem Fenster zu gelangen, in dem Anmerkungen erstellt werden können. 2. sudo aptitude install shutterinstalliert libgoo-canvas-perl nicht, welches benötigt wird um den edit button zu aktivieren! Konnte es nicht sofort herausfinden: Shutter beklagt sich über das Fehlen, Goo::Canvas/libgoocanvaswährend aptitude search libgoocanvasShow libgoocanvas3installiert ist - die unerfüllte (Laufzeit-) Abhängigkeit ist libgoo-canvas-perl. Dachte daran, es hier zu platzieren, falls jemand den Verschluss nach dem Lesen ausprobieren möchte.
Koushik
1
Es stellte sich heraus, dass ein Fehlerbericht vorliegt
8128
6
Ich habe gerade die Entscheidung über diesen Fehlerbericht außer Kraft gesetzt und einen Fix an Maverick hochgeladen. libgoo-canvas-perlist jetzt ein Recommends und wird standardmäßig installiert.
Andrewsomething
3
@aperson imgur Unterstützung gibt es jetzt :)
dukedave
2
Und jetzt für mich am 18.04. : ((Und nicht nur die Schaltfläche "Bearbeiten" - Ich bin erstaunt, dass die Leute es überhaupt laufen lassen.: /
Dɑvïd
32

Flammenschuss

Es enthält einige coole Anmerkungsfunktionen wie Freihandzeichnen, Linien, Pfeile, Kästchen, Kreise, Hervorheben, Weichzeichnen usw. Es enthält auch viele Schaltflächen auf dem Bildschirm sowie zahlreiche Anpassungsoptionen.

Bildbeschreibung hier eingeben

Es wurde mit QT / C ++ geschrieben und ist sehr einfach in Ubuntu (18.04+) zu installieren.

apt install flameshot

Sie können auch versuchen, ältere Versionen zu kompilieren.

Gaurav Gandhi
quelle
1
Es sieht so aus, als ob ein neues Textwerkzeug implementiert wurde und in der nächsten Version verfügbar sein wird . Yay! Ich werde eine Verbesserungsanforderung für die Opazitätssteuerung protokollieren und prüfen, ob der Entwickler dafür sorgt. ;)
Dɑvïd
1
Es war nicht in meinem Distributions-Repository, aber ich konnte eine Binärdatei in einer anderen Distribution hier finden: repology.org/metapackage/flameshot/packages
virtualxtc
1
dies ist erstaunlich, danke, für ubuntu <18.04 download deb package von launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
Mr Coder
2
+1 für diese, aber es ist so schade, dass es aus irgendeinem seltsamen Grund nicht möglich zu sein scheint, Anmerkungen (Text) hinzuzufügen.
user1283068
1
Ich habe die neueste Version installiert und es sind bereits Textanmerkungen verfügbar.
Tomaskazemekas
8

Ich würde Inkscape verwenden

(die Sie vom Ubuntu Software Center oder installieren können sudo apt-get install inkscape).

Installation über das Software Center

Bildbeschreibung hier eingeben Sie müssen mit der rechten Maustaste auf das Bild klicken, Öffnen mit -> Andere Anwendung ... auswählen und Inkscape aus der Liste auswählen. Nachdem Sie dies zum ersten Mal getan haben, können Sie einfach mit der rechten Maustaste auf -> Öffnen mit -> Inkscape klicken.

Dadurch wird das Bild in Inkscape importiert und die Seite wird an das Bild angepasst. Sie können dann Ihre Anmerkungen machen.

Um es zu speichern, müssen Sie Datei -> Bitmap exportieren, auf Durchsuchen ... klicken und Ihr Originalbild auswählen.

dv3500ea
quelle
1
+1 für inkscape. Mann, das ist großartig. IMO gibt es allerdings eine Lernkurve - wenn auch kleiner als etwa Photoshop.
Koushik
17
Ich liebe inkscape, bin mir aber nicht einig, dass es ein gutes Werkzeug zum Bearbeiten von Screnshots ist. Sehen Sie nur, wie schwierig es ist, einen einfachen Pfeil hinzuzufügen.
Snowguy
Ich bin hierher gekommen, um nach einer Alternative zu diesem Ansatz zu suchen. Wenn Inkscape in weniger als einer Sekunde geöffnet werden könnte und erkennt, dass ich es gerade zum Kommentieren einer Bildschirmaufnahme geöffnet habe, wäre das fantastisch. Aber das ist nicht der Fall, und wir sind gezwungen, gründlich zu springen und darauf zu warten, dass es geladen wird, was nicht gut ist, wenn Sie 30 Screenshots in schneller Folge machen müssen.
Lennart Rolland
3
Dies ist wie das Töten von Fliegen mit schwerer Artillerie ...
Fran Marzoa
7

Vielleicht möchten Sie auch GnuPaint oder Krita ausprobieren. Ich bin nicht sicher, ob es genau das ist, wonach Sie suchen, aber sie könnten für Sie arbeiten. Beide befinden sich im Software Center.

GnuPaint

Bildbeschreibung hier eingeben

Krita

Bildbeschreibung hier eingeben

gamerchick02
quelle
gpaint war die perfekte Empfehlung für mich, minimal klein, deps und einfach, um schnell einen Screenshot zu markieren
Maks
@Maks: Nehmen wir an, Sie haben Text hinzugefügt. Wie können Sie es an die gewünschte Position im Screenshot bewegen (z. B. um andere Elemente des Bildes nicht zu verdecken)?
Dan Dascalescu
1
Für alle, die suchen, Gnu Paint hat keine Undo-Funktion ... macht es ziemlich nutzlos
Ben Winding
gpaint ist echt nett. Ein paar Stufen des Rückgängigmachens würden allerdings wirklich rocken.
Simgineer
5

Wenn Sie in Gimp bleiben möchten, können Sie Felder und Kreise / Ellipsen hinzufügen. Verwenden Sie das Auswahlwerkzeug für Rechtecke oder Ellipsen. Wenn Sie die Marschameisen haben, klicken Sie im Hauptmenü auf Bearbeiten / Strichauswahl und treffen Sie dann Ihre Auswahl für den Linienstil.

Es gibt Gimp-Plug-Ins für Pfeile (die ich nicht ausprobiert habe). Es dauerte jedoch nur ein paar Minuten, um eine ClipArt-Site zu finden, ein Pfeilbild zu kopieren, es mit diesen Anweisungen in ein GIF mit transparentem Hintergrund zu konvertieren und es hinzuzufügen als neue Ebene zum Bild. Die Pfeilebene kann verschoben, gedreht, skaliert, gefärbt usw. werden.

W_Whalley
quelle
Informativ. Ich wusste, dass es einen Weg gab, das mit der Gimpe zu tun. Ich will ja auch bei der Gimp bleiben - da ich es schon für so viele andere Dinge benutze. Danke für den Tipp.
Koushik
1
Ich habe das Pfeil-Plugin ausprobiert, es ist schwer zu benutzen. Ich kann keine Vorschau der Pfeilform anzeigen. Ich musste für jede Pfeilzeile auf den Menüpunkt Pfeil klicken. Besser als keine.
Xiè Jìléi
Ich habe auch das Pfeil-Plugin verwendet. Keine gute Lösung. Es macht nur gerade Pfeile und wenn Sie einige lange Pfeile und einige kurze Pfeile machen, wird die lange Pfeilspitze zu groß und sieht neben einem kürzeren Pfeil seltsam aus.
Snowguy
Gimp ist ein Bitmap-Editor. Einfache vektorähnliche Operationen, geschweige denn das Hinzufügen von Beschriftungen oder Pfeilen, sind nicht das, wofür Gimp entwickelt wurde . Verwenden Sie das richtige Werkzeug für den Job.
Dan Dascalescu
2

Sie können dazu Firefox oder den Chrome-Webbrowser verwenden. Auf Firefox musst du das FireShot Addon installieren und auf Chrome "Screen Capture"

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

Leider funktioniert fireshot nur unter Windows. Hier ist eine Liste solcher Addons. Bitte testen Sie sie selbst. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Screen Capture funktioniert in Chrome

https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg
Neugieriger Lehrling
quelle
Können Sie mit diesem Tool andere Bereiche als den Webseiteninhalt erfassen? Können Sie beispielsweise die Chrome DevTools erfassen?
Dan Dascalescu
2

Probieren Sie unter Ubuntu (oder Linux Mint) Kolourpaint aus . Es ist einfach zu bedienen und verfügt über die von Ihnen beschriebenen Funktionen.

Bildbeschreibung hier eingeben

Installation über das Software Center

Kupitt
quelle
ABSOLUT DIE BESTE ANTWORT - Entschuldigung für die Kappen ... aber ich denke, es lohnt sich. Ich fand die meisten anderen Apps fehlerhaft oder aufgebläht. Dieser ist solide, macht nur das, was er braucht, und funktioniert perfekt mit der Funktion Öffnen mit in Screenshot. Es ist auch eine kleine Installation. Krita ist sehr aufgebläht. Die Installation war über 300 MB, das sind nur 67 MB. OP hat nicht nach Screenshots gefragt. Ich kann nicht verstehen, warum Flameshot eine Antwort ist, es sei denn, es ist nur ein schamloser Stecker. Ksnip und Gnupaint sind für andere Ubuntu-Varianten nicht verfügbar (ich bin auf Xubuntu)
MikeM
2

Ich empfehle die "Awesome Screenshot" -Erweiterung. Sie können dort problemlos Text, einfache Pfeile und andere Formen hinzufügen.

Google Chrome

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

Feuerfuchs

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

Oper

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

Michal Przybylowicz
quelle
Bitte erwähnen Sie die Einschränkungen von Awesome Screenshot. Können Sie zum Beispiel einen Screenshot der DevTools des Browsers machen?
Dan Dascalescu
1

Ksnip

Weil ich KDE mit GTK-Apps wie Shutter starte, ist das nicht ideal. Nach einigen Recherchen habe ich mich für ksnipein Screenshot-Tool entschieden. Es hat so ziemlich alles, wonach Sie gefragt haben (wenn Sie es beschneiden müssen, machen Sie einfach einen weiteren Screenshot).

ksnip-Screenshot eines ksnip-Screenshots

Installieren

Sie können ksnip buy installieren, indem Sie die .deb-Pakete hier https://github.com/DamirPorobic/ksnip/releases herunterladen

oder überprüfe, ob es sich bereits in deiner Ubuntu-Repository-Version befindet vi apt:

Apt installieren ksnip

virtualxtc
quelle
1

Ich benutze LibreOffice impress https://www.libreoffice.org/discover/impress/ für Anmerkungen.

Kopieren Sie einfach das Bild, fügen Sie es in die Folie ein und fügen Sie alle Formen und Texte hinzu, die als Anmerkungen dienen sollen. Dann exportieren Sie in eines der vielen verfügbaren Formate wie JPEG, PDF usw.

Durch das Annotieren mit Impress bleiben "Annotationen" als separate Ebene erhalten, sodass Sie sie jederzeit bearbeiten können. Wenn Sie dagegen beispielsweise mit dem Shutter-Bearbeitungswerkzeug Anmerkungen machen, können Sie die Änderungen nicht mehr rückgängig machen, nachdem Sie das Bild mit den Anmerkungen gespeichert haben (Sie müssen das gesamte Bild aus dem Ausgangszustand neu mit Anmerkungen versehen oder das Radiergummi-Werkzeug verwenden Korrekturen an vorhandenen Anmerkungen vornehmen).

rlib
quelle
0

Hier können Sie einen Blick darauf werfen, es gibt eine Menge lustiger Chrome-Erweiterungen:

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

Und dieser Artikel handelt von einigen anderen:

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

Hadibou
quelle
2
Während dies theoretisch die Frage beantworten kann, ist es vorzuziehen , die wesentlichen Teile der Antwort hier aufzunehmen und den Link als Referenz bereitzustellen (dh Beispiele für die Chrome-Erweiterungen zu
posten
0

Sie können Pixtick verwenden. Web-Tool, keine Installation erforderlich und kostenlos. http://www.pixtick.com

D Bri
quelle
3
Ihre Antwort würde durch Hinzufügen von Screenshots verbessert, die zeigen, dass das von Ihnen empfohlene Tool die vom OP gestellten Anforderungen erfüllen kann.
Elder Geek
benötigt flash ....
virtualxtc