photoshopを使うようになり早1年。
仕事で必要に迫られ、フィーリングでなんとなく使ってきましたが、最低限知っとかないといけないことがあることにやっと気づきました。(だいぶ遅い)
今回は画像の劣化を防ぐため、どのような方法があるのか整理したいと思います。
画像データには2種類ある
画像データには「ビットマップ形式」と「ベクトル形式」がある。(就職した時に、先輩が教えてくれた。デザインをされている方からすると、何を今更と言われそう・・・)
ビットマップ形式
ビットマップデータは、「ピクセル」と呼ばれる画素が集まってできている。
そして、1つ1つのピクセルに色が割り当てられていて、それが集合することで画像ができあがる。
![](https://aricoda.net/wp-content/uploads/2021/11/f50b5f73cd7a3bee4b71a8c4bad76c64.jpg)
ベクトル形式(ベクター)
ポイント(点)、ライン(線)、ポリゴン(面)によって構成されたデータ。
拡大や縮小をしても劣化しない特徴がある。ポイントはY座標、X座標で表し、ラインはポイントとポイントをつなぐ線で構成される。
![](https://aricoda.net/wp-content/uploads/2021/11/861ce1780832a8275628bb32b04451b3.jpg)
スマートオブジェクトを使う
デジカメやスマホで撮影したjpgデータは、ビットマップ形式のため拡大や縮小をすると画像が劣化してしまう。
そこで、このデータを「スマートオブジェクト」に変換すると拡大や縮小をしても劣化しなくなる。
(フォトショップが元の情報を保存してくれるため)
例えば、300×300pxのアートボードを用意して、好きな画像ファイルをおく。
一つは「スマートオブジェクト」に変換してから拡大し、もう片方は「ラスタライズ」(ビットマップ形式に戻す)して拡大してみる。
![](https://aricoda.net/wp-content/uploads/2021/11/a7e3748b7797587b344487da148f3d6e.jpg)
![](https://aricoda.net/wp-content/uploads/2021/11/45aebd864bede5ee9131b5934778e1c0.jpg)
同じサイズの画像を編集していてもデータの形式によってこれだけの差が出ました。
・jpg画像をphotoshopで拡大するときはスマートオブジェクトへ変換してからする。
※ただし、スマートオブジェクトに変換するとファイルサイズは大きくなる。
注意:画像の色を変更したり、塗り潰しなどしたい場合、スマートオブジェクトのままだとできないので、編集する時はライスタライズする。
一度ラスタライズした後に拡大して、スマートオブジェクトに変換しても元の画質に戻すことができない。
【豆知識】ベクトルスマートオブジェクト
Illustratorで作った画像データをPhotoshopに貼り付ける時に、「ベクトルスマートオブジェクト」を使うと後で編集する時に便利!
手順
①Illustratorで貼り付けたい画像を開いて、選択ツールをクリックする。
②「編集」 > 「コピー」
![](https://aricoda.net/wp-content/uploads/2021/11/b44e91a6210a9b0cd9f3b61fa5ba62b6-1-1024x640.png)
③Photoshopを開いて、 Illustrator画像を貼り付ける。
「編集」 > 「ペースト」
![](https://aricoda.net/wp-content/uploads/2021/11/ca10403da7c147bcfc49697c60a5ea25-1-1024x640.png)
④ダイアログボックスが表示されるので、「スマートオブジェクト」にチェックし、OKを押す。
![](https://aricoda.net/wp-content/uploads/2021/11/7148e843b70db343922e7ec5b3711d95-1-1024x640.png)
貼り付けた画像のレイヤーには、スマートオブジェクトのマークがつく。
![](https://aricoda.net/wp-content/uploads/2021/11/73003af146b53ea0c82a1367304c60e4.png)
貼り付けが完了した。
![](https://aricoda.net/wp-content/uploads/2021/11/adb07c15c206ff60e1bff5ede2386dfd-1024x640.png)
⑤ Illustratorで元画像を編集
(魚の色を青からピンクに変更)
![](https://aricoda.net/wp-content/uploads/2021/11/1131c9cb66468f4f7d3b7b6036d45c11-1024x640.png)
⑥Photoshopを開くと、貼り付けが画像の色も変更されている!( Illustratorのデータが反映された)
![](https://aricoda.net/wp-content/uploads/2021/11/02e8928384028a2b7ed8d0bede55ded7-1024x640.png)
コメント