イベント主催者
ポスターに古い会場や開始時刻が載っているものの、編集可能なデザインファイルがありません。
差し替えた文字が周囲の文字と合っているか確認し、修正版を配布する前に日付と場所をすべて確かめましょう。
元のフォントに合わせるブラウザーを中心とした作業手順
文脈を損なわずにオンラインで画像内の文字を編集する方法
オンラインで画像内の文字を編集するには、変更したい文言を正確に決め、元画像のコピーを用意しましょう。依頼内容が明確なら、編集後の画像が意図どおりに見え、読めるかどうかを判断しやすくなります。
1枚の画像で、メッセージをより明確に
元のデザインデータがなくても、画像に表示された文言を慎重に修正したい場合には、オンラインでの作業が役立ちます。以下の関連記事では、この作業でよくあるケースを取り上げています。
3つの工程と、それぞれの確認ポイント
自然な仕上がりにするには、元の文字を消し、新しい文言を配置して、周囲の画像になじませる必要があります。それぞれ注意すべき点が異なります。
-
元の文字を消す
文字が質感や影、物の輪郭に重なっている場合があります。文字を消すと、不自然に滑らかな部分が残ったり、周囲の細部まで消えたりすることがあります。
対処法編集した部分を元画像と原寸で比較し、背景が損なわれている場合は元画像を使って修復しましょう。
-
差し替える文字を合わせる
似ているフォントが元のフォントとは限りません。文字の幅や太さ、字間、改行の位置によっては、短い文言の差し替えでも目立つことがあります。
対処法適切な場合は短い表現を使い、書体だけで判断せず、周囲の文字と配置を見比べましょう。
-
画像全体を維持する
1行の編集に集中するあまり、別の場所にあるロゴ、日付、顔、細かい文字まで意図せず変えてしまうことがあります。
回避策変更した文字の部分だけを切り取って確認するのではなく、元画像と並べて画像全体を確認します。
元画像から確認までの手順
画像を再デザインする指示ではなく、正確な修正として依頼を扱います。
-
1
元の状態を維持する
手を加えていないコピーを保存します。置き換える正確な文字、その表示位置、近くにある文言で変更せずに残すべきものがあるかを特定します。
-
2
置き換える内容を説明する
古い文言と新しい文言を明確に記載します。背景、ほぼ同じ位置、色、改行を維持するなど、関連する視覚的な制約も追加します。
-
3
使用する前に確認する
通常の表示サイズでスペルを確認し、その後ズームインして文字の端や修復されたテクスチャを確認します。保存した元画像と、画像の他の部分を比較します。
文脈における限界と境界
平坦化された画像の編集は、元のデザインファイルで文字を変更する場合とは異なります。この比較により、開始前に期待値を設定できます。
元のデザインファイル
平坦化された画像
1
文字へのアクセス
元のデザインファイル
編集可能なテキストレイヤーが含まれている場合があります
平坦化された画像
文字が画像の一部になっています
2
フォント情報
元のデザインファイル
選択したフォントと設定が保持されている場合があります
平坦化された画像
見た目から推測する必要があります
3
文字の背後の背景
元のデザインファイル
文字が他の要素と分かれていることが多い
レイヤーが統合された画像
文字を消した後に見た目の修復が必要な場合がある
4
より長い差し替えテキスト
元のデザインファイル
レイアウト内で文字の流れを調整できる
レイヤーが統合された画像
近くの画像の細部と重なる場合がある
5
小さな文字
元のデザインファイル
書き出しても鮮明さを保てる
レイヤーが統合された画像
鮮明さは元画像の品質によって決まる
6
最適な確認方法
元のデザインファイル
編集後のレイアウトと書き出した画像を確認する
レイヤーが統合された画像
完成した画像全体を元画像と比較する
オンラインでの文字修正が役立つ場面
画像によって確認すべき点は異なります。実際に手元にある元データに合ったガイドを選びましょう。
サポート記事の執筆者
ガイドに、現在のインターフェースと一致しなくなったラベルを含むスクリーンショットがあります。
周辺のコントロールをそのまま残し、変更後のスクリーンショットが現在の製品を正確に表していることを確認します。
スクリーンショット内の文字を編集写真撮影者
撮影した看板に、修正が必要な短い文言の誤りがあります。
新しい文言を確定する前に、遠近感、照明、看板の質感を確認します。
iPhoneで写真内の文字を編集次の編集を依頼からレビューまで進める
変更が必要な文字から始める
元の文字、置き換える文字、変更せずに残す部分を説明します。その後、生成された画像を公開または共有する前に、元の画像と照らし合わせて確認します。オンラインでの編集は、最終的な見た目を確認して初めて役立ちます。
画像の編集結果を確認する- 編集前のオリジナルを保管する
- 古い文言と新しい文言の両方を指定する
- 編集後に画像全体を確認する
オンラインで画像内の文字を編集する際のよくある質問
見た目上の置き換えを試すことはできますが、統合された画像内の文字は編集可能なテキストレイヤーではなくピクセルです。新しい文字と、古い文字があった背景の両方を確認してください。
画像だけでは元のフォント設定を利用できない可能性があるため、完全に一致するとは限りません。画像を本来の表示サイズで確認し、文字の形、太さ、間隔、改行位置を比較してください。
置き換える具体的な文字を示し、変更せずに残す部分を明確に伝えます。意図した範囲以外の変化を見つけられるよう、オリジナルを編集結果の横に置いて確認してください。
置き換えた文字のスペルと正確さを確認し、位置合わせと境界を調べます。最後に、画像全体をオリジナルと比較します。特に、小さなラベル、ロゴ、日付、編集した文字の近くにある細部を確認してください。