画像をPOPなコミック調に加工したい時に使うと効果的なカラーハーフトーン。Photoshopではフィルターをかけるだけで手軽に加工できますが、好きな形のドット柄を作るのってどうやるんだっけ…と思い出せない時のための備忘録。
★ ★
カラーハーフトーンを使ってドット柄の円を作る
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_1.png)
![](https://color-literacy.com/wp-content/uploads/2019/04/y-face.png)
作例は円ですが、任意の形で作れます。ポイントはグラデーションです。
作成手順
- 背景が白のレイヤー上に、グラデーションツールを使って中心から[黒→白]の円を描きます。
- フィルタ:カラーハーフトーンを実行。 メニューバー [フィルタ] > [ピクセレート] > [カラーハーフトーン] 角度は各チャンネルの数値を全て45に統一 ※ポイント1参照
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_2.png)
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_17.png)
ポイント 1
- ハーフトーンスクリーンの角度は各チャンネルの数値を全て45に統一。 最大半径は適宜設定(作例は20px)※ドキュメントサイズ 1000×1000px 72dpi RGB
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_3.png)
チャンネル数値を初期値のままにした場合は、以下のようにドットが少しずつずれたように見える結果になる。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_4.png)
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_4.png)
ポイント 2
- 白・黒以外の色相が残ってしまった場合は色調補正で彩度を落とす。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_5.png)
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_6.png)
[イメージ] > [色調補正] > [彩度を下げる]
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_7.png)
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_7.png)
作成したドット柄の背景を透明にする方法
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_9.png)
➊レイヤーを全選択し、コピー(Ctrl+C または Cmd+C)する。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_8.png)
➋レイヤーマスクを追加し、マスクを選択した状態にする。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_10.png)
➌チャンネルパネルに切り替え、1番下のチャンネル上にペースト(Ctrl+V または Cmd+V)する。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_11.png)
➍ペーストしたチャンネルに対し、色調補正から階調の反転を選んで実行する。 [イメージ] > [色調補正] > [階調の反転]
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_14.png)
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_12.png)
➎該当チャンネルを非表示にしてレイヤーに戻り、背景が透明になっているのを確認して完成。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_13.png)
➏色を変えたい時は、カラーオーバーレイなどを使って任意の色に変更。
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_15.png)
![](https://color-literacy.com/wp-content/uploads/2019/10/ph_50_16.png)
この記事へのコメントはありません。