配色に役立つPhotoshop Tips

配色パターンからWebデザインを考えるページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。Webクリエイターボックス

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

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

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

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

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

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