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.

software-recommendation image-processing

— koushik
fonte

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.

É 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).

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

— 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).

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