Photoshopを使った、ホログラム風のペイント方法。
![Photoshopを使った、ホログラム風のペイント方法。](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-00.webp)
Photoshopを使ったホログラム風のペイント方法です。
この方法を活用すれば、ホログラムだけでなく、金属っぽい質感も簡単に着色できそうです。
ホログラム風のペイント方法
ホログラム風のペイント方法について
ホログラム風のペイントをする際に、グラデーションマップを使用します。
グラデーションマップとは
グラデーションマップとはピクセルの明るさによって、色を置き換える機能の事です。Photoshopメニューのイメージ → 色調補正 → グラデーションマップにあります。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-15.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-15.webp)
ここに描かれたグレーの球があります。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-01.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-01.webp)
そこにグラデーションマップを適用します。するとこんな感じで明るさによってグラデーションの色が置き換えられます。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-02.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-02.webp)
ホログラム風のペイント。実践。
このシャツにホログラム風のペイントをしていきます。シャツ部分のみ別レイヤーにコピーしています。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-03.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-03.webp)
コピーしたシャツに、グラデーションマップを適用し、先ほどのグラデーションで着色。
グラデーションの幅は手動で調整しています。ここはコツがありそうです。みた感じ、一番明るい部分、暗い部分が大部分を占めないように調整しているように思います。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-04.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-04.webp)
調整後、レイヤーの合成モードを輝度にした状態。なんだかこれだけで金属感が出ています。
色相・彩度の色相を転がすとハイライトの具合が変わってきます。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-05.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-05.webp)
もう1レイヤー追加し、色付きの光沢をうっすら乗せています。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-07.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-07.webp)
これで完成。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-08.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-08.webp)
こちらは金属質感とホログラム風が合わさった塗り方。金属っぽさも凄くいい感じ。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-09.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-09.webp)
試したいけど、布描くの面倒という方に
テスト用のPSDデータ
背景と布部分がレイヤーで分かれたPSDを用意しました。興味のある方はお試しください。
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-17.webp)
![](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-17.webp)
グラデーションマップデータ
このチュートリアル動画を参考にしたグラデーションマップを用意しておきました。
ダウンロードした『cgt_Holographic.zip』を解凍し、中に入っている『cgt_Holographic.grd』をPhotoshopにドラッグアンドドロップすると、グラデーションが追加されます。
![ホログラム風のペイント方法用のグラデーションマップデータ](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-16-1.webp)
![ホログラム風のペイント方法用のグラデーションマップデータ](https://cgtracking.net/wp-content/uploads/2021/09/210920-holographic-paint-16-1.webp)
ディスカッション
コメント一覧
まだ、コメントがありません