Инструмент для добавления фигур, аннотаций и текста с использованием шаблонов к изображениям


86

Часто мне нужно аннотировать (нарисовать стрелки, линии, основные фигуры, такие как квадраты, эллипсы и т. Д. И ввести текст) поверх изображений (JPG, PNG-изображений) и снимков экрана (опять-таки изображений PNG). Я также должен иметь возможность обрезать, изменять размер и т. Д.

Я попробовал Gimp, но я мог только вводить текст и выполнять все преобразования изображений, но не мог найти способ рисовать прямоугольники и т. Д.

В конце концов я остановился на рисовании Openoffice.org, но я знаю, что это не то, чего я хочу, потому что в oodraw мне нужно вставить свою фотографию в чертеж и изменить его размер (или чертеж), чтобы соответствовать, а затем приступить к внесению изменений и, наконец, экспорт в png ...

Существует ли какой-либо графический редактор, позволяющий добавлять фигуры и текст в файлы jpg & png и сохранять измененный файл на его месте? Если у инструмента также могут быть коллекции шаблонов (как у dia) для фигур, это дополнительный бонус.

Ответы:


100

Предупреждение: сломано. Затвор сильно сломан в Ubuntu 18.04 и недоступен в более поздних версиях.

Shutter (который вы можете установить из Ubuntu Software Center или sudo apt-get install shutter) - это инструмент, который имеет множество опций для создания и аннотирования скриншотов. (Примечание. Вы можете комментировать любые изображения по вашему выбору, а не только снимки экрана.)

Скриншот примера затвора


9
2 примечания: 1. Интерфейс является косвенным - нужно нажать на кнопку панели инструментов для редактирования с помощью встроенного редактора, чтобы попасть в окно, которое позволяет делать аннотации. 2. sudo aptitude install shutterне устанавливает libgoo-canvas-perl, который необходим для включения кнопки редактирования! Не могу понять это сразу: shutter жалуется на отсутствие Goo::Canvas/libgoocanvasпри установке aptitude search libgoocanvasshow libgoocanvas3- зависимость unmet (runtime) - libgoo-canvas-perl. Мысль поставить его здесь на случай, если кто-нибудь захочет попробовать затвор после прочтения этого.
Кошик

1
Оказывается, есть сообщение об ошибке, но оно было помечено как недействительное :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128

6
Я просто отклонил решение по этому сообщению об ошибке и загрузил исправление в Maverick. libgoo-canvas-perlтеперь рекомендуется и устанавливается по умолчанию.
Andrewsomething

3
Поддержка @aperson imgur теперь есть :)
dukedave

2
И теперь полностью сорван для меня в 18.04. : ((И не только кнопка редактирования - я поражен, что люди вообще ее запускают.: /
D Junvïd

32

Flameshot

Он поставляется с некоторыми интересными функциями аннотации, такими как рисование от руки, линии, стрелки, рамки, круги, выделение, размытие и т. Д. Он также поставляется с множеством экранных кнопок и множеством параметров настройки.

введите описание изображения здесь

Он написан на QT / C ++, и его очень легко установить в Ubuntu (18.04+).

apt install flameshot

Вы также можете попробовать скомпилировать для более старых версий.


1
Похоже, новый текстовый инструмент реализован и будет в следующем выпуске . Ура! Я запишу запрос на улучшение контроля непрозрачности, и посмотрим, пойдет ли на это разработчик. ;)
Девид

1
Это не было в моем репозитории дистрибутивов, но я смог найти бинарный файл в другом дистрибутиве здесь: repology.org/metapackage/flameshot/packages
virtualxtc

1
это удивительно, спасибо за то, что ubuntu <18.04 загрузил пакет deb с launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
Mr Coder

2
+1 за это, но это такой позор, что он по какой-то странной причине не позволяет добавлять аннотации (текст).
user1283068

1
Я установил последнюю версию и текстовые аннотации уже доступны.
Томасказемекас

8

Я бы использовал Inkscape

(который вы можете установить из Ubuntu Software Center или sudo apt-get install inkscape).

Установить через центр программного обеспечения

введите описание изображения здесь Вам нужно будет щелкнуть правой кнопкой мыши по изображению, выбрать «Открыть с помощью -> Другое приложение» и выбрать Inkscape из списка. После того, как вы сделали это в первый раз, вы можете просто щелкнуть правой кнопкой мыши -> Открыть с помощью -> Inkscape.

Это импортирует изображение в Inkscape, и размер страницы будет соответствовать размеру изображения. Затем вы можете сделать свои аннотации.

Чтобы сохранить его, вам нужно использовать File -> Export Bitmap, нажать Browse ... и выбрать исходное изображение.


1
+1 к чернильнице. Чувак, это круто. ИМО, однако, есть кривая обучения - хотя и меньше, чем, скажем, фотошоп.
Кошик

17
Я люблю inkscape, но не согласен с тем, что это хороший инструмент для редактирования скриншотов. Просто посмотрите, как сложно добавить простую стрелку.
снежный парень

Я пришел сюда в поисках альтернативы этому подходу. Если бы Inkscape мог открыться менее чем за 1 секунду и узнал, что на самом деле я просто открыл его для аннотации снимка экрана, это было бы здорово. Но это не так, и мы вынуждены перепрыгивать через обручи и ждать, пока он загрузится, что нехорошо, когда у вас есть 30 скриншотов, которые нужно сделать быстро.
Леннарт Роллан

3
Это похоже на убийство мух тяжелой артиллерией ...
Фран Марзоа

7

Вы также можете попробовать GnuPaint или Krita. Не уверен, что это именно то, что вы ищете, но они могут работать на вас. Оба находятся в Центре программного обеспечения.

GnuPaint

введите описание изображения здесь

Krita

введите описание изображения здесь


gpaint была для меня идеальной рекомендацией, минимальный размер шрифта и базовый уровень, чтобы быстро пометить скриншот
Maks

@Maks: допустим, вы добавили текст. Как вы можете подтолкнуть его к желаемой позиции на скриншоте (например, чтобы не затемнять другие элементы изображения)?
Дан Даскалеску

1
Для тех, кто ищет, Gnu Paint не имеет функции отмены ... что делает его довольно бесполезным
Бен Виндинг

gpaint действительно хорош хотя пара уровней отмены будет действительно потрясающей.
simgineer

5

Если вы хотите остаться в GIMP, вы можете добавить коробки и круги / эллипсы. Используйте инструмент выбора прямоугольника или эллипса, и, когда у вас есть муравьи, в главном меню выберите «Правка / Выбор обводки», а затем выберите стиль линии.

Существуют плагины gimp для создания стрелок (которые я не пробовал), однако понадобилось всего несколько минут, чтобы найти сайт с клипами, скопировать изображение стрелки, преобразовать его в gif с прозрачным фоном, используя эти указания , и добавить его. как новый слой к изображению. Слой со стрелкой можно перемещать, поворачивать, масштабировать, окрашивать и т. Д.


Познавательный. Я знал, что есть способ сделать это с GIMP. Я также действительно хочу остаться с гимном - так как я уже использую это для очень многих других вещей. Спасибо за чаевые.
Кошик

1
Я попробовал плагин стрелка, это трудно использовать. Я не могу просмотреть форму стрелки. Я должен был щелкнуть пункт меню стрелки для каждой линии стрелки. Хотя лучше, чем ничего.
Xiè Jìléi

Я также использовал плагин стрелки. Не очень хорошее решение. Он делает только прямые стрелки, и если вы сделаете несколько длинных стрелок и несколько коротких стрелок, то головка длинных стрел становится слишком большой и выглядит странно рядом с более короткой стрелкой.
снежный парень

Gimp - это растровый редактор. Простые векторные операции, не говоря уже о добавлении заголовков или стрелок, просто не предназначены для Gimp . Используйте правильный инструмент для работы.
Дан Даскалеску

2

Вы можете использовать Firefox или браузер Chrome для этого. На Firefox вы должны установить аддон Fireshot и на Chrome «захват экрана»

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

К сожалению, fireshot работает только на Windows. Вот список таких аддонов. Пожалуйста, проверьте их самостоятельно. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Захват экрана будет делать на Chrome

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

С помощью этого инструмента вы можете захватывать другие области, кроме содержимого веб-страницы? Например, вы можете захватить Chrome DevTools?
Дан Даскалеску

2

В Ubuntu (или Linux Mint) попробуйте Kolourpaint . Он прост в использовании и имеет функции, которые вы описываете.

введите описание изображения здесь

Установить через центр программного обеспечения


АБСОЛЮТНО ЛУЧШИЙ ОТВЕТ - извините за шапки .. но я думаю, это того стоит. Я обнаружил, что большинство других приложений глючит или раздувается. Это надежное приложение, которое делает только то, что ему нужно, и прекрасно работает с функцией «Открыть с помощью» в снимке экрана. Также его небольшая установка. Крита очень раздутая .. установка была более 300 МБ, это всего лишь 67 МБ. ОП не спрашивал о функции скриншота. Я не могу понять, почему Flameshot является ответом, если это не просто бесстыдная вилка. Ksnip и gnupaint недоступны для других версий Ubuntu (я нахожусь на Xubuntu)
MikeM

2

Я рекомендую расширение "Awesome Screenshot", вы можете легко добавить туда текст, простые стрелки и другие фигуры.

Гугл Хром

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

Fire Fox

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

опера

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


Пожалуйста, отметьте ограничения Awesome Screenshot. Можете ли вы сделать снимок экрана DevTools браузера, например?
Дан Даскалеску

1

Ksnip

Потому что я запускаю KDE, используя GTK-приложения, такие как Shutter, не идеально. После некоторого исследования я остановился на ksnipскриншоте. Он содержит почти все, что вы просили (если вам нужно обрезать, просто сделайте это, сделав еще один скриншот).

снимок экрана ksnip снимка экрана ksnip

устанавливать

Вы можете установить ksnip buy, загрузив пакеты .deb здесь https://github.com/DamirPorobic/ksnip/releases

или проверьте, есть ли это в вашей версии репозитория Ubuntu vi apt:

удачная установка ksnip


1

Я использую LibreOffice impression https://www.libreoffice.org/discover/impress/ для аннотаций.

Просто скопируйте, вставьте изображение в слайд и добавьте все формы и текст, которые будут использоваться в качестве аннотаций. Затем экспортируйте в любой из многих доступных форматов, таких как JPEG, PDF и т. Д.

Аннотирование с помощью Impress сохраняет «аннотации» в виде отдельного слоя, что позволяет редактировать их в любое время. С другой стороны, если вы аннотируете, скажем, с помощью инструмента редактирования затвора, после того, как вы сохранили изображение с аннотациями, вы не сможете отменить изменения (вам нужно повторно аннотировать все изображение из исходного состояния или использовать инструмент ластик). внести исправления в существующие аннотации).


0

Вы можете посмотреть здесь, вы найдете множество забавных расширений для Chrome:

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

И эта статья говорит о некоторых других:

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


2
Хотя это теоретически может дать ответ на вопрос, было бы предпочтительным включить сюда основные части ответа и предоставить ссылку для справки (т.е. опубликовать примеры расширений Chrome)
Oyibo

0

Вы можете использовать Pixtick. Веб-инструмент, установка не требуется и бесплатная. http://www.pixtick.com


3
Ваш ответ будет улучшен добавлением скриншотов, показывающих, что инструмент, который вы рекомендуете, может делать то, что просит OP.
Старейшина Гик

требует вспышки ....
virtualxtc
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.