新刊「デザインは重心。」発売中

ラスタライズとは?Photoshop・Illustratorでのやり方と注意点

【Photoshop/Illustrator】ラスタライズとは?効果や方法を解説

ラスタライズとは、文字や図形などをピクセル(小さな色の点)の集まりで表した画像に変換することです。

Photoshopではブラシや消しゴムで直接加工できるようになります。ただし、変換後は文字の打ち替えやパスの編集ができなくなるというデメリットもあります。

本記事ではラスタライズの特徴や操作方法について解説します。

目次

ラスタライズとは?すると何が変わる?

見た目が同じでも、文字や図形として編集できるデータと、ピクセル画像ではできることが異なります。

まずは、この違いから見てみましょう。

ラスターとベクターの違い

パスやシェイプで構成されるベクターとピクセルの集合体であるラスターの違いを比較

ベクター形式は、点の位置や線の曲がり方を数値で記録する方式です。文字の輪郭やロゴなどを拡大しても、なめらかな線を描き直せます。

ラスター形式は、色のついたピクセルを並べて画像を表す方式です。JPEG・PNGの写真や画像が代表例で、大きく拡大すると輪郭にピクセルが見えてきます。

ベクターの文字や図形を、写真と同じようにピクセルで扱える画像へ変える操作がラスタライズです。

ラスターとベクターの特徴をもっと詳しく知りたい方は、以下の記事をご覧ください。

ラスタライズでできること・できなくなること

Photoshopでは、ラスタライズしたレイヤーにブラシで描いたり、消しゴムで一部を削ったりできます。その代わり、文字や図形としての編集情報は失われます。

Photoshopでラスタライズする対象ごとに、失われる編集情報は以下の通り。

対象ラスタライズ後にできなくなること
テキストレイヤー文字の打ち替え、フォントの変更
シェイプレイヤー元のパスを使った形や線幅の変更
スマートオブジェクト保持していた元データの編集や、適用済みスマートフィルターの再調整

また、画像になった後は作成時のピクセル数を超える拡大に限界があります。大きなサイズでも使うロゴや文字は、ラスタライズ前に編集可能な元データを残しておく必要があります。

ラスタライズが必要なとき・しないほうがよいとき

「画像を加工したい」という場合でも、ラスタライズ以外の方法で対応できることも多いです。やりたい作業に合わせてラスタライズを使い分けましょう。

やりたいこと選ぶ方法
Photoshopで対象レイヤー自体に描く・消す元レイヤーを残し、複製したレイヤーをラスタライズする
写真や文字の上に描き足す・一部を隠す新規レイヤーやマスクを使う
文字を打ち替える・ロゴを大きく使うラスタライズせず、編集可能な状態を維持する
印刷会社から特定の部分のラスタライズを指示された指定された対象だけを、入稿条件に合わせて変換する
PNG・JPEG画像を作る元データを残したまま画像として書き出す

複雑なパスや効果を画像にまとめると、処理を軽くできる場合もあります。ただし、画像の大きさや解像度によっては容量が増えるため、軽量化だけを目的にすべて変換する必要はありません。

実行前に、元データを残しましょう。
Photoshopでは元レイヤーを複製し、Illustratorでは編集用のAIファイルを別に保存しておくと、後から修正できます。

Photoshopでラスタライズする方法

Photoshopでラスタライズする方法と注意点

Photoshopでは、テキストレイヤー・シェイプレイヤー・スマートオブジェクトなどを、通常のピクセルレイヤーに変換できます。

スマートオブジェクトは元データを保持する仕組みで、ベクター形式とは限りません。写真を配置したスマートオブジェクトも、ラスタライズの対象になります。

レイヤーを複製してラスタライズする

ここでは、元の文字を残しながら、複製したテキストレイヤーを加工する流れで説明します。

STEP
元レイヤーを複製して残す

レイヤーパネルで対象レイヤーの名前付近を右クリックし、レイヤーを複製を選択します。

元レイヤーの目のアイコンをクリックして非表示にし、複製したレイヤーを選択してください。

加工用と元の文字の両方にTアイコンがあり、加工用だけを表示・選択したPhotoshopのレイヤーパネル

レイヤーがよくわからない人はレイヤーの基本の記事をご覧ください。

STEP
複製したレイヤーをラスタライズする

複製したレイヤーの名前付近を右クリックし、テキストをラスタライズを選択します。

Photoshopで加工用レイヤーの名前付近を右クリックし、「テキストをラスタライズ」を選ぶ画面

上部メニューのレイヤーラスタライズレイヤーからも実行できます。

STEP
ピクセルレイヤーになったことを確認して加工する
ラスタライズ後のレイヤーアイコンの変化

ラスタライズすると、Tなどの専用アイコンがなくなり、通常の画像サムネールに変わります。加工用のレイヤーを選んだまま、ブラシや消しゴムで編集できます。

後から文字を変更するときは、残しておいた元レイヤーを使います。保存時もレイヤーを統合せず、PSD形式などで編集用データを残してください。

ラスタライズせずに加工する方法

描き足すだけなら新規レイヤー、一部を隠すならレイヤーマスクを使うと、元の文字や画像を残したまま加工できます。

青緑で着色したRASTERの文字と、文字にクリッピングされた塗りレイヤー、Tアイコンのある文字レイヤー
文字をラスタライズせず、「塗り」レイヤーで文字の内側だけを着色した例

作業に合う方法は、次のとおりです。

やりたい加工元データを残す方法
ブラシで描き足す対象の上に新規レイヤーを作って描く。文字や図形の内側だけに塗る場合はクリッピングマスクを使う
一部分を消したように見せるレイヤーマスクを追加する。マスクを黒で塗ると隠れ、白で塗ると再表示される
ぼかしなどのフィルターをかける対応するフィルターはスマートオブジェクトに適用し、スマートフィルターとして調整する

新規レイヤーはレイヤーパネル下部の追加ボタンから作成できます。詳しい操作はレイヤーの使い方レイヤーマスク・クリッピングマスクの使い方をご覧ください。

ブラシ用のレイヤーを自動で作成する設定もある

環境設定の一般にあるブラシを使用するときに新規レイヤーを作成を有効にすると、直接描画できないレイヤー上でブラシを使う際に、新しいピクセルレイヤーが自動で作成されます。

Illustratorでラスタライズする方法

Illustratorでラスタライズする方法と意味

Illustratorでは、選択した文字や図形をピクセル画像に変換できます。複雑なデータを画像にまとめたい場合や、入稿先から指定された場合に使います。

印刷前にすべてをラスタライズする必要はありません。文字や細い線まで画像にすると、解像度によって輪郭が粗くなることがあるため、必要な部分だけを対象にします。

オブジェクトを選択してラスタライズする

STEP
編集用ファイルを残し、変換する対象を選択する

まず編集可能なAIファイルを保存し、ファイル別名で保存で作業用のファイルを分けます。

選択ツールで、ラスタライズする文字や図形だけを選択してください。

STEP
「オブジェクト」から「ラスタライズ」を開く

上部メニューのオブジェクトラスタライズ…を選択します。

円と四角は選択せず花だけを選択したIllustrator画面と、オブジェクトメニューのラスタライズ項目
花の図形だけを選択し、「オブジェクト」→「ラスタライズ…」を開きます
STEP
解像度や背景を設定して実行する

解像度や背景を設定し、OKをクリックします。各項目の選び方は、次の設定説明でまとめています。

変換後は、選択した部分が画像として扱われます。表示を拡大して、文字や細い線が粗くなっていないか、背景や色に意図しない変化がないか確認しましょう。

解像度・背景などの設定を選ぶ

以下は、CMYK・350ppiの指定を受けた印刷用イラストを、背景が透ける画像に変換する設定例です。用途が異なる場合は、同じ数値や項目にそろえる必要はありません。

Illustratorのラスタライズ設定。CMYK・350ppi・透明・アートに最適を指定し、クリッピングマスク作成と特色保持はオフ

主に確認する設定は、次の4つです。

設定項目選び方
カラーモードWeb用はRGB、CMYK入稿を指定された印刷用はCMYK。選択肢は書類のカラーモードによって変わります
解像度印刷用は仕上がりサイズに対して入稿先が指定したppiを設定。Web用は最終的に必要な縦横のピクセル数を基準にします
背景背面の色や画像を透かしたい場合は「透明」。透明部分を白く埋めたい場合は「ホワイト」
アンチエイリアス輪郭のギザギザをなめらかにする設定。図形やイラストは「アートに最適」、文字を含む対象は「文字に最適」を基準に選びます

ppiは、1インチあたりに並ぶピクセル数です。同じ大きさなら数値が高いほど細かく表現できますが、必要以上に高くすると画像の容量も増えます。(参考:解像度について詳しく解説

後から大きく使う予定がある場合は、先に使用サイズを決めてからラスタライズしましょう。
低解像度の画像になった後で数値だけを高くしても、元の文字やパスの精細さは取り戻せません。

背景を「透明」にする場合、透明に見せるための「クリッピングマスクを作成」は不要です。「特色を保持」は、実際に特色を使用するデータかどうかと、入稿仕様に合わせて選びます。

入稿前の全体的な確認事項は、以下の記事で解説しています。

「効果のラスタライズ」との違い

Illustratorには、オブジェクトメニューとは別に、効果メニューにもラスタライズがあります。大きな違いは、元の文字やパスを残すかどうかです。

操作変換後の状態
オブジェクト → ラスタライズ対象自体をピクセル画像へ変換。元の文字やパスとしては編集できない
効果 → ラスタライズ元の文字やパスを保持して、見た目にラスタライズ効果を適用。効果の設定変更や削除ができる
Illustratorでオブジェクトのラスタライズにより画像化した文字と、効果のラスタライズで編集情報を残した文字の比較
「オブジェクト→ラスタライズ」と「効果→ラスタライズ」のアピアランスパネルでの比較

効果を変更するときは、ウィンドウアピアランスを開き、「ラスタライズ」をクリックします。効果を外す場合は、その項目を選択して削除します。

「効果」で適用しても、その後にアピアランスを分割するなどして画像として確定すると、元の編集情報は残らなくなるため注意してください。

「ドキュメントのラスタライズ効果設定」は何が違う?

効果ドキュメントのラスタライズ効果設定は、ドロップシャドウなどのラスタライズ効果に使う解像度を設定するものです。変更するだけで、すべての文字や図形が画像になるわけではありません。

オブジェクトのラスタライズ時に「ドキュメントのラスタライズ効果設定を使用」を選ぶと、この解像度を使います。すでに画像へ変換したオブジェクトの解像度が、後からこの設定を変えるだけで上がるわけではありません。

ラスタライズとアウトライン化・画像トレースの違い

文字のアウトライン化と画像トレースは、どちらもパスを作る操作です。ただし、元になるデータや目的が異なります。

操作何に変わる?主な用途
ラスタライズ文字・図形など → ピクセル画像画像として加工する、複雑な対象を画像にまとめる
文字のアウトライン化文字 → ベクターの図形フォントに依存せず文字の形を保つ、文字の形をパスで加工する
画像トレースJPEG・PNGなどの画像 → ベクターパスロゴやイラストの画像をもとに、編集できるパスを作る

文字のアウトライン化は、ラスタライズの逆ではありません。アウトライン化した文字は、文字としての打ち替えはできなくなりますが、ベクターの図形として拡大やパス編集ができます。

文字のアウトライン化の手順や、入稿で必要になるケースは以下の記事をご覧ください。

ピクセルからベクターに変換した例
「画像トレース」でラスター画像をベクターオブジェクトに変換

一方、画像トレースは画像の輪郭や色を解析して、新しくパスを作る機能です。ラスタライズした画像からもパスを作れますが、元の文字情報やパス構造がそのまま復元されるわけではありません。

ラスタライズに関するよくある質問

ラスタライズを解除して元に戻せますか?

次のいずれかに当てはまる場合は、元の状態へ戻せます。

  • 取り消し履歴が残っている:「編集」メニューの取り消しや、ヒストリーパネルでラスタライズ前へ戻す
  • 元レイヤー・元ファイルが残っている:保存しておいた編集可能なデータを使う
  • Illustratorで「効果」として残っている:アピアランスパネルからラスタライズ効果を削除する

変換後の画像しか残っていない場合は、元の文字・パス・スマートオブジェクトの編集情報をその画像から復元することはできません。再びスマートオブジェクトに変換しても、失われた情報は戻りません。

ラスタライズすると画質が悪くなりますか?

適切なサイズや解像度で変換すれば、通常の表示ではほとんど違いがわからないこともあります。ただし、変換後はピクセル数が限られるため、大きく拡大すると輪郭が粗くなります。

拡大縮小すると劣化する(比較図)
Photoshopでピクセルレイヤーを縮小して確定した後、再び拡大した場合の比較

Photoshopで通常のピクセルレイヤーを縮小して確定すると、ピクセルの情報が減ります。何度もサイズを変える場合は、元データを保持するスマートオブジェクトのまま作業するほうが適しています。

ラスタライズできない・項目が出ないのはなぜですか?

Photoshopの場合
すでに通常のピクセルレイヤーなら、ラスタライズする必要はありません。テキストやスマートオブジェクトを変換したい場合は、文字入力を確定し、対象レイヤーの名前付近を右クリックしてください。

Illustratorの場合
対象の文字や図形が選択されているか確認します。文字入力中なら編集を終え、ロックされている場合は解除してから、選択ツールで対象を選び直してください。

PNG・JPEGで書き出す前にラスタライズは必要ですか?

通常は、事前にラスタライズする必要はありません。Photoshop・Illustratorともに、PNG・JPEGとして書き出す際にピクセル画像になります。

編集用のPSD・AIファイルは文字やレイヤーを残した状態で保存し、配布用の画像を別に書き出しましょう。

シェアしてくれると嬉しいです

コメント

コメント一覧 (1件)

コメントする

目次