💡 この記事の3行まとめ

  1. Photoshopは「範囲を選ぶ」機能が非常に強いのに、選んだ範囲の中身を読む機能は持っていません。この隙間を埋めるのが画面OCR翻訳です。
  2. 矩形が特に効くのは、合成で見た目が変わった文字とスマートオブジェクトの中に閉じている文字。どちらもレイヤーを開かずに読めるからです。
  3. Mac専用OCR翻訳『Zipp』は⌃Sで囲むだけ、0.3秒、Apple Visionの端末内処理で画面画像の外部保存ゼロ。無料でダウンロード(登録不要)、1日15回までです。

📌 この記事の対象読者

  • 長方形選択ツールはよく使うが、それを翻訳に繋げる発想がなかった方
  • スマートオブジェクトをダブルクリックで開く手間を、毎回かけている方
  • 合成後の見た目と、コピーした文字が一致しない現象に悩んだ方

選べるのに、読めないという隙間

Photoshopには範囲を選ぶ手段がいくつもあります。長方形選択、なげなわ、自動選択、被写体を選択。デザインの現場では、この選択範囲を作る操作を1日に何十回も行います。色を変える、マスクを切る、フィルタをかける。選択は「次に何かをするための下ごしらえ」として体に染みついています。

ところが、その選択範囲の中に書かれている文字を読む機能は、Photoshopにはありません。正確には、テキストレイヤーとして生きている文字なら、レイヤーパネルから選んでコピーできます。しかし現場で扱うPSDの英文は、その状態であることのほうが少ない。ラスタライズされている、画像に統合されている、スマートオブジェクトの中に閉じている、フィルタで輪郭がにじんでいる。コピーの対象にならない文字のほうが、実際には多いのです。

ここで多くの人が、いったんPNGやJPEGに書き出して、別の翻訳サービスへ貼る手順に流れます。書き出し、アップロード、待つ、戻る。この往復は、1回なら我慢できます。1日に何度も繰り返すと、作業のリズムが崩れます。しかも、書き出した画像はローカルにもクラウドにも残り、素材の管理が二重になります。

だから必要なのは、翻訳の精度を上げることではなく、選択というすでに手が動いている操作に、読む動作を直結させることです。矩形で囲む、その場で読む。この短さが、合成画像やスマートオブジェクトを扱う場面で効いてきます。


解決策:矩形が効く3つの場面を先に知っておく

手順1:レイヤーパネルで「読める文字か」を先に判定する

囲む前に、5秒だけ確認します。レイヤーパネルで文字の近くのレイヤーを見て、テキストレイヤーのアイコン(Tのマーク)が付いているかどうか。付いていれば、その文字はコピーできます。翻訳サービスに貼るだけです。

付いていない場合は、矩形の出番です。判定のポイントは3つ。ラスタライズ済みか(右クリックメニューに「テキストをラスタライズ」がなく、ピクセルになっている)、スマートオブジェクトの中か(レイヤーのサムネイルに小さなマークが付いている)、合成で見た目が変わっているか(上に色調補正や光彩、ノイズが載っている)。このどれかに当てはまったら、レイヤーを開かずに画面を囲むほうが速い場面です。

手順2:合成画像では「見えているものを囲む」

合成画像が厄介なのは、レイヤーの文字と、画面に見えている文字が一致しないことです。文字の下に写真があり、上に光彩があり、彩度が落ちている。テキストレイヤーをコピーすると、装飾前の文字列が出てきます。これが意図と違う場合があります。たとえば、色調補正で一部が背景に溶けている、マスクで文字の端が削れている。デザインとしては正しいのに、コピーした文字列はそれを反映していません。

見えているものを読みたいなら、画面を囲むのが正解です。矩形は、上に載っている装飾も含めてそのまま読みます。判断したいのは「デザインとして成立しているか」であって「元の文字列は何か」ではない、という場面は少なくありません。海外のテンプレートを参考にするとき、この違いが効きます。

手順3:スマートオブジェクトは「開かずに囲む」

スマートオブジェクトの中の文字を読むには、レイヤーのサムネイルをダブルクリックして別ウィンドウで開き、そこでもう一度文字を探す必要があります。開いたウィンドウは元のPSDとは別の書類として扱われるので、閉じ忘れると作業用スペースが散らかります。フィルタや変形が適用されている場合、開いても元の文字が出てこないこともあります。

ここでも矩形が効きます。スマートオブジェクトは、画面の上ではただの絵として表示されている。だから囲めば読めます。開く、探す、閉じるという3ステップが、囲むという1ステップになります。とくに、リンク配置されたスマートオブジェクト(元ファイルが別にある)では、開くと元ファイルまで辿ってしまうので、囲むほうが安全です。

囲むときのコツは3つです。余白を少し含める(文字の端が切れると読み落とす)、複数行は1回で囲む(行ごとに囲むと回数が増える)、斜体や変形が強い場合は範囲を小さく分ける(1行ずつ読ませたほうが安定します)。拡大表示してから囲むと、画面上の文字が大きくなるぶん、読み取りも安定します。

Zippは⌃Sを押して囲むだけ。囲んだ範囲をApple Visionで端末内処理し、画面画像の外部保存ゼロのまま0.3秒で訳を出します。訳は最前面に重なるので、Photoshopのレイヤー構成もズーム位置も動きません。無料でダウンロード(登録不要)、1日15回まで。


文字の種類別 読み取り手順 比較

【テキストレイヤー】
従来:レイヤーを選んでコピーし、翻訳サービスへ貼る
Zipp:矩形で囲めば同じ手順で読める

【合成後の見た目】
従来:装飾前の文字列が出てきて、画面と一致しない
Zipp:見えているままを読む

【スマートオブジェクト】
従来:ダブルクリックで開き、探して、閉じる
Zipp:開かずに囲むだけ

【遠近・斜体の変形】
従来:書き出しても崩れ、読めないことがある
Zipp:画面上で拡大してから囲める

【1回あたりの手数】
従来:書き出し・アップロード・待機・戻る
Zipp:⌃S→囲む→0.3秒

【素材の扱い】
従来:書き出した画像がローカルに増える
Zipp:書き出さない。画面を読むだけ


よくある質問(FAQ)

Q. スマートオブジェクトを開かずに読んで、内容を取り違えませんか。 A. 画面に見えている状態を読むので、フィルタや変形がかかった後の見た目がそのまま訳になります。元の文字列が必要な場面(文言の修正など)では開いて確認してください。意味を掴む、ニュアンスを見るという場面では、見えているものを読むほうが目的に合っています。

Q. 斜体やパース変形が強い文字でも読めますか。 A. 程度によります。軽い斜体なら問題ありませんが、極端な遠近変形や、文字が曲面上に配置されている場合は読み落としが出ます。その場合は1行ずつ、あるいは単語単位で囲むと安定します。読めなかったときに「範囲を小さくする」という対処を持っておくと、試行錯誤が短くなります。

Q. 背景が写真で、文字が読みにくい場合はどうすればいいですか。 A. 画面の拡大率を上げてから囲むのが第一手です。Photoshopの表示を200%程度にすると、画面上の文字が大きくなり、読み取りの安定につながります。それでも厳しい場合は、囲む範囲を文字の行だけに絞り、背景をできるだけ入れないようにします。

Q. 矩形で囲めない形の文字(カーブに沿った文字など)はどうしますか。 A. 矩形は四角い範囲を読むので、カーブに沿った文字は弧の一部を短く囲んで分割します。全部を一度に読もうとすると精度が落ちるため、意味の切れ目(単語の区切り)で分けて囲むと読みやすくなります。


選べる力を、読む力に接続する

Photoshopは選ぶことにかけては圧倒的に強いツールです。長方形をドラッグする、その1動作はもう手に馴染んでいます。足りないのは、選んだあとに読むという1ステップだけ。そこを外部サービスへの往復で埋めていると、選択の速さが往復の遅さに食われます。

合成画像も、スマートオブジェクトも、見えている以上は囲めます。開く、書き出す、待つ。その3つを省くだけで、英文を読む回数は自然に増えます。読む回数が増えれば、判断の材料も増えます。次にPSDを開いたとき、いちばん読みにくい文字を1か所だけ囲んでみてください。

▼ 無料でダウンロード(登録不要・1日15回まで)
zipp-mac.surge.sh

`