写真に説明を加える：文字・矢印・画像の重ね合わせと保存

サンプル画像で試す

Fox Toolsが作成した練習用画像です。ダウンロードしてからツールで選択してください。個人情報や実際の写真は含まれていません。

設置手順や商品の説明では、「どこを見るか」と「何をするか」がすぐ分かることが大切です。写真全体を文字で埋めるより、注目してほしい場所を1か所選び、短い説明を添えます。練習では中央の図形を矢印で示し、「ここを確認」と入れてみましょう。

写真を追加してキャンバスを作ります。不要な周辺は先に切り抜きますが、矢印や説明を置く余地は残してください。小さな写真を拡大しても、元になかった細部は復元されません。

レイヤーは透明なシートを重ねるようなものです。写真の上に強調用の図形を置き、その上に文字を置くと整理しやすくなります。別の画像を追加して位置と大きさを調整すれば、バッジや参考写真も重ねられます。

明るく複雑な写真に白い文字を置くと読みにくくなります。文字の下に暗い四角形を置くなど、背景との差を作りましょう。不透明度を下げすぎると説明自体も見えにくくなります。背景の位置が決まったらロックしておくと、誤って動かすのを防げます。

編集画面を拡大していると、小さな文字も読みやすく見えます。共有するときの大きさまで縮小して確認しましょう。矢印が対象を隠していないか、文字が端に寄りすぎていないかも見ます。

色だけで区別せず、番号や短い説明も添えると伝わりやすくなります。細い線は縮小やJPG保存で見えにくくなることがあるため、書き出した画像を開いて確認してください。

文字・線・透明な背景を重視するならPNGが候補です。JPGでは透明部分が白になり、写真中心の画像で容量を抑えたい場合に比較できます。WebPはブラウザと提出先の対応を先に確認してください。

画像の保存ではレイヤーを合成した見た目を書き出します。再編集できるプロジェクトを保存する機能ではありません。編集中の内容はタブのメモリにのみ残るので、再読み込みやタブを閉じる前に保存します。区切りごとに別名で保存すると比較しやすくなります。

この編集ツールは、機密情報を安全に削除するための専用ツールではありません。半透明の図形で数字を覆ったりレイヤーを非表示にしたりしても、安全に消せたとは限りません。公開用には秘密情報のない素材を使い、保存したファイルも直接確認してください。

対応するのは静止画のJPG・JFIF・PNG・WebPです。GIFや動くPNG・WebPは対象外です。保存後に画像のサイズや容量も調整する必要があれば、画像のサイズ変更・形式変換ツールで仕上げられます。