Ferramenta para adicionar formas, anotações e texto usando modelos para imagens

86

Muitas vezes, preciso fazer anotações (desenhe algumas setas, linhas, formas básicas, como quadrados, elipses etc. e insira algum texto) em cima de imagens (JPG, PNG) e capturas de tela (novamente imagens png). Eu também precisaria ser capaz de cortar, redimensionar etc.

Eu tentei o Gimp, mas só podia inserir texto e realizar todas as transformações de imagem, mas não conseguia encontrar uma maneira de desenhar caixas etc.

Finalmente, decidi pelo sorteio do Openoffice.org, mas sei que não é isso que eu quero, porque no oodraw eu preciso inserir minha foto em um desenho e redimensioná-la (ou o desenho) para caber e depois fazer alterações e finalmente exportar para png ...

Existe algum editor de imagens que permita adicionar formas e texto a arquivos jpg e png e salvar o arquivo modificado em seu lugar? Se a ferramenta também pode ter coleções de modelos (como o dia faz) para formas que são um bônus adicional.

koushik
fonte

Respostas:

100

Aviso: quebrado. O obturador está gravemente quebrado no Ubuntu 18.04 e não está disponível em versões posteriores.

O Shutter (que você pode instalar no Ubuntu Software Center ou sudo apt-get install shutter) é uma ferramenta que possui uma variedade de opções para tirar e anotar capturas de tela. (Nota: você pode anotar imagens de sua escolha, não apenas capturas de tela.)

Exemplo de captura de tela do obturador

8128
fonte
9
2 notas: 1. A interface é indireta - é necessário clicar no botão da barra de ferramentas para editar com o editor embutido para chegar à janela que permite fazer anotações. 2. sudo aptitude install shutternão instala o libgoo-canvas-perl, necessário para ativar o botão de edição! Não foi possível descobrir imediatamente: o obturador reclama de falta Goo::Canvas/libgoocanvasenquanto o aptitude search libgoocanvasshow libgoocanvas3está instalado - a dependência não atendida (tempo de execução) é libgoo-canvas-perl. Pensei em colocá-lo aqui, caso alguém queira experimentar o obturador depois de ler isso.
22410
1
Acontece que há um relatório de erro, mas foi marcado como inválido :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128
6
Acabei de governar a decisão sobre esse relatório de bug e enviei uma correção para o independente. libgoo-canvas-perlagora é recomendado e está instalado por padrão.
precisa saber é o seguinte
3
@aperson imgur suporte está lá agora :)
dukedave
2
E agora borked completamente para mim em 18.04. : ((E não apenas o botão de edição - Estou pessoas espantado tê-lo funcionando em tudo:. /
Dɑvïd
32

Flameshot

Ele vem com alguns recursos interessantes de anotação, como desenho à mão livre, linhas, setas, caixas, círculos, destaque, desfoque, etc. Ele também vem com muitos botões na tela e muitas opções de personalização.

insira a descrição da imagem aqui

É escrito com QT / C ++ e é muito fácil de instalar no Ubuntu (18.04+).

apt install flameshot

Você também pode tentar compilar para versões mais antigas.

Gaurav Gandhi
fonte
1
Parece que uma nova ferramenta de texto foi implementada e estará na próxima versão . Yay! Registrarei uma solicitação de aprimoramento para controle de opacidade e veremos se o desenvolvedor faz isso. ;)
Dɑvïd
1
Não estava em meu repositório distros, mas eu era capaz de encontrar um binário em outra distro aqui: repology.org/metapackage/flameshot/packages
virtualxtc
1
isso é graças surpreendentes, para ubuntu <18,04 download do pacote deb do launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
Sr. Coder
2
+1 para este, mas é uma pena que, por algum motivo estranho, não pareça permitir que anotações (texto) sejam adicionadas.
user1283068 15/03
1
Eu instalei a versão mais recente e as anotações de texto já estão disponíveis.
tomaskazemekas
8

Eu usaria o Inkscape

(que você pode instalar a partir do Ubuntu Software Center ou sudo apt-get install inkscape).

Instale através do centro de software

insira a descrição da imagem aqui Você precisará clicar com o botão direito do mouse na imagem, selecionar Abrir com -> Outro aplicativo ... e escolher Inkscape na lista. Depois de fazer isso pela primeira vez, basta clicar com o botão direito do mouse -> Abrir com -> Inkscape.

Isso importará a imagem para o Inkscape e a página será dimensionada para caber na imagem. Você pode fazer suas anotações.

Para salvá-lo, você precisa usar Arquivo -> Exportar bitmap, clique em Procurar ... e escolheu sua imagem original.

dv3500ea
fonte
1
+1 no inkscape. Cara, isso é incrível. Na IMO, existe uma curva de aprendizado - embora menor do que, digamos, no photoshop.
precisa saber é o seguinte
17
Adoro o inkscape, mas não concordo que seja uma boa ferramenta para editar scenshots. Veja como é difícil adicionar uma seta simples.
snowguy
Eu vim aqui procurando uma alternativa para essa abordagem. Se o Inkscape pudesse abrir em menos de 1 segundo e reconhecesse que De fato eu o abri para anotar uma captura de tela, isso seria incrível. Mas isso não acontece, e somos forçados a pular aros completos e esperar o carregamento, o que não é bom quando você tem 30 capturas de tela para fazer em rápida sucessão.
Lennart Rolland 23/03
3
É como matar moscas com artilharia pesada ...
Fran Marzoa
7

Você também pode tentar o GnuPaint ou o Krita. Não tenho certeza se é exatamente o que você está procurando, mas eles podem funcionar para você. Ambos estão no Centro de Software.

GnuPaint

insira a descrição da imagem aqui

Krita

insira a descrição da imagem aqui

gamerchick02
fonte
gpaint foi a recomendação perfeito para mim, o mínimo de pequenas, deps e básica para marcar rapidamente uma imagem
Maks
@ Maks: digamos que você adicionou algum texto. Como você pode movê-lo para a posição desejada na captura de tela (por exemplo, para não ocultar outros elementos da imagem)?
Dan Dascalescu 1/11/16
1
Para quem procura, Gnu Paint não têm uma função de desfazer ... tornando-o bastante inútil
Ben enrolamento
O gpaint é muito legal. alguns níveis de desfazer realmente seriam ótimos.
simgineer 12/04
5

Se você deseja permanecer no gimp, pode adicionar caixas e círculos / elipses. Use a ferramenta de seleção de retângulo ou elipse e, quando tiver as formigas em marcha, no menu principal, clique em Editar / Seleção de traçado e faça o seu estilo de linha.

Existem plug-ins do gimp para fazer setas (que eu ainda não tentei), mas demorou apenas alguns minutos para encontrar um site de clip-art, copiar uma imagem de seta, convertê-la em um gif de fundo transparente usando essas instruções e adicioná-la como uma nova camada para a imagem. A camada de seta pode ser movida, girada, escalada, colorida etc.

W_Whalley
fonte
Informativo. Eu sabia que havia uma maneira de fazer isso com o gimp. Eu também quero mesmo ficar com o gimp - já que eu o uso para muitas outras coisas. Obrigado pela dica.
koushik
1
Eu tentei o plugin de seta, é difícil de usar. Não consigo visualizar a forma da seta. Eu tive que clicar no item de menu da seta para cada linha de seta. Melhor que nada, no entanto.
Xiè Jìléi
Eu também usei o plugin de seta. Não é uma boa solução. Ele faz apenas flechas retas e se você fizer algumas flechas longas e outras curtas, a cabeça das flechas longas fica muito grande e parece estranha ao lado de uma flecha mais curta.
snowguy 11/07/12
Gimp é um editor de bitmap. Operações simples como vetor, sem falar na adição de legendas ou setas, não são para isso que o Gimp foi projetado . Use a ferramenta certa para o trabalho.
Dan Dascalescu 1/11/16
2

Você pode usar o Firefox ou o navegador Chrome para fazer isso. No firefox, você deve instalar o addon fireshot e no chrome "screen capture"

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

Infelizmente, o fireshot funciona apenas no Windows. Aqui está uma lista de tais complementos. Por favor, teste-os por conta própria. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

A captura de tela funciona no Chrome

https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg
Aprendiz curioso
fonte
Você pode capturar outras áreas além do conteúdo da página da web com esta ferramenta? Por exemplo, você pode capturar o Chrome DevTools?
Dan Dascalescu 1/11/16
2

No Ubuntu (ou Linux Mint), tente o Kolourpaint . É fácil de usar e possui os recursos que você descreve.

insira a descrição da imagem aqui

Instale através do centro de software

kupitt
fonte
ABSOLUTAMENTE A MELHOR RESPOSTA - desculpe pelas tampas ... mas acho que vale a pena. Eu achei a maioria dos outros aplicativos com bugs ou inchaço. Este é sólido, faz apenas o necessário e funciona perfeitamente com o recurso Abrir com na captura de tela. Também é uma instalação pequena. O Krita está muito inchado. A instalação tinha mais de 300 MB, isto é apenas 67 MB. A OP não pediu o recurso de captura de tela. Não consigo entender por que o flameshot é uma resposta, a menos que seja apenas um plugue sem vergonha. Ksnip e gnupaint não estão disponíveis para outros sabores do Ubuntu (eu estou no Xubuntu)
MikeM 14/03
2

Eu recomendo a extensão "Awesome Screenshot". Você pode adicionar facilmente texto, setas simples e outras formas.

Google Chrome

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

Raposa de fogo

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

Ópera

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

Michal Przybylowicz
fonte
Mencione as limitações do Awesome Screenshot. Você pode tirar uma captura de tela do DevTools do navegador, por exemplo?
Dan Dascalescu 1/11/16
1

Ksnip

Porque eu corro o KDE usando aplicativos temáticos GTK como o Shutter não é o ideal. Depois de fazer algumas pesquisas, decidi ksnipcomo uma ferramenta de captura de tela. Tem praticamente tudo o que você pediu (se precisar cortar, basta fazer outra captura de tela).

captura de tela ksnip de uma captura de tela ksnip

Instalar

Você pode instalar o ksnip buy baixando os pacotes .deb aqui https://github.com/DamirPorobic/ksnip/releases

ou verifique se ele já está na sua versão do repositório do Ubuntu vi apt:

apt install ksnip

virtualxtc
fonte
1

Eu uso o LibreOffice impress https://www.libreoffice.org/discover/impress/ para anotações.

Basta copiar e colar a imagem no slide e adicionar todas as formas e texto que servirão como anotações. Em seguida, exporte para qualquer um dos muitos formatos disponíveis, como JPEG, PDF etc.

A anotação no Impress mantém as "anotações" como uma camada separada, permitindo que você as edite a qualquer momento. Por outro lado, se você fizer anotações com, por exemplo, a ferramenta de edição do Obturador, depois de salvar a imagem com as anotações, não poderá desfazer as alterações (será necessário refazer a anotação da imagem inteira no estado inicial ou usar a ferramenta borracha para fazer correções nas anotações existentes).

rlib
fonte
0

Você pode dar uma olhada aqui, você encontrará várias extensões engraçadas do Chrome:

https://chrome.google.com/webstore/search-extensions/screenshot?hl=pt-BR

E esse artigo articulado fala sobre outros:

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

hadibou
fonte
2
Embora isto possa teoricamente responder à pergunta, seria preferível para incluir as partes essenciais da resposta aqui, e fornecer o link para a referência (ou seja, exemplos pós das extensões do Chrome.)
Oyibo
0

Você pode usar o Pixtick. Ferramenta Web, nenhuma instalação é necessária e gratuita. http://www.pixtick.com

D Bri
fonte
3
Sua resposta seria melhorada adicionando capturas de tela mostrando que a ferramenta que você recomenda pode fazer o que o OP pede.
Elder Geek
requer flash ....
virtualxtc