Strumento per aggiungere forme, annotazioni e testo usando i modelli alle immagini


86

Spesso ho bisogno di annotare (disegnare alcune frecce, linee, forme di base come quadrati, ellissi ecc. E inserire del testo) sopra le immagini (JPG, immagini PNG) e gli screenshot (di nuovo immagini png). Dovrei anche essere in grado di ritagliare, ridimensionare ecc.

Ho provato Gimp, ma ho potuto solo inserire il testo ed eseguire tutte le trasformazioni dell'immagine, ma non sono riuscito a trovare un modo per disegnare caselle ecc.

Alla fine ho optato per il disegno di Openoffice.org, ma so che non è quello che voglio, perché in Oodraw ho bisogno di inserire la mia foto in un disegno e ridimensionarla (o il disegno) per adattarla e poi fare le modifiche e infine esporta in png ...

Esiste un editor di immagini che consente di aggiungere forme e testo ai file jpg & png e di salvare il file modificato al suo posto? Se lo strumento può anche avere raccolte di modelli (come dia) per forme, questo è un ulteriore vantaggio.

Risposte:


100

Attenzione: rotto. L'otturatore è gravemente rotto in Ubuntu 18.04 e non è disponibile nelle versioni successive.

Shutter (che puoi installare da Ubuntu Software Center o sudo apt-get install shutter) è uno strumento che offre una varietà di opzioni per acquisire e annotare schermate. (Nota: puoi annotare qualsiasi immagine di tua scelta, non solo schermate.)

Schermata di esempio dell'otturatore


9
2 note: 1. L'interfaccia è indiretta - è necessario fare clic sul pulsante della barra degli strumenti per la modifica con l'editor incorporato per accedere alla finestra che consente di creare annotazioni. 2. sudo aptitude install shutternon installa libgoo-canvas-perl che è necessario per abilitare il pulsante di modifica! Non sono riuscito a capirlo subito: Shutter si lamenta della scomparsa Goo::Canvas/libgoocanvasmentre è installato aptitude search libgoocanvasshow libgoocanvas3- la dipendenza non soddisfatta (runtime) è libgoo-canvas-perl. Ho pensato di metterlo qui nel caso qualcuno volesse provare l'otturatore dopo aver letto questo.
Koushik,

1
Si scopre che esiste una segnalazione di bug, ma è stata contrassegnata come non valida :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128

6
Ho appena annullato la decisione sulla segnalazione di bug e ho caricato una correzione su Maverick. libgoo-canvas-perlora è un Raccomandato ed è installato di default.
Andrewsomething

3
Il supporto di @aperson imgur è ora disponibile :)
dukedave

2
E ora completamente impazzito per me nel 18.04. : ((E non solo il pulsante di modifica - Sono stupito che le persone lo eseguano affatto.: /
Dɑvïd

32

Flameshot

Viene fornito con alcune interessanti funzioni di annotazione come Disegno a mano libera, Linee, Frecce, Scatole, Cerchi, Evidenziazione, Sfocatura, ecc. Viene inoltre fornito con molti pulsanti sullo schermo e molte opzioni di personalizzazione.

inserisci qui la descrizione dell'immagine

È scritto con QT / C ++ ed è molto facile da installare in Ubuntu (18.04+).

apt install flameshot

Puoi anche provare a compilare per le versioni precedenti.


1
Sembra che sia stato implementato un nuovo strumento di testo e sarà nella prossima versione . Sìì! Registrerò una richiesta di miglioramento per il controllo dell'opacità e vedremo se lo sviluppatore lo farà. ;)
Dɑvïd,

1
Non era nel mio repository distro, ma sono stato in grado di trovare un binario in un'altra distro qui: repology.org/metapackage/flameshot/packages
virtualxtc

1
questo è incredibile grazie, per Ubuntu <18.04 scarica il pacchetto deb da launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
Mr Coder

2
+1 per questo, ma è un peccato che per qualche strana ragione non sembra consentire l'aggiunta di annotazioni (testo).
user1283068

1
Ho installato l'ultima versione e le annotazioni di testo sono già disponibili.
tomaskazemekas,

8

Vorrei usare Inkscape

(che è possibile installare da Ubuntu Software Center o sudo apt-get install inkscape).

Installa tramite il centro software

inserisci qui la descrizione dell'immagine Dovrai fare clic con il pulsante destro del mouse sull'immagine, selezionare Apri con -> Altre applicazioni ... e scegliere Inkscape dall'elenco. Dopo averlo fatto per la prima volta, puoi semplicemente fare clic con il pulsante destro del mouse -> Apri con -> Inkscape.

Ciò importerà l'immagine in Inkscape e la pagina verrà ridimensionata per adattarla all'immagine. È quindi possibile effettuare le annotazioni.

Per salvarlo, devi utilizzare File -> Esporta bitmap, fai clic su Sfoglia ... e scegli l'immagine originale.


1
+1 a inkscape. Amico, è fantastico. IMO esiste una curva di apprendimento, sebbene più piccola di, diciamo, Photoshop.
Koushik,

17
Adoro Inkscape ma non sono d'accordo sul fatto che sia un buon strumento per la modifica di screnshots. Guarda quanto è difficile aggiungere una semplice freccia.
snowguy,

Sono venuto qui alla ricerca di un'alternativa a questo approccio. Se Inkscape potesse aprirsi in meno di 1 secondo e riconoscesse che in effetti l'ho appena aperto per annotare una screencapture, sarebbe fantastico. Ma non è così, e siamo costretti a saltare dei cerchi completi e ad aspettare che si carichi, il che non va bene quando hai 30 schermate da fare in rapida successione.
Lennart Rolland,

3
È come uccidere mosche con artiglieria pesante ...
Fran Marzoa,

7

Potresti anche provare GnuPaint o Krita. Non sono sicuro che sia esattamente quello che stai cercando, ma potrebbero funzionare per te. Entrambi sono nel Software Center.

GnuPaint

inserisci qui la descrizione dell'immagine

Krita

inserisci qui la descrizione dell'immagine


gpaint è stata la raccomandazione perfetta per me, minimale, deps e semplice per segnare rapidamente uno screenshot
Fa

@Maks: diciamo che hai aggiunto del testo. Come puoi spostarlo nella posizione desiderata nello screenshot (ad esempio per non oscurare altri elementi dell'immagine)?
Dan Dascalescu,

1
Per chiunque stia guardando, Gnu Paint non ha una funzione di annullamento ... rendendolo piuttosto inutile
Ben Winding,

gpaint è davvero carino. un paio di livelli di annullamento farebbero davvero oscillare.
simgineer

5

Se vuoi rimanere in gimp, puoi aggiungere caselle e cerchi / ellissi. Usa lo strumento di selezione rettangolo o ellisse e, quando hai le formiche in marcia, nel menu principale fai clic su Modifica / Traccia selezione, quindi fai la tua scelta dello stile di linea.

Ci sono plug-in gimp per fare frecce (che non ho provato), tuttavia ci sono voluti solo pochi minuti per trovare un sito di clip art, copiare un'immagine di una freccia, convertirla in una GIF con sfondo trasparente usando queste indicazioni e aggiungerla come nuovo livello per l'immagine. Il livello della freccia può essere spostato, ruotato, ridimensionato, colorato, ecc.


Informativo. Sapevo che c'era un modo per farlo con il gimp. In effetti, voglio anche stare con GIMP, poiché lo uso già per tante altre cose. Grazie per il consiglio.
Koushik,

1
Ho provato il plugin freccia, è difficile da usare. Non riesco a visualizzare l'anteprima della forma della freccia. Ho dovuto fare clic sulla voce di menu freccia per ogni linea di freccia. Meglio di nessuno, però.
Xiè Jìléi,

Ho anche usato il plugin freccia. Non è una buona soluzione. Fa solo frecce diritte e se fai alcune frecce lunghe e alcune frecce corte la testa delle frecce lunghe diventa troppo grande e sembra strana accanto a una freccia più corta.
snowguy,

Gimp è un editor bitmap. Semplici operazioni simili a vettori, per non parlare dell'aggiunta di didascalie o frecce, non sono proprio ciò per cui Gimp è stato progettato . Usa lo strumento giusto per il lavoro.
Dan Dascalescu,

2

A tale scopo, puoi utilizzare il browser Firefox o Chrome. Su Firefox devi installare l'addon Fireshot e su Chrome "Screen Capture"

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

Sfortunatamente Fireshot funziona solo su Windows. Ecco un elenco di tali componenti aggiuntivi. Si prega di testarli da soli. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Screen Capture funzionerà su Chrome

https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg

Riesci a catturare aree diverse dal contenuto della pagina Web con questo strumento? Ad esempio puoi catturare Chrome DevTools?
Dan Dascalescu,

2

Su Ubuntu (o Linux Mint), prova Kolourpaint . È facile da usare e ha le caratteristiche che descrivi.

inserisci qui la descrizione dell'immagine

Installa tramite il centro software


ASSOLUTAMENTE LA MIGLIORE RISPOSTA - scusate i tappi .. ma penso che ne valga la pena. Ho trovato la maggior parte delle altre app buggy o gonfia. Questo è solido, fa solo ciò di cui ha bisogno e funziona perfettamente con la funzione Apri con in Screenshot. È anche una piccola installazione. Krita è molto gonfio .. l'installazione è stata di oltre 300 MB, questo è solo 67 MB. OP non ha richiesto la funzione di shotting dello schermo. Non riesco a capire perché Flameshot sia una risposta a meno che non sia solo una spina spudorata. Ksnip e gnupaint non sono disponibili per altre versioni di Ubuntu (sono su Xubuntu)
MikeM

2

Si prega di menzionare i limiti di Awesome Screenshot. Puoi fare uno screenshot di DevTools del browser, per esempio?
Dan Dascalescu,

1

Ksnip

Perché eseguo KDE usando app a tema GTK come Shutter non è l'ideale. Dopo aver fatto qualche ricerca, ho optato per ksnipuno strumento per screenshot. Ha praticamente tutto ciò che hai richiesto (se hai bisogno di ritagliare, basta farlo prendendo un altro screenshot).

schermata ksnip di una schermata ksnip

Installare

Puoi installare ksnip buy scaricando i pacchetti .deb qui https://github.com/DamirPorobic/ksnip/releases

o controlla se è già nella tua versione del repository di Ubuntu vi apt:

apt installa ksnip


1

Uso LibreOffice impress https://www.libreoffice.org/discover/impress/ per le annotazioni.

Basta copiare incollare l'immagine nella diapositiva e aggiungere tutte le forme e il testo che serviranno da annotazioni. Quindi esporta in uno dei molti formati disponibili, come JPEG, PDF, ecc.

Le annotazioni con Impress mantengono le "annotazioni" come un livello separato che consente di modificarle in qualsiasi momento. D'altra parte, se annoti con, ad esempio, lo strumento di modifica dell'otturatore, una volta salvata l'immagine con le annotazioni, non puoi annullare le modifiche (dovrai annotare nuovamente l'intera immagine dallo stato iniziale o utilizzare lo strumento gomma per apportare correzioni alle annotazioni esistenti).


0

Puoi dare un'occhiata qui, troverai molte estensioni di Chrome divertenti:

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

E questo articolo parla di alcuni altri:

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


2
Sebbene ciò possa teoricamente rispondere alla domanda, sarebbe preferibile includere qui le parti essenziali della risposta e fornire il link di riferimento (ad esempio, pubblicare esempi delle estensioni di Chrome)
Oyibo,

0

Puoi usare Pixtick. Strumento Web, nessuna installazione richiesta e gratuita. http://www.pixtick.com


3
La tua risposta sarebbe migliorata aggiungendo schermate che mostrano che lo strumento che consigli può fare ciò che l'OP chiede.
Elder Geek,

richiede flash ....
virtualxtc
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.