ラベルを確認するデザイナー
差し替えた文字は収まっていますが、太さや文字間隔が周囲のUIテキストと異なります。繰り返し使われている文字の形を比べ、ラベルの位置を再調整する前にサイズと字間を調整してください。
文言が別のオーバーレイではなく、同じインターフェースの一部として自然に見えます。
同じフォントで画像内の文字を編集スクリーンショット編集ガイド
レイアウトを崩さずにスクリーンショットの文字を編集する方法
スクリーンショットは平坦な画像なので、通常は文字を選択して打ち直すことができません。文字を変更するには、元の文字を覆うか消去し、置き換える文字を追加して、周囲のピクセルを確認する必要があります。このガイドでは、自然で読みやすい仕上がりを保ちながら、画像ファイル内の文字を編集する方法を説明します。
まず、利用可能な最大解像度の元のスクリーンショットから始めます。置き換える文言を正確に書き留め、編集前後の画像を比較できるよう、手を加えていないコピーを保管しておきます。
手順
コピーで作業し、必要な範囲だけを変更して、別の用途で使う前に元の画像と結果を比較します。
-
1
文字とその背景を特定する
置き換える文字を拡大表示します。単色、グラデーション、写真、または細かいインターフェース要素の上に配置されているかを確認します。新しい文言を正確に記録し、利用可能なスペースに収まるか確認してください。長いラベルの場合は、サイズを小さくするか、より広い領域が必要になることがあります。スクリーンショットに実際の会話、領収書、記録が表示されている場合は、元の画像を保管し、編集版であることを明確に示してください。
-
2
古い文字を消去または覆う
選択した画像編集ソフトで、元の文字の周囲にある、実用上最小限の範囲を切り分けます。単純な背景であれば、背景色に合わせた色のパッチだけで十分な場合があります。テクスチャのある領域では、適切な修復またはインペインティングの方法を使い、周辺の境界線、アイコン、影を確認してください。文字の背後を通る線を途切れさせたり、カードの端を平坦にしたりするほど広範囲を消去しないでください。
-
3
置き換える文字を追加する
元の文字があった位置に新しい文言を配置します。おおよその書体、太さ、サイズ、色、配置、行間を合わせてください。記憶で推測するのではなく、周囲のラベルを視覚的な基準として使います。特にボタンや狭いナビゲーションバーの近くでは、ディセンダーや句読点が切れていないか確認してください。完全に同じフォントを利用できない場合は、無理に一致させるよりも、読みやすさと一貫した間隔を優先します。
-
4
結果を確認して保存する
編集前のコピーを横に並べ、通常の表示サイズで編集後のスクリーンショットを比較してから、拡大して修復箇所を確認します。文字の残像、テクスチャの繰り返し、不均一なベースライン、変更されたインターフェースの細部がないか確認してください。元の画像をいつでも利用できるよう、別のファイルとして出力を保存します。画像を一般公開する場合は、変更した文字を編集されていない記録として提示せず、重要な編集を開示してください。
よくあるエラーと対処法
目立つミスの多くは、広すぎる範囲を修復したり、文字だけを合わせて周囲のインターフェースとの調和を取らなかったりすることで生じます。
ガイドを修正するライター
元の説明文を覆った場所に淡い四角形が残っています。周囲の色を数か所で確認し、パネルに微妙なグラデーションや影がないか確かめてください。
スクリーンショットを想定どおりのサイズで表示すると、修復した部分が周囲になじみます。
オンラインで画像内の文字を編集モックアップを更新するモバイルユーザー
新しいキャプションは鮮明ですが、近くのアイコンや角丸がぼやけています。その部分を元に戻し、文字の周囲をより狭く選択してください。
意図した文言だけを変更し、インターフェースの元の輪郭を保てます。
iPhoneで写真内の文字を編集できますか？スライドを修正するプレゼンター
編集したスクリーンショットは拡大すると問題なく見えますが、スライド上では読みにくくなります。発表時のサイズで確認し、必要なら文言を短くしてください。
閲覧者は、元の画面に別のことが書かれていたと誤解せずに、修正内容を読めます。
オンラインで見る画像内の文字を編集した例応用のヒント
スクリーンショットは文字であると同時にインターフェースでもあります。自然に見える変更には、画面の読みやすさを支える視覚的なルールを保つことが大切です。
- 元の地図ラベル
- 修正後の地図ラベル
小さなUIテキストは、変更前後の画像をフルサイズと実際に見られるサイズの両方で比較してください。ベースライン、近くのアイコンとの余白、新しい文言によって改行位置が変わっていないかに注意しましょう。背景に地図の線や細かな質感がある場合は、文字を追加する前にその部分を修復してください。背景が崩れたままでは、ラベルがきれいでも編集した跡が目立ちます。見た目より正確さが重要な場合は、内容を差し替える代わりにスクリーンショットに注釈を加えてください。
スクリーンショットを修正しますか？
変更したい文言と、変更せずに残したい部分を説明してください。画像編集の結果は必ずご自身で確認してください。元の画像と比較し、細部をチェックしてください。スクリーンショットが実際の出来事の記録である場合は、元のファイルを保管してください。
スクリーンショットを編集する- 差し替える正確な文言を指定する
- 変更せずに残す必要がある周辺要素を指定する
- 共有する前に結果を確認する
チュートリアルに関するFAQ
通常はできません。スクリーンショットでは、表示された文字が編集可能なテキストレイヤーではなく、画像のピクセルとして保存されます。元のドキュメントやデザインが残っている場合は、その元データを変更して新しいスクリーンショットを撮るほうが、きれいに仕上がることがよくあります。
古い文字が占めていた範囲だけを修復し、その周囲の色、テクスチャ、輪郭を確認します。単色のパッチは、本当に均一な背景で最も効果的です。グラデーションや細部の多い画像では、より慎重な再構成が必要です。通常の表示サイズだけでなく、拡大した状態でも結果を確認してください。
近くにある文字を比較して、形や太さが似た書体を見つけたら、サイズと字間を調整します。特に、スクリーンショットが圧縮されていたり、文字が小さいサイズで描画されていたりする場合は、完全に一致させるのは難しいことがあります。歪んだ模倣よりも、明瞭で一貫して整列した代替文字のほうが適しています。
スクリーンショットが拡大、圧縮、または何度も保存されている可能性があります。手元にある中で最も高解像度の元画像を使用し、新しい文字を画像本来の表示サイズで確認してください。完成したスクリーンショットを何度もリサイズするのは避けましょう。
変更したスクリーンショットを、変更されていない記録であるかのように扱ってはいけません。元画像を保管し、デモや修正のために編集版が必要な場合は、そのことを明確に表示してください。事実を記録する場合は、元の文字を置き換えるよりも、見える形で注釈を付けるほうが透明性を保ちやすいことがよくあります。