写真をイラスト調に!ポップで丸いドットモザイク

写真をイラスト調に!ポップで丸いドットモザイク

【Photoshop講座】四角いモザイク処理を丸いドットに変えると、キュートでオシャレなポップアートになります。「ドット絵」とも呼ばれるオーソドックスな画像処理ですが、これが意外と難しいのです。細かいドットには干渉する性質があって、意図しない縞模様が現れたりするからです。[カラーハーフトーン] と [モザイク] を組み合わせて、ポップで丸いドットモザイクを作成しましょう。


適切なドットの大きさを割り出す!
規則正しく配列された丸いドットには、大小さまざまなサイズがありますが、丸いドットモザイク (ドット絵) 処理が必要とする大きさは、ドット同士が隣接する最大限の大きさです。
このサイズの難しいところは、大きすぎると菱形のように見えるし、小さすぎるとサイの目状のラインが目立つようになるところです。隣接する箇所に少しだけ隙間を空ける、適切なドットの大きさを割り出す方法を学びましょう。

モザイクオブジェクトを作成

これから行う操作は、2つのフィルター機能を使って、丸いドットモザイク (ドット絵) を作成する方法です。Illustrator には、[モザイクオブジェクトを作成] という機能がありますが、Photoshop には残念ながら搭載されていません。[カラーハーフトーン] により、後に適用する [モザイク] を反映させた適切なサイズが設定できれば、同じ効果を作り出すことができます。
元画像 → ポップで丸いドットモザイク
このレッスンの動画を配信中!
【Photoshop講座】写真をイラスト調に!ポップで丸いドットモザイク
サムネールをクリックすると、YouTube 動画にリンクします。

描画色を設定する

素材画像をダウンロードして開きます。素材画像は、[幅 : 1271 pixel]、[高さ : 1886 pixel] 、[解像度 : 72 pixel/inch]、[モード : RGBカラー] を使用しています。このドキュメントサイズは、作成後の丸いドットがぴったり収まるように、あらかじめトリミングしたものです。他のドキュメントサイズで作成する場合は、作成後にドットに合わせて切り抜けば応用できます。
素材画像を開く

素材画像を開く
photo by 1103997
[カラーハーフトーン] を適用する対象として、べた塗りした新規レイヤーを作成します。[ツール] パネルで、[描画色を設定] をクリックして、[カラーピッカー] ダイアログを表示します。
[カラーピッカー] ダイアログで、[H : 0°/ S : 0% / B : 25%] を設定します。
[新しい色] に「75% グレー」が設定されていることを確認します。
[OK] をクリックします。
[カラーピッカー] ダイアログを設定

[カラーピッカー] ダイアログを設定
なぜ 75% グレー?
描画色の設定は、この後に適用する [カラーハーフトーン] に大きく関係しています。設定した 75% グレーは、「ニュートラルグレー」と呼ばれるグレースケール (階調) に基づいています。グレースケールが表すものは「明度」で、0% がブラック、100% がホワイトといったように、数値が大きくなるほど明るいグレーになります。
[カラーハーフトーン] では、対象画像の明度の数値が大きい場合は、ひとつの点が小さくなり、小さい場合は、ひとつの点が大きくなります。ドキュメントを塗りつぶすグレーの濃淡で、ドット模様の密度が調整できるというワケです。
基本がわかる動画を配信中!
チャンネル登録をお願いします!
[レイヤー] パネルで、[新規レイヤーを作成] をクリックします。
[レイヤー 1] が作成されたことを確認します。
[レイヤー 1] を作成

[レイヤー 1] を作成
[編集] メニューから、[塗りつぶし] を選択し、[塗りつぶし] ダイアログで、[内容] に [描画色] を選択します。
[OK] をクリックします。
[内容] に [描画色] を選択

[内容] に [描画色] を選択
[フィルター] メニューから、[スマートフィルター用に変換] を適用します。[レイヤー] パネルで、[レイヤー 1] がスマートオブジェクトに変換されたことを確認します。
スマートオブジェクトを確認

スマートオブジェクトを確認
スマートオブジェクトとは?
[スマートフィルター用に変換] を適用すると、選択したレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。
警告アラート

警告アラート
[背景] に適用すると、レイヤー名が [レイヤー 0] に変更され、[背景] では設定できなかった [描画モード] や [不透明度]、[位置をロック] などが有効になります。
続きは↓下の番号をクリック!

12345

スポンサード リンク