色々な色相変更 at AEP Project

はじめに

単純に色を変えたいとき、色相の変更を使うことが良くあるかと思いますが、
色相/彩度の色相を変更すると、輝度の変化が顕著に表れます。
そこで、いくつかの方法を比較してみました。

ダウンロード

ダウンロード
※CS4とCS6のAEPが入っています。
※輝度だけ調整するアニメーションプリセットを入れています。
初期設定がRGBなので赤に変えて使ってください。

サンプルムービー

colorCycle

比較結果

左上:
■元の画像

右上:
■標準エフェクトの色相/彩度
手順1: 色相を変更
・輝度の変化が大きい
・黄色系では白飛び、青系では沈み込みすぎる

左下:
■SA Color Finesse 2以上を使用
手順1: Parametersにキーを打ち、MasterのHueを変更
・輝度の変化が小さい
・変化が小さすぎて、カラーサイクルを作ったときメリハリがない

右下:
■輝度情報を維持して、色相を変更
手順1: 色相/彩度で色相を変更
手順2: チャンネルコンバイナーでRGBをYUVに変更
手順3: チャンネル設定でソースレイヤー1に元レイヤー、ソース1に赤を設定で輝度を設定
手順4: チャンネルコンバイナーでYUVをRGBに戻す
・1枚目で元画像と輝度に差が出る
・色を変更しても輝度の変化がないので、画像のメリハリが失われにくい

解説

標準の色相/彩度はHSB、またはHSVと呼ばれる色空間です。
SA Color FinesseではHSLという色空間を利用しています。
どちらにもメリット・デメリットがあるのですが、単純な色相変換ではHSLの方が良好な結果になります。

右下の輝度を維持する手法ですが、チャンネルコンバイナーでRGBをYUVに変換しています。
YUV変換後は、チャンネル赤（R）に輝度情報（Y）が割り当てられます。
そのためチャンネル設定で、赤チャンネルに元の画像の輝度を指定することで、
輝度を維持したまま、色相の変更をしていることになります。
RGBに戻す前にトーンカーブなどでチャンネル赤を指定すれば、輝度だけ調整したりも出来ます。
※アニメーションプリセットを同梱しました。トーンカーブは初期指定がRGBなので変えてください。

さいごに

エフェクトやフィルタを使えば簡単に変更は出来ますが、
ただ単に変えてそれっぽく作った画像というのが、実は一番危険だったりします。
正しい絵作りが出来ているのか、必ず確認しましょう。

追加記事

※12/07/03
意外と反応があったので、なぜ1枚目が元の輝度と変わるのか解説とその対策です。

右下:
■輝度情報を維持して、色相を変更
【手順3: チャンネル設定でソースレイヤー1に元レイヤー、ソース1に赤を設定で輝度を設定】
チャンネル設定の輝度と、チャンネルコンバイナーでYUVに変換した輝度情報では一致しないので、
1枚目が元画像と変わってしまいます。

■輝度を元画像と合わせて、輝度を維持して色相を変更する手順
手順1: 別コンポに元画像を配置
手順2: 元画像にチャンネルコンバイナーでRGBをYUVに変更

※ここからコンポが変わる
手順3: 上記で作成したコンポを、色相を変えたいレイヤーのあるコンポに配置
手順4: 色相/彩度で色相を変更
手順5: チャンネルコンバイナーでRGBをYUVに変更
手順6: チャンネル設定でソースレイヤー1に手順3のレイヤー、ソース1に赤を設定で赤を設定
手順7: チャンネルコンバイナーでYUVをRGBに戻す

以上の手順で、輝度に差のない色相変換が行えます。
個人的にはプリコンポが面倒だったり邪魔だったりするので、
輝度を赤チャンネルに変換後、トーンカーブなどで調整する方が好みです。

タグ : 4nregerric, ZAP[タグを追加する]

この記事の投稿者について：ru_izw

ru_izwのウェブサイト

ru_izwの投稿一覧

この投稿者のTwitter @ru_izw

この記事に対する 29 の反応があります

この投稿への反応のRSS トラックバックURL Twitterでつぶやく（URLを挿入して投稿画面に飛びます）

1 AEUSERS(AEP Project) 6月 26th, 2012 at 09:41

新着記事 : 色々な色相変更 http://t.co/X8LHb6LI
2 Hidetoshi Iizawa 6月 26th, 2012 at 09:42

新着記事 : 色々な色相変更 http://t.co/X8LHb6LI
3 安息香P 6月 26th, 2012 at 09:44

色々な色相変更 http://t.co/QkrCzRS0 #aejp via @AEUSERS
4 たこ 6月 26th, 2012 at 09:45

こ、この見出しはダジャレなんだろか・・・・色々な色相変更 http://t.co/CXTOvMi6 #aejp via @AEUSERS
5 友 6月 26th, 2012 at 09:47

みてる：色々な色相変更 | AEP Project http://t.co/Zt7MM3hi
6 徒-ダンボー 6月 26th, 2012 at 09:58

新着記事 : 色々な色相変更 http://t.co/X8LHb6LI
7 木乃 6月 26th, 2012 at 09:59

新着記事 : 色々な色相変更 http://t.co/X8LHb6LI
8 CGWORLD.jp 6月 27th, 2012 at 02:36

色々な色相変更｜AEP Project… http://t.co/2ehLv1RC
9 Comper K 6月 27th, 2012 at 02:51

新着記事 : 色々な色相変更 http://t.co/X8LHb6LI
10 Saboten1230 6月 27th, 2012 at 03:02

新着記事 : 色々な色相変更 http://t.co/X8LHb6LI
11 tomo 6月 27th, 2012 at 03:28

色々な色相変更｜AEP Project… http://t.co/2ehLv1RC
12 strainerSH 6月 28th, 2012 at 10:19

@myEN 色相を変換する時の注意http://t.co/YoKMPPHj
13 Nishiura 6月 28th, 2012 at 10:20

メモ。 >色々な色相変更 http://t.co/0ubdLI62
14 Creators' Heads 6月 29th, 2012 at 02:06

AEP Projectが、「色々な色相変更」を公開しています。
色相/彩度の色相を変更した際の、輝度の変化が如実に表れます。変更するいくつかの方法を比較していますよ。
http://t.co/kP5eLnI9
15 青木純 6月 29th, 2012 at 04:08

とても実践的で良いTipsです。ＡｆｔｅｒＥｆｆｅｃｔｓ標準の色相エフェクトに不満の人は参考に。 RT @AEUSERS: 色々な色相変更 http://t.co/1k9IcV8P
16 青木純 6月 29th, 2012 at 04:11

とても実践的で良いTipsです。After Effects標準の色相エフェクトに不満の人は参考に。 RT @AEUSERS: 色々な色相変更 http://t.co/1k9IcV8P
17 澤井俊洋 6月 29th, 2012 at 04:12

とても実践的で良いTipsです。After Effects標準の色相エフェクトに不満の人は参考に。 RT @AEUSERS: 色々な色相変更 http://t.co/1k9IcV8P
18 Chikaya Shimabuk 6月 29th, 2012 at 04:23

とても実践的で良いTipsです。After Effects標準の色相エフェクトに不満の人は参考に。 RT @AEUSERS: 色々な色相変更 http://t.co/1k9IcV8P
19 パンタグラフ 6月 29th, 2012 at 05:24

とても実践的で良いTipsです。After Effects標準の色相エフェクトに不満の人は参考に。 RT @AEUSERS: 色々な色相変更 http://t.co/1k9IcV8P
20 Yukinori Nakamura 7月 2nd, 2012 at 08:29

AEの色相のお話。試してみてちょっと感動(´・ω・`) ＞色々な色相変更 http://t.co/sVbLjzEu
21 Hidetoshi Iizawa 7月 2nd, 2012 at 16:39

元画像と輝度が変わる手法の解説と対策を追記しました。 RT @AEUSERS 新着記事 : 色々な色相変更 http://t.co/dj0DIscZ
22 古橋宏 7月 2nd, 2012 at 17:33

色々な色相変更 http://t.co/c6iVKC8d #aejp via @AEUSERS
23 KenjiKawasaki 7月 11th, 2012 at 01:24

【制作系】メモ　画像があるとわかりやすい　　http://t.co/Y2PNKaoW
24 Optie 9月 10th, 2012 at 12:50

色々な色相変更 http://t.co/vmiXLAKw #aejp via @AEUSERS
25 ishii 9月 11th, 2012 at 02:55

RT @AEUSERS: 色々な色相変更 http://t.co/mDZFS7NN
26 aaaaaaaaa 11月 7th, 2012 at 13:26

そのまま色相を変えると色飛びするのは気のせいじゃなかった……　http://t.co/aivwiwcl
27 CG memo etc. 11月 15th, 2012 at 03:28

色々な色相変更 http://t.co/dl0ulPuy