スクリーンショット注釈ツール
あらゆる種類の注釈を、1 つのエディターでスクリーンショットに書き込めます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
スクリーンショット注釈ツールでできること
メニューから「ツール」を選んで描きます。「矢印」「四角形」「楕円」「テキスト」「番号付きステップ」「ハイライト」「吹き出し」「ぼかし」「モザイク」「墨消し」があります。ツールを切り替えても、それまでの編集はすべて残るため、パネルを枠で囲み、そのボタンに矢印を向け、ステップに番号を振り、顧客のメールアドレスを隠す作業を一度に済ませられます。
Shift キーを押しながら四角形をドラッグすると正方形、楕円なら正円になります。吹き出しは細部を枠で囲み、その横に塗りつぶしのラベルを付けます。ラベルは空きスペースに応じて右、上、下、または枠の内側に置かれます。1 種類の書き込みだけでよい場合は、スクリーンショットに矢印を追加のような単機能のページのほうが、考えるべき設定が少なく済みます。
例
選ぶもの
組み込みの請求ページのサンプル(「例を使う」)
ダウンロード
example-billing-settings-annotated.png 1440 × 900 px、3 件の編集:支払いカードを囲む赤い四角形、「支払い方法を更新」ボタンへの矢印、「請求」メニューのステップ 1
注釈の色の既定値は赤 #E5484D です。ただし「ハイライト」は黄色、「吹き出し」は青、「墨消し」は黒に近い色です。
スクリーンショット注釈ツールの使い方
- 「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
- 「ツール」を選び、色とサイズを調整して、画像上をドラッグまたはクリックします。ツールは何度でも切り替えられます。
- 「ダウンロードに含まれる編集」のリストを確認して不要なものを削除し、「.png をダウンロード」をクリックします。
知っておきたいこと
- 描いた後の編集は、移動やスタイルの変更ができません。編集を削除して描き直すか、「元に戻す」を使ってください。
- ぼかし、モザイク、墨消しのボックスは、追加した順序に関係なく、常に矢印、図形、テキスト、ステップ、ハイライトの下に描かれます。注釈そのものをぼかすには、画像をダウンロードしてからもう一度ぼかしてください。
- フリーハンドのペンや、矢じりのない線はありません。
スクリーンショット注釈ツールについてよくある質問
スクリーンショットに円や四角形を追加するには?
「ツール」メニューで「楕円」か「四角形」を選び、範囲をドラッグします。Shift キーを押すと正円や正方形になります。「線の太さ」と「色」は、次に描く図形に適用されます。
スクリーンショットの吹き出しとは何ですか?
細部を囲む枠線のボックスと、それを説明する短いラベルを、小さな引き出し線でつないだものです。「吹き出し」を選び、「テキスト」にラベルを入力してから、細部の周りをドラッグします。ドキュメントでの 1 行の説明に向いています。
チュートリアルのスクリーンショットをわかりやすくする注釈は?
重要なものにはすべて同じ色を使い、1 つの操作につき矢印か枠を 1 つにし、順序が大事なときは番号付きステップを使います。関係のない個人情報は隠します。読者が見る必要のない部分は切り抜いてください。