新しい日記

新しい日記

配色に役立つPhotoshop Tips


配色パターンからWebデザインを考える | Webクリエイターボックス

 

これのぴったりの配色を考えるのところが何気にPhotoshop Tipsな気がする

2. 彩度のバリエーションを表示

http://www.webcreatorbox.com/wp-content/uploads/2010/03/color2-500x250.jpg

5色の上部に白で塗りつぶしたレイヤーを重ね、ブレンドモード:オーバーレイ、不透明度:80%に設定。下部には黒で塗りつぶしたレイヤーを重ね、ブレンドモード:カラー、不透明度:60%に設定。この不透明度の割合は調節しながら変更してみてください。白が重なった部分は彩度の高い色、黒が重なった部分は彩度の低い色となります。

4. 明度のバリエーションを表示

http://www.webcreatorbox.com/wp-content/uploads/2010/03/color4-500x250.jpg

 

同じ要領で白と黒のレイヤーを作ります。今回は両方共ブレンドモード:ソフトライト、不透明度:100%にしています。白が重なった部分は明度の高い色、黒が重なった部分は明度が低い色となります。

 

ブレンドモード、スクリーンとか覆い焼きとか、適当に変えてみてよさげに見えるものを使っていたけど、ちゃんとどうなるか考えて使いたい。