448.3-1色の基礎知識と配色

 ※前回のフォントも同様でしたが、説明用の図解・イラスト・写真類は権利関係の問題で使えません。文章説明だけで分かりづらいと思います。
※AIさん画像を加工しました。

カラーモードの意味を知る

<光の色・インクの色>

◯光の三原色(RGB) /赤(R)緑(G)青(B) 

 混ぜるとあらゆる色ができる(テレビ・PCモニター・スマホ)

◯インクの三原色(CMY) /シアン(C)マゼンタ(M)イエロー(Y)

 黒インク(K)と白い紙であらゆる色を出す

<画面で見る色をプリンターで出力すると暗く濁って見えるのはなぜ?>

◯光の混色は混ぜるほど明るく白くなり、インクは混ぜるほど暗く黒くなる。RGBCMYでは再現できる色の範囲が違う。

 ※印刷で再現しづらい色は特色を使う(例・金 銀 蛍光色など)

<イメージが大きく変化する色域>

◯モニター上では明るく鮮やかな色が表現できるが、プリンターではイメージが大きく大きく変化する色がある。印刷が前提の作品では注意が必要。

※AIさんが作った画像を加工。

<感覚的に色を探せるHSB>

◯Photoshopではウィンドウ(W)→カラー(C)でHSBスライダーを開く→スライダーを左右に動かして色調整

<Webカラー(カラーコード)とは>

◯16進数を使った色の表示法

 ●数字とアルファベットを組み合わせた色表示(左の2桁/赤・中央の2桁/緑・右の2桁/青) 

 ●PhotoshopではカラーピッカーやWebカラースライダーなどで扱う(カラーピッカーではさまざまな色表示が一覧できる)     

※AIさんが描いた画像なので、この動物が何者なのか判りません。

色の表記と心理効果

<色を表す時は3つのモノサシを使う>

色相 /色味の違い

 ●色相が循環する円を色相環と呼ぶ。(Adobe Colorのカラーホイールなど)

明度 /明るさ

彩度 /鮮やかさ

 ●色彩学では縦方向に明度・横方向にサイドの軸を取るのがルール。

 ●色を表す3つのモノサシのうち明度・彩度を合わせたものをトーン(色調)と呼ぶ

 ※色は立体(三次元)で表すのが本来だがトーンを使えば平面で表せる

 ●日本の産業界ではマンセル色相環が使われる

※AIさんが描いた画像なので何の魚なのか判りません。

<色の心理効果>

暖色(赤/オレンジ/黄)・寒色(青/青緑/青紫)それ以外は温度感のない中性色

◯進出色・後退色

 ●等距離にある色は暖色ほど近づいて感じられ、寒色ほど遠くに感じられる

※AIさん画像を元に近付く球体と、遠ざかる球体を作ってみました。そのように見えますか?

◯背景色が変わると図色が変化する(色相対比)

 ●図色は背景色によって影響を受け変化して感じられる

◯明度がもたらす心理効果

 ●膨張色・収縮色

 ●白いロゴは大きく、白文字は太く見える

※AIさんが作った画像を加工しています。

 ※白と黒の心理的な重さの比重は1対1.87 /荷物の運搬では軽く感じられる明るい色の箱、プレミアム感を出したいパッケージには暗い色が使われる。

 ●安定感を出す /下の方に大きな面積で暗い色を配置

 ●動きや躍動感を出す /上の方に暗い色を配置

◯彩度がもたらす心理効果

 ●派手な色 /彩度の高い色は華やかで目立つ

 ●地味な色 /彩度の低い色はシックで馴染みやすい

※AIさんの作った画像を加工しています。

2023-09-25

448.3-1色の基礎知識と配色」への14件のフィードバック

  1. う~ん、仕事で疲れた脳には難し過ぎる(笑)!お勉強、大変ですねぇ~!!

    コメント欄のフォーマットが変わったのですね!一瞬、ビビりました(笑)…

    いいね: 1人

    1. すみません🙇
      記事は授業内容に興味のある方向けなので読まなくて良いんです😅
      猫の画像だけ見てくださいね😺
      コメント欄の変更でも皆様にご迷惑おかけしています😓

      いいね

  2. こんにちは。
    「色の基礎知識と配色」のお勉強ですね。RGBとCMYKは基本ですが、制作対象物で選択です。光とインク色の違いありです。AIさんの魚?何か分かりませんが(爆)色相・明度・彩度などでカラフルですね。色の心理効果はzombieさん、お得意と推測です!!遊園地のキャラ、彩度の違いで印象変化ですが、スーパーキティ風ですね。取り敢えず、お疲れ様です!?(=^・ェ・^=)

    いいね: 1人

    1. ありがとうございます😀
      ウチは出版社なのでRGBとCMYKの違いについてだけは知ってました😄
      AIさんにはカラーチャートをお願いしたのに💻魚とか謎動物とかいらんものを描いてよこしました😑何考えてるんでしょ😓
      これネコ科に見えます??😺
      色については知識もないし得意でもないですがこだわりはあるのです😅

      いいね

  3. あ、なるほど。メールボタンで前のようなフォーマットでコメント書けるのね。
    いやー、わからないながら、なんとなくこちらもお勉強になりますー。
    色とかなんとなくは知ってましたが、ちゃんと学んだことがないので、なるほどなるほどという感じ。
    でも、きっとすぐ忘れる(-_-;)

    いいね: 1人

    1. コメントはメールボタン押して登録しないとダメなんでしょうか✏️(私もよくわかってないです🥺)
      お勉強って本当に必要で使い続ける知識しか頭に残らないですよね😅
      私もすぐ忘れる自信あります🤣

      いいね

  4. お勉強、毎日なのでしょうか。
    私がパンクしそう。
    ただ、できるようになった時のことを想像して頑張ってください^^

    いいね: 1人

    1. 毎日勉強しないと追いつかないですぅ😥
      読まなくて良いですよ😅猫画像だけ見てください😺
      できる様になった時のことを想像して頑張る⋯うぅぅ😭できる様になるんだろうか〜😓

      いいね

Zombiekong への返信 コメントをキャンセル