Herramienta para agregar formas, anotaciones y texto usando plantillas para imágenes


86

A menudo necesito hacer anotaciones (dibujar algunas flechas, líneas, formas básicas como cuadrados, elipses, etc. e ingresar texto) en la parte superior de las imágenes (imágenes JPG, PNG) y capturas de pantalla (nuevamente imágenes png). También necesitaría poder recortar, cambiar el tamaño, etc.

Probé el Gimp pero solo pude ingresar texto y realizar todas las transformaciones de imagen, pero no pude encontrar una manera de dibujar cuadros, etc.

Finalmente me decidí por el dibujo de Openoffice.org, pero sé que eso no es lo que quiero, porque en Oodraw necesito insertar mi foto en un dibujo y cambiar su tamaño (o el dibujo) para que encaje y luego hacer cambios y finalmente exportar a png ...

¿Hay algún editor de imágenes que permita agregar formas y texto a archivos jpg & png y guardar el archivo modificado en su lugar? Si la herramienta también puede tener colecciones de plantillas (como lo hace dia) para formas, es una ventaja adicional.

Respuestas:


100

Advertencia: roto. Shutter está severamente roto en Ubuntu 18.04 y no está disponible en versiones posteriores.

Shutter (que puede instalar desde el Centro de software de Ubuntu o sudo apt-get install shutter) es una herramienta que tiene una variedad de opciones para tomar y anotar capturas de pantalla. (Nota: puede anotar cualquier imagen de su elección, no solo capturas de pantalla).

Captura de pantalla del ejemplo del obturador


99
2 notas: 1. La interfaz es indirecta: debe hacer clic en el botón de la barra de herramientas para editar con el editor incorporado para acceder a la ventana que permite realizar anotaciones. 2. sudo aptitude install shutterno instala libgoo-canvas-perl, que es necesario para habilitar el botón de edición. No se pudo resolver de inmediato: el obturador se queja de faltar Goo::Canvas/libgoocanvasmientras se instala aptitude search libgoocanvasshow libgoocanvas3; la dependencia no satisfecha (tiempo de ejecución) es libgoo-canvas-perl. Pensé en ponerlo aquí en caso de que alguien quiera probar el obturador después de leer esto.
koushik

1
Resulta que hay un informe de error, pero se ha marcado como no válido :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128

66
Acabo de descartar la decisión sobre ese informe de error y subí una solución a Maverick. libgoo-canvas-perlahora es un recomienda y se instala por defecto.
andrewsomething

3
@aperson imgur support is there :) :)
dukedave

2
Y ahora me fastidió por completo en 18.04. : ((Y no solo el botón de edición - Me sorprende que la gente lo tenga en funcionamiento.: /
Dɑvïd

32

Tiro al fuego

Viene con algunas características interesantes de anotación como dibujo a mano alzada, líneas, flechas, cuadros, círculos, resaltado, desenfoque, etc. También viene con muchos botones en pantalla y muchas opciones de personalización.

ingrese la descripción de la imagen aquí

Está escrito con QT / C ++ y es muy fácil de instalar en Ubuntu (18.04+).

apt install flameshot

También puede intentar compilar para versiones anteriores.


1
Parece que se implementa una nueva herramienta de texto y estará en la próxima versión . ¡Hurra! Registraré una solicitud de mejora para el control de opacidad, y veremos si el desarrollador lo hace. ;)
Dɑvïd

1
No estaba en mi repositorio de distribuciones, pero pude encontrar un binario en otra distribución aquí: repology.org/metapackage/flameshot/packages
virtualxtc

1
esto es increíble gracias, por ubuntu <18.04 descargar el paquete deb de launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
Mr Coder

2
+1 para este, pero es una pena que por alguna extraña razón no parezca permitir que se agreguen anotaciones (texto).
user1283068

1
He instalado la última versión y las anotaciones de texto ya están disponibles.
tomaskazemekas

8

Usaría Inkscape

(que puede instalar desde el Centro de software de Ubuntu o sudo apt-get install inkscape).

Instalar a través del centro de software

ingrese la descripción de la imagen aquí Deberá hacer clic con el botón derecho en la imagen, seleccionar Abrir con -> Otra aplicación ... y elegir Inkscape de la lista. Después de haber hecho esto por primera vez, puede hacer clic con el botón derecho -> Abrir con -> Inkscape.

Esto importará la imagen a Inkscape y el tamaño de la página se ajustará a la imagen. Luego puedes hacer tus anotaciones.

Para guardarlo, debe usar Archivo -> Exportar mapa de bits, hacer clic en Examinar ... y elegir su imagen original.


1
+1 a inkscape. Hombre, esto es asombroso. En mi opinión, hay una curva de aprendizaje, aunque más pequeña que, por ejemplo, Photoshop.
koushik

17
Me encanta Inkscape, pero no estoy de acuerdo con que sea una buena herramienta para editar instantáneas. Solo vea lo difícil que es agregar una flecha simple.
snowguy

Vine aquí buscando una alternativa a este enfoque. Si Inkscape pudiera abrir en menos de 1 segundo y reconociera que, de hecho, lo abrí para anotar una captura de pantalla, entonces sería increíble. Pero no lo hace, y nos vemos obligados a saltar aros a fondo y esperar a que se cargue, lo que no es bueno cuando tiene 30 capturas de pantalla para hacer en rápida sucesión.
Lennart Rolland

3
Esto es como matar moscas con artillería pesada ...
Fran Marzoa

7

También es posible que desee probar GnuPaint o Krita. No estoy seguro de si es exactamente lo que está buscando, pero podrían funcionar para usted. Ambos están en el Centro de software.

GnuPaint

ingrese la descripción de la imagen aquí

Krita

ingrese la descripción de la imagen aquí


gpaint fue la recomendación perfecta para mí, mínimo pequeño, deps y básico para marcar rápidamente una captura de pantalla
Maks

@Maks: supongamos que ha agregado texto. ¿Cómo puede moverlo a la posición deseada en la captura de pantalla (por ejemplo, para no oscurecer otros elementos de la imagen)?
Dan Dascalescu

1
Para cualquiera que busque, Gnu Paint no tiene una función de deshacer ... lo que lo hace bastante inútil
Ben Winding

gpaint es realmente agradable. Sin embargo, un par de niveles de deshacer realmente se moverían.
simgineer

5

Si desea permanecer en Gimp, puede agregar cuadros y círculos / elipses. Use la herramienta de selección de rectángulo o elipse, y cuando tenga las hormigas que marchan, en el menú principal, haga clic en Editar / Selección de trazo, luego elija su estilo de línea.

Hay complementos de gimp para hacer flechas (que no he probado), sin embargo, me tomó solo unos minutos encontrar un sitio de imágenes prediseñadas, copiar una imagen de flecha, convertirlo en un gif de fondo transparente usando estas instrucciones y agregarlo como una nueva capa para la imagen. La capa de flecha se puede mover, rotar, escalar, colorear, etc.


Informativo. Sabía que había una manera de hacerlo con el gimp. De hecho, también quiero quedarme con el gimp, ya que ya lo uso para muchas otras cosas. Gracias por el consejo.
koushik

1
He probado el complemento de flecha, es difícil de usar. No puedo previsualizar la forma de la flecha. Tuve que hacer clic en el elemento del menú de flecha para cada línea de flecha. Sin embargo, mejor que ninguno.
Xiè Jìléi

También he usado el complemento de flecha. No es una buena solución. Solo hace flechas rectas y si haces algunas flechas largas y algunas flechas cortas, la punta de las flechas largas se vuelve demasiado grande y se ve extraña al lado de una flecha más corta.
snowguy

Gimp es un editor de mapas de bits. Las simples operaciones tipo vector, y mucho menos agregar leyendas o flechas, no son para lo que Gimp fue diseñado . Use la herramienta adecuada para el trabajo.
Dan Dascalescu

2

Puede usar firefox o el navegador web Chrome para hacer esto. En Firefox, debe instalar el complemento Fireshot y la "captura de pantalla" de Chrome

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

Lamentablemente, fireshot solo funciona en Windows. Aquí hay una lista de tales complementos. Por favor, pruébelos usted mismo. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Captura de pantalla hará en Chrome

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

¿Puedes capturar otras áreas además del contenido de la página web con esta herramienta? Por ejemplo, ¿puedes capturar las Chrome DevTools?
Dan Dascalescu el

2

En Ubuntu (o Linux Mint), pruebe Kolourpaint . Es fácil de usar y tiene las características que usted describe.

ingrese la descripción de la imagen aquí

Instalar a través del centro de software


ABSOLUTAMENTE LA MEJOR RESPUESTA - perdón por las tapas ... pero creo que vale la pena. Encontré que la mayoría de las otras aplicaciones tienen errores o están hinchadas. Este es sólido, hace solo lo que necesita y funciona perfectamente con la función Abrir con en Captura de pantalla. También es una pequeña instalación. Krita está muy hinchada ... la instalación tenía más de 300 MB, esto es solo 67 MB. OP no solicitó la función de captura de pantalla. No puedo entender por qué Flameshot es una respuesta a menos que sea solo un enchufe descarado. Ksnip y gnupaint no están disponibles para otros sabores de Ubuntu (estoy en Xubuntu)
MikeM

2

Por favor mencione las limitaciones de Awesome Screenshot. ¿Puedes tomar una captura de pantalla de DevTools del navegador, por ejemplo?
Dan Dascalescu

1

Ksnip

Porque ejecuto KDE usando aplicaciones temáticas GTK como Shutter no es lo ideal. Después de investigar un poco, me decidí por ksnipuna herramienta de captura de pantalla. Tiene casi todo lo que solicitó (si necesita recortar, simplemente hágalo tomando otra captura de pantalla).

Captura de pantalla de ksnip de una captura de pantalla de ksnip

Instalar en pc

Puede instalar ksnip buy descargando los paquetes .deb aquí https://github.com/DamirPorobic/ksnip/releases

o verifique si ya está en su versión del repositorio de Ubuntu vi apt:

apt install ksnip


1

Uso LibreOffice impress https://www.libreoffice.org/discover/impress/ para anotaciones.

Simplemente copie y pegue la imagen en la diapositiva y agregue todas las formas y el texto que servirán como anotaciones. Luego, exporte a cualquiera de los muchos formatos disponibles, como JPEG, PDF, etc.

Anotar con Impress mantiene las "anotaciones" como una capa separada que le permite editarlas en cualquier momento. Por otro lado, si realiza anotaciones con, por ejemplo, la herramienta de edición Shutter, una vez que guardó la imagen con las anotaciones, no podrá deshacer los cambios (deberá volver a realizar anotaciones en toda la imagen desde el estado inicial o usar la herramienta borrador) para hacer correcciones a las anotaciones existentes).


0

Puedes echar un vistazo aquí, encontrarás muchas extensiones divertidas de Chrome:

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

Y este articulo habla de algunos otros:

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


2
Si bien esto puede responder teóricamente la pregunta, sería preferible incluir aquí las partes esenciales de la respuesta y proporcionar el enlace para referencia (es decir, publicar ejemplos de las Extensiones de Chrome)
Oyibo

0

Puedes usar Pixtick. Herramienta web, no requiere instalación y gratuita. http://www.pixtick.com


3
Su respuesta mejoraría al agregar capturas de pantalla que muestren que la herramienta que recomienda puede hacer lo que le pide el OP.
Élder Geek

requiere flash ....
virtualxtc
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.