フォトショップ

色彩のセオリーを理解してphotoshopでポスターを配色するためのコツ

ベース・メイン・アクセントの配色を身につける

背後にいる男性の彩度を落としモノクロにし、女性の肌も少し彩度を落ち着かせる。

彩度を落とす

Mariko Yamaguchiさんがとてもわかりやすい配色講座をしてくれているので参考に↓

色彩センスのいらない配色講座 from Mariko Yamaguchi

ベース・メイン・アクセントの3つの基本色があり、アクセントカラーにはメインカラーの補色を持ってこよう!

ここでは女性の肌色がメインカラーになるので女性レイヤーを複製し色調を反転(厳密には反対色と補色は同じではない)

諧調の反転

すると、補色は青系だとわかったので赤い金魚ではなく青系の熱帯魚に変更し色味や色彩も微調整。

青い魚に入れ替え

反転した女性レイヤーを削除すれば、全体的に統一感がありながら青い熱帯魚がアクセントを効かせた構図ができてきました

反転レイヤー削除

この段階ではまだタイトル文字が白く浮いてしまっているのでディティールを詰めていく工程でまた配色を合わせていきます。

今日はベース・メイン・アクセントを意識しながら配色することに慣れてみよう!

レイアウトtopへ戻るディティール
スリームデザインの無料メールマガジン

ピックアップ記事

  1. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…

関連記事

  1. webデザイン

    photoshopで雰囲気のあるセピア調に仕上げるプロの技術。

    photoshopで写真をセピア調にするのはすごく簡単。 ⇒ phot…

  2. webデザイン

    Photoshopで文字に影を付ける”3つの方法”を知っておくだけで表現の幅…

    Photoshopで文字に影を付けるには、レイヤースタイルのドロップシ…

  3. webデザイン

    芸能人のアメーバブログのようなヘッダーを作成・依頼する前に知っておいたほうが良いこと。

    《芸能人のブログヘッダ画像まとめ【モデル偏】【アイドル偏】》などを見る…

  4. フォトショップ

    photoshopで違和感なくほくろやシミを消す方法。

    photoshopで人物写真のほくろやシミを消したい場合にはコピースタ…

  5. webデザイン

    細部(ディティール)へのこだわりがWEBデザインに差をつける。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の5番目、ここでは⑤ …

  6. 3D

    Photoshopで立体的なGOLD(金色)の文字を作る方法【スキルアップ動画解説付】

    Photoshopで立体的なGOLD(金色)の文字を作る方法はいくつか…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
PAGE TOP