テンプレートを使用して画像に形状、注釈、テキストを追加するツール


86

多くの場合、写真(JPG、PNG画像)およびスクリーンショット(再びpng画像)の上に注釈を付ける(矢印、線、正方形、楕円などの基本的な図形を入力し、テキストを入力する)必要があります。また、切り抜き、サイズ変更などができる必要があります。

Gimpを試しましたが、テキストを入力してすべての画像変換を実行できましたが、ボックスなどを描画する方法が見つかりませんでした。

最終的にOpenoffice.orgのドローに落ち着きましたが、oodrawでは自分の写真をドローイングに挿入し、それに合わせてサイズ(またはドローイング)のサイズを変更してから、変更を加え、 PNGにエクスポート...

jpgおよびpngファイルに図形とテキストを追加し、その場所に変更されたファイルを保存できる画像エディターはありますか?ツールに(diaのように)テンプレートコレクションも含めることができる場合、これは追加のボーナスです。

回答:


100

警告:壊れています。シャッターはUbuntu 18.04でひどく壊れており、それ以降のバージョンでは使用できません。

シャッター(Ubuntu Software Centerまたはからインストールできますsudo apt-get install shutter)は、スクリーンショットを撮影して注釈を付けるためのさまざまなオプションを備えたツールです。(注:スクリーンショットだけでなく、任意の画像に注釈を付けることができます。)

シャッターの例のスクリーンショット


9
2注:1. Intefaceは間接的です-組み込みエディターで編集するには、ツールバーボタンをクリックして、注釈を作成できるウィンドウに移動する必要があります。2. sudo aptitude install shutter編集ボタンを有効にするために必要なlibgoo-canvas-perlをインストールしません!すぐに理解できませんでした:showのインストールGoo::Canvas/libgoocanvas中にシャッターが見つからないと文句を言います-満たされていない(実行時)依存関係はlibgoo-canvas-perlです。誰かがこれを読んだ後にシャッターを試してみたい場合に備えて、ここに置くことを考えました。aptitude search libgoocanvaslibgoocanvas3
koushik

1
バグレポートがありますが、無効とマークされています:( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128

6
そのバグレポートの決定を覆し、maverickに修正をアップロードしました。libgoo-canvas-perlが推奨になり、デフォルトでインストールされます。
アンドリューサム

3
@aperson imgurサポートは現在あります:)
dukedave

2
そして今、18.04に完全に退屈しました。:((だけではなく編集ボタン -私は、人々はそれがすべてで実行している驚い:/
Dɑvïd

32

フレームショット

フリーハンド描画、線、矢印、ボックス、円、ハイライト、ぼかしなどのいくつかのクールな注釈機能が付属します。また、多くのオンスクリーンボタンと多くのカスタマイズオプションが付属しています。

ここに画像の説明を入力してください

QT / C ++で書かれており、Ubuntu(18.04+)にインストールするのは非常に簡単です。

apt install flameshot

古いバージョン用にコンパイルすることもできます。


1
新しいテキストツールが実装され、次のリリースに搭載される予定です。わーい!不透明度制御の機能強化リクエストをログに記録し、開発者がそれを行うかどうかを確認します。;)
Dɑvïd18年

1
ディストリビューションリポジトリにはありませんでしたが、別のディストリビューションでバイナリを見つけることができました:repology.org/metapackage/flameshot/packages
virtualxtc

1
これはからのubuntu <18.04ダウンロードdebパッケージのための素晴らしいおかげで、あるlaunchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
氏コーダ

2
これは+1ですが、何らかの奇妙な理由で注釈(テキスト)の追加が許可されていないように見えるのは非常に残念です。
user1283068

1
最新リリースをインストールしましたが、テキストアノテーションはすでに利用可能です。
tomaskazemekas

8

私はInkscapeを使用します

(Ubuntu Software Centerまたはからインストールできますsudo apt-get install inkscape)。

ソフトウェアセンターからインストールする

ここに画像の説明を入力してください 画像を右クリックして、[アプリケーションから開く]-> [他のアプリケーション...]を選択し、リストから[Inkscape]を選択する必要があります。これを初めて行った後、右クリック-> Open With-> Inkscapeを実行するだけです。

これにより、イメージがInkscapeにインポートされ、ページがイメージに合わせてサイズ変更されます。その後、注釈を作成できます。

保存するには、[ファイル]-> [ビットマップのエクスポート]を使用し、[参照...]をクリックして元の画像を選択する必要があります。


1
inkscapeに+1。男、これはすごい。IMOには学習曲線があります-たとえフォトショップよりも小さいとはいえ。
koushik

17
私はinkscapeが大好きですが、それがscrenshotを編集するための良いツールであることに同意しません。単純な矢印を追加するのがどれだけ難しいかを見てください。
スノーガイ

私はこのアプローチに代わるものを探してここに来ました。Inkscapeが1秒未満で開くことができ、実際にスクリーンキャプチャに注釈を付けるためにそれを開いただけだと認識できたら、それは素晴らしいことです。しかし、そうではなく、徹底的なフープをジャンプして、ロードされるのを待つことを余儀なくされています。
レナート・ローランド

3
これは、重砲でハエを殺すようなものです...
フランMarzoa

7

GnuPaintまたはKritaを試してみることもできます。それがまさにあなたが探しているものかどうかはわかりませんが、彼らはあなたのために働くかもしれません。どちらもソフトウェアセンターにあります。

GnuPaint

ここに画像の説明を入力してください

クリタ

ここに画像の説明を入力してください


gpaintは私にとって完璧な勧告した、最小限の小型、depsの基本はすぐにスクリーンショットをマークアップするために
MAKS

@Maks:テキストを追加したとしましょう。スクリーンショット内の目的の位置にどのように動かすことができますか(たとえば、画像の他の要素を不明瞭にしないために)。
ダンダスカレスク16年

1
探している人にとっては、Gnu Paintには元に戻す機能がありません...かなり役に立たない
Ben Winding

gpaintは本当にいいです。いくつかのレベルの元に戻す操作は本当に効果的です
simgineer

5

gimpにとどまる場合は、ボックスと円/楕円を追加できます。長方形または楕円形の選択ツールを使用し、マーチングアリがある場合、メインメニューで[選択の編集/ストローク]をクリックし、ラインスタイルを選択します。

矢印を実行するためのgimpプラグインがあります(私は試していません)が、クリップアートサイトを見つけ、矢印画像をコピーし、これらの指示を使用して透明な背景gifに変換し、追加するのに数分しかかかりませんでした画像への新しいレイヤーとして。矢印レイヤーは、移動、回転、拡大縮小、色付けなどができます。


有益。Gimpでそれを行う方法があることは知っていました。また、私は実際にgimpを使い続けたいと思っています-すでに他の多くのことに使用しているからです。ヒントをありがとう。
koushik

1
矢印プラグインを試してみましたが、使いにくいです。矢印の形をプレビューできません。各矢印線の矢印メニュー項目をクリックする必要がありました。しかし、どれよりも優れています。
謝Jìléi

矢印プラグインも使用しました。良い解決策ではありません。それはまっすぐな矢印だけを行い、いくつかの長い矢印といくつかの短い矢印を行うと、長い矢印の頭が大きくなり、短い矢印の隣に奇妙に見えます。
スノーガイ

Gimpはビットマップエディターです。キャプションや矢印を追加することはもちろんのこと、単純なベクターのような操作は、Gimpの設計対象ではありません。ジョブに適したツールを使用します。
ダンダスカレスク16年

2

これを行うには、FirefoxまたはChrome Webブラウザーを使用できます。firefoxでは、fireshotアドオンとchrome "screen capture"をインストールする必要があります

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

このツールを使用して、Webページのコンテンツ以外の領域をキャプチャできますか?たとえば、Chrome DevToolsをキャプチャできますか?
ダンダスカレスク16年

2

Ubuntu(またはLinux Mint)では、Kolourpaintを試してください。使いやすく、説明した機能があります。

ここに画像の説明を入力してください

ソフトウェアセンターからインストールする


絶対に最高の答え-キャップについては申し訳ありません..しかし、私はそれの価値があると思います。私は他のほとんどのアプリがバグがあるか、肥大化していることを発見しました。これはしっかりしていて、必要なことだけを行い、スクリーンショットのOpen With機能と完全に連携します。また、小さなインストール。Kritaは非常に肥大化しています..インストールは300MB以上でしたが、これはわずか67MBです。OPはスクリーンショット機能を要求しませんでした..フレームショットが恥知らずなプラグでない限り、なぜフレームショットが答えであるかを私は理解できません。Ksnipとgnupaintは、Ubuntuの他のフレーバーでは使用できません(Xubuntuを使用しています)
MikeM

2

「Awesome Screenshot」拡張機能をお勧めします。テキスト、単純な矢印、その他の形状を簡単に追加できます。

グーグルクローム

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

Firefox

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のスクリーンショットを撮ることはできますか?
ダンダスカレスク16年

1

キスニップ

シャッターのようなGTKテーマのアプリを使用してKDEを実行するのは理想的ではありません。いくつかの研究を行った後、私ksnipはスクリーンショットツールとして定着しました。あなたが要求したものはほとんどすべてあります(切り取る必要がある場合は、別のスクリーンショットを撮ってください)。

ksnipスクリーンショットのksnipスクリーンショット

インストール

https://github.com/DamirPorobic/ksnip/releasesから ksnip buyをインストールして、.debパッケージをダウンロードできます

または、それがすでにUbuntuのリポジトリvi aptのバージョンにあるかどうかを確認します。

apt install ksnip


1

LibreOffice impress 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を使用できます。Webツール、インストール不要、無料。 http://www.pixtick.com


3
あなたの答えは、あなたが推薦するツールがOPが求めることを実行できることを示すスクリーンショットを追加することによって改善されるでしょう。
オタク長老14

フラッシュが必要です
。...– virtualxtc
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.