日本語

描画の基本: 読みやすい注釈

スクリーンショットや写真をマークアップして、作成時にその場にいなかった人でも結果を読み取れるようにする実用的なテクニック。

常に別のレイヤーに注釈を付けます

写真やスクリーンショットに何かを描く前に、新しいレイヤーを追加します。これにより、マークは画像内ではなく画像の上に表示され、その下にあるものを破壊することなく、移動、フェード、非表示、削除を行うことができます。

これには費用はかからず、大幅な節約になります。画像編集で最も一般的なフラストレーションは、20 ストローク後に矢印が間違った場所にあり、元に戻す操作がそこまで戻らなくなったことに気づくことです。別のレイヤーでは、レイヤーをクリアするだけです。

満足したら、エクスポートする前に平坦化するか、直接エクスポートするだけです。エディターは表示されているレイヤーを自動的に合成します。

  1. スクリーンショットを開きます。
  2. レイヤーパネルで「レイヤーの追加」を選択します。
  3. 新しいレイヤーに注釈を描画します。
  4. マークが画像を圧倒する場合は、レイヤーの不透明度を調整します。
  5. PNG としてエクスポートします。

画面ではなく画像に合わせてブラシのサイズを調整します

ブラシ サイズは、画面ピクセルではなく画像ピクセルで測定されます。 4000 ピクセル幅の写真上の 12 ピクセル ブラシはヘアラインです。 600 ピクセルのスクリーンショット上の同じブラシは太いマーカーです。

信頼できる開始点は、画像幅の約 200 分の 1 です。4000 ピクセルの画像では約 20 ピクセル、600 ピクセルの画像では約 3 です。そこから調整してください。

詳細を作業するためにズームインする場合、ブラシのサイズは画像に対して変更されておらず、表示されているものに対してのみ変更されていることに注意してください。これは正しい動作であり、ズームアウトしてもストロークの一貫性が保たれるのはこのためです。

背景に負けない色を選択してください

古典的な注釈の失敗は、濃い赤色のエラー メッセージに赤い矢印が表示されることです。色を選択する前に、その下にあるものを確認してください。

純粋に飽和した赤は、デフォルトでは不適切です。赤と緑の色盲の視聴者にとって区別するのが最も難しい色であり、暖かい背景では消えてしまいます。明るいシアン、マゼンタ、黄緑は写真やスクリーンショットでは珍しいので、ほとんどどんなものに対してもはっきりと読み取れます。

マークが明るい領域と暗い領域の両方を横切る必要がある場合は、マークを 2 回描画します。最初に対照的な色の太いストロークを描き、次にその上に細いストロークを描きます。結果は輪郭線として読み取られ、どこにでも表示されます。

形状は正確なものであればフリーハンドで作成します

ボタンの周りに手で描かれた四角形は急いでいるように見えます。描かれた四角形は意図的に作られているように見えます。指すものには長方形ツールと楕円ツールを使用し、本格的なスケッチにはブラシを使用してください。

Shift キーを押しながらドラッグすると、長方形が正方形に、または楕円が円に制限されます。正方形は最も遠くにドラッグした方向に従うため、開始点から任意の方向に正方形を構築できます。

塗りつぶしは注目している対象を隠すため、注釈を付けるには通常、塗りつぶされた図形よりも輪郭の描かれた図形の方が適しています。実際に何かをマスクしたい場合にのみ、「シェイプの塗りつぶし」をオンにします。

編集は何かを隠すことと同じではありません

機密情報を隠している場合は、その上に塗りつぶされた四角形を描画し、エクスポートする前に画像を平坦化します。平坦化され、再エンコードされた画像上の塗りつぶされた形状は、その下のピクセルを完全に破壊します。

非表示レイヤー上の半透明の形状、ぼかし、マークに依存しないでください。不透明度を下げると、元の値が数学的に回復可能なままになり、画像が平坦化されるまで非表示レイヤーにデータが含まれたままになります。

プロジェクト ファイルを共有するのではなく、PNG または JPEG にエクスポートし、送信する前にエクスポートされた画像を確認します。このツールは何もアップロードしませんが、ファイルを共有すると、その内容は手の届かないところにあります。

  1. レイヤーを追加し、敏感な領域の上に塗りつぶされた長方形を描きます。
  2. レイヤーの不透明度を 100% に設定し、何も透けていないことを確認します。
  3. レイヤーパネルで「フラット化」を選択します。
  4. エクスポートしてから、エクスポートされたファイルを開いて、領域が完全に空白であることを確認します。

読みやすいテキスト

ツールバーにテキストを入力し、サイズを選択して、キャンバス上のテキストを配置する場所をタップします。タップポイントはテキストの縦方向の中心なので、位置を合わせやすくなります。

ブラシと同じ理由で、テキストのサイズを画像に対して相対的に設定します。幅の広いスクリーンショットでは、チャット ウィンドウまたはドキュメントで画像が縮小されると、画像幅の約 2% 未満のものは判読できなくなります。

システムフォントのみが提供されます。これはプライバシーに関する決定です。サードパーティ サービスからフォント リストを取得すると、テキスト ツールが開くたびにリクエストが送信されます。これはまさにこのツールが回避するために存在する一種の静かなリークです。

最後に収穫し、意図的に輸出する

注釈を付ける前ではなく、後に切り抜きます。トリミングするとピクセルが永久に破棄されるため、思ったよりももう少し多くのコンテキストが必要であることが判明することはよくあります。

ジョブの形式を選択します。スクリーンショットおよびテキストまたはシャープなエッジを含むものには PNG、写真には JPEG または WebP を選択します。スクリーンショットを JPEG として保存すると、テキストの周囲に目に見える汚れが生じます。これは、共有画像で最も一般的に避けられる品質の低下です。

質問

ズームするとブラシの見た目が変わるのはなぜですか?

画像内のサイズは変更されません。画面と比べて違うように見えるだけです。ブラシ サイズは画像ピクセル単位で測定されるため、ズームインした範囲に関係なくストロークの一貫性が保たれます。

ぼかしをかけるだけでパスワードを隠すことができますか?

いいえ。ぼかしや不透明度の低下は表面的なものとしてのみ扱います。塗りつぶされた形状を使用し、エクスポートする前に画像を平坦化します。

描いた後に何かを移動することはできますか?

レイヤー内ではありません: ストロークは描画されるとすぐにピクセルになります。これが、別のレイヤーに描画することが重要である理由です。そのレイヤーをクリアして、下の画像を乱すことなく再描画できるからです。

制限事項

  • ストロークはすぐにラスタライズされます。後で再配置するための編集可能なベクトル オブジェクトはありません。
  • テキストは一度配置されるとピクセルになり、再編集することはできません。
  • 選択範囲を移動または変換するツールはありません。描画後にレイヤーをナッジすることはできません。
  • Web フォントはフェッチされないため、システム フォントのみ。
  • ぼかし、ピクセル化、その他のフィルター効果がないため、墨塗りは塗りつぶされた形状で行う必要があります。