絵を描くとき、何を考えればいい?必要な知識の分類と関係性を整理しました
僕は仕事で17年間
アニメの背景を描いてきました
その中で「もっと上手くなりたい」と思ったとき
必要だったのは努力よりもまず
絵に必要な知識の全体像でした
独学で学んでいると
- 自分にはどんな知識が必要なのか
- 今の自分に足りない知識は何か
- どこを目指して何を学べばいいか
が見えにくいことがあります
僕自身も
「本にはどれも同じことが書いてある」と
感じていた時期がありました
でも実際には
本ごとに扱っている範囲や重点が違うので
何冊か読まないと
「全体像」や「知識同士のつながり」が
見えてきませんでした
そこでこの記事では
絵を描くのに必要な知識を6つに分類し
あわせて関係性も整理しました
この図は、独学者にとって
ロードマップにもチェックリストにもなる
と思います
この記事でできること
- 自分に必要な知識の分野が分かる
- 次に学ぶテーマが決めやすくなる
- 制作の手順チェックとして使える
この記事の使い方(どこを読めばいい?)
- 制作のチェックをしたい人
→「最終チェック(衝突確認)」へ - 何を学ぶべきか知りたい人
→「絵を描くのに必要な知識の分類と関係性(全体像)」へ - 本を探したい人
→「次の一手(必要な分野から本を選ぶ)」へ - 練習をしたい人
→「描く習慣をつくるコツと
毎日できる基礎練習をまとめた記事」へ
【目次】
- 絵を描くのに必要な知識の分類と関係性(全体像)
- 「表現・意図」(何を伝える絵か)
- 「画面構成」(主役と視線の設計)
- 色・光に入る前のチェックリスト(仕上げ前の固定事項)
- 「光」(白黒で主役を勝たせる)
- 「色」(雰囲気と主役の強調)
- 「形」(シルエットと立体の説得力)
- 「空間」(前後関係と奥行き)
- 最終チェック(衝突確認)
- 次の一手(必要な分野から本を選ぶ)
- まとめ(次の行動)
※まずは見出しだけ眺めて
気になるところから読む形でも大丈夫です
絵を描くのに必要な知識の分類と関係性(全体像)
6つの分類
まず、絵を描くのに必要な知識を
6つの項目に分類すると
次の図のようになります

さらにそれぞれを分解していくと
より具体的な学習項目が見えてきます

「学ぶ順」と「使う順」は同じではない
知識を学ぶ順番と
1枚の絵を描くときに使う内容の順番は
一致しません
学習では下図の下から積み上げることが多い一方
制作ではまず
「何を描きたいか/どう見せたいか」 が
出発点になります
制作では、その意図を実現する手段として
画面構成・光・色・形・空間を設計していきます

制作の出発点が違っても、最後に必要なのは「表現・意図」
アイデア出しの段階では
コンセプトに縛られず
描き出してから拾うこともあります
ただし最終的に「何を採用するか」を決めるのは
結局 何を描きたいか/どう感じてほしいか
という表現・意図です
次の章では
制作判断の出発点になる「表現・意図」から
整理していきます
「表現・意図」(何を伝える絵か)
表現・意図は、絵づくりの最上流で
「何を、どう受け取ってほしい絵か」を
固定する工程です
ここが決まると
後の画面構成・光・色・形の判断がブレにくくなります

この章では
の順に整理していきます

表現・意図では
ジャンル理解・目的・コンセプトなどの
個別項目に入る前に
「誰に・どこで見せる絵か」
「何のための絵か」
を先に決めておくと
後の判断がぶれにくくなります
その前提を踏まえて
まずは「ジャンル理解」から見ていきます
ジャンル理解(前提・制約条件)

「ジャンル理解」は
この絵をどんな文脈で見せるかを決める工程です
ジャンルが決まると
見る人の期待や評価基準がはっきりし
表現の方向も定めやすくなります
実写・アニメ・イラスト・マンガなど
媒体ごとの強みや制約を踏まえて設計します
「ジャンル理解」で決めること(3つ)
- ジャンル
例:
一枚絵イラスト/漫画
コンセプトアート/など - リアリティの方向(どこまで現実寄りか)
写実寄り/デフォルメ寄り/など
※そのジャンルでの
「誇張・省略の許容範囲」を決める - 評価されるポイント(何が“上手い”と見なされるか)
例:
背景美術=空気感と説得力
漫画=読みやすさと演出 など
作業手順(3ステップ)
- まず「用途」を一言で決める
・SNSで見せる一枚絵なのか
・物語の1カット(漫画・映像)なのか
・説明用の図・デザインなのか
用途が決まるとジャンルが絞れます - 参考作品を3つ選ぶ
(同じジャンルで)
同じ題材でもジャンルで答えが変わるので
参考は必ず同ジャンルから
「この絵はこの方向」と自分の基準を
作ります - 誇張・省略・デフォルメの方針を決める
・何は正確に描く?
(例:建物のパース、顔の比率)
・何は省略する?
(例:細部、情報量)
・どこを誇張する?
(例:光、表情、シルエット)
この方針が
次の「目的」や「形の最適化」に直結します
チェック(3項目)
- この絵のジャンルを言えるか
背景美術/一枚絵/漫画/デザイン… - 参考にする作品が3つ挙げられるか
- 誇張・省略・デフォルメの方針が言えるか
何を正確に/何を捨てるか
よくある失敗
- 参考が別ジャンル
→ 目指す方向がぶれて迷う - 写実とデフォルメが混在
→ 「狙い」ではなく“ミス”に見えやすい
「ジャンル理解」が決まったら次は「目的」です
「目的」では
「この絵で何を達成したいか」
「何ができたら成功か」を
言葉にして固定します
目的(役割と成功条件)

「目的」は
・この絵は何のための絵か
・何ができたら成功か
を短い言葉で決める工程です
ここが曖昧だと
何を優先して判断すればいいかが定まりません
逆に目的が言語化できると
制作中の取捨選択がしやすくなるので
制作判断が一気に速くなります
「目的」で決めること(3つ)
- 用途(何のための絵か)
例:
書籍表紙/依頼案件/SNS拡散
個人作品 など - 見る人の行動(何をしてほしいか)
例:
立ち止まる/読み進める/買いたくなる
保存する など - 成功条件(何ができたらOKか)
例:
1秒で主役が分かる
サムネでも認識できる など
作業手順(3ステップ)
- 用途を決める
(媒体と役割を固定する)
広告/表紙/SNSなど
使われ方を先に決めます - 「見る人の次の行動」を1つ決める
・広告 → 興味を持ってクリック
・表紙 → 手に取る/内容が想像できる
・SNS → 目を止める/拡散する - 成功条件を“判定できる言葉”にする
×「いい感じにする」
○「縮小しても主役が分かる」
○「3秒で状況が伝わる」など
※時間(1秒/3秒/10秒)で書くと
ブレにくいです
チェック(3項目)
- 用途(広告/表紙/SNSなど)を
一言で言えるか - 見る人にしてほしい行動が
1つに絞れているか - 成功条件が判定できる形になっているか
(何が読めればOKか)
よくある失敗
- 目的が「全部盛り」
→ 主役がぼやけて伝わらない - 成功条件が曖昧
→ 後工程で迷い続ける
「目的」が決まったら次は「コンセプト」です
「コンセプト」では
「この絵は一言で何の絵か」を固定します
コンセプト(作品の核)

「コンセプト」は
「この絵でいちばん伝えたい中心」を
一言で決める工程です
中心が定まると
構図・色・モチーフ・余白の選択や
「足す/引く」の判断に一貫性が出ます
逆に核が曖昧だと
テクニックを積み上げても
「何か弱い」絵になりやすいです
「コンセプト」で決めること(3つ)
- 対象(何についての絵か)
待つ時間/慣れた街/旅の記憶 など - 核(主張+感情+変化)
・主張:何を言いたいか
(例:困難は人を育てる など )
・感情:何を感じてほしいか
(例:温かさ/寂しさ/希望 など)
・変化:見た後に何が変わるか
(例:行きたくなる など)※主張だけでなく
「感情」と「変化」まで含めると
核が強くなります - 視点(誰の目線で描くか)
当事者/観察者/俯瞰/回想/夢 など同じ対象でも視点が変わると
絵の意味が変わります
作業手順(3ステップ)
- 対象を決める
「何についての絵か」を一言で決めます - 核を一文にする
(主張+感情+変化)
例)
この絵は旅先の記憶を
「なつかしさ」として思い出させ
もう一度行きたくさせる - 視点を決めてブレを消す
・当事者なのか、観察者なのか回想なのか視点が決まると
情報量や距離感(寄る/引く)も決めやすくなります
チェック(3項目)
- 対象(何についての絵か)を
一言で言えるか - 核を一文で言えるか
(主張+感情+変化が入っているか) - 視点(誰の目線か)が決まっているか
また、核が決まったら次のことを考えておくと
制作が速くなります
- 感情の質
冷/温、硬/柔、静/動 など - 視覚のルール
余白/コントラスト/視線誘導 など - モチーフ
象徴(意味を背負う物)
状況(場所や行為) など - ディテール
説明寄り/余韻寄り
コンセプト(核)が決まったら
次は「意味の構造」です
「意味の構造」では
見る人に意図した解釈が伝わるように
絵の中の情報をどう組み立てるかを考えます
そのうえで、伝え方の型として
「コンセプチュアル」と「ナラティブ」の
どちらを主に使うかを決めます
意味の構造(伝わり方の設計)

「意味の構造」は
見る人が「これはこういうことだ」と受け取れるように
人物・物・状況・象徴などの情報を配置し
関係づける工程です
同じコンセプトでも
この構造が弱いと「何を言いたい絵なのか」が
伝わりにくくなります
「意味の構造」で決めること(3つ)
- 伝える核(主張)
何を言う絵か(コンセプトに相当) - どう読み取らせるか(根拠+関係性)
・根拠:象徴/対比/状況証拠/表情 など
・関係性:人物同士、人物と場所の因果や対比 - 読み順(理解が起きる順番)
例:状況を理解 → 心情を理解 など
※前提(ジャンル・文化・常識)で
省略できる部分もここに含みます
作業手順(3ステップ)
- 「主張」を一言に固定する
例:「孤独」「希望」「帰りたい」など
まず核を固定し、余計な解釈を減らします - 伝え方のタイプを決める
(比重を決める)
意味の構造には代表的に
2つの考え方があります
・コンセプチュアル
象徴・対比・比喩で意味を圧縮して伝える
・ナラティブ
状況(何が起きているか)を見せて意味を伝える※両立可能です
どちらを強くするか(比重)を決めます - 根拠と読み順を設計する
・何を根拠に主張を読み取れるようにするか
(象徴・対比・小道具 など)
・どの順で理解させるか
(入口→状況→心情 など)
コンセプチュアル(意味を圧縮して伝える)
象徴・対比・比喩で情報を整理し
「これは何を意味する絵か」を伝えます
鑑賞者は「なるほど、こういうことね」と
解釈で受け取ります
例:
- メタファー(例え)
「小さな人物+巨大な影」=不安 - 記号化・象徴化
「鎖=束縛」「光=希望」 - 余白・単純化
情報を減らしてメッセージを強調 - 対比
大/小、明/暗、寒/暖
ナラティブ(状況で伝える)
「何が起きているのか」を見せて意味を伝えます
鑑賞者は「何があったんだろう?」と
状況を理解して受け取ります
例:
- 行為の途中・直前直後を切り取る
- 人物同士の距離/視線/手の動き
- 状況証拠(小道具や配置)から
意味が伝わる
例:テーマ「孤独」で比較
コンセプチュアル
- 広い余白に小さな人物
- 寒色系がメイン
- 強めのコントラスト
- 空席、消えかけの灯りなど象徴
→ 一瞬で「孤独」が伝わる
ナラティブ
- 1人で誰かを待っている場面
- テーブルに2人分の飲み物
- 入口の方向を向いた人物
→ 状況から「孤独」が伝わる
チェック(3項目)
- 主張(何を言う絵か)が一言で言えるか
- それを支える根拠(象徴・対比・状況証拠など)が入っているか
- 読み順が設計されているか
(状況→心情など、理解の順があるか)
意味の構造(何をどう伝えるか)が決まったら
次は「効果・狙う受け取り方」(印象設計)です
「効果・狙う受け取り方」(印象設計)では
「どう感じさせたいか」
「どんな印象で受け取ってほしいか」を
言葉で固定します
効果・狙う受け取り方(印象設計)

「効果・狙う受け取り方」(印象設計)は
見る人にどう感じてほしいかを言葉で定め
その印象を生むための手段を選ぶ工程です
感情・空気感・印象まで意図して設計すると
同じモチーフでも
構図・光・色・情報量・筆致の判断に一貫性が出ます
「効果・狙う受け取り方」で決めること(3つ)
- 感情(いちばん強い気分)
静か/不安/楽しい/荘厳 など - 空気感(温度・湿度・密度)
暖かい/冷たい、乾いた/湿った
澄んだ/重い など - 後味(見終わった後に残す余韻)
安心/切なさ/希望 など
※まずは3つに絞るとブレません
(全部盛りにすると迷います)
作業手順(3ステップ)
- 狙う印象を
「対になる言葉」で決める
静か⇔にぎやか/温かい⇔冷たい
安心⇔不安
どちら側に寄せたいかを決めます - 印象を作る「要素」を
2〜3個だけ選ぶ
印象は全部の要素で作れますが
最初は2〜3個に絞った方が
設計しやすいです
(例:情報量+コントラスト+色温度 など) - そのつまみで
画面全体の強弱を決める
・主役ゾーンで印象を強く出す
・それ以外は控えめにして読みやすくする
印象を「主役に集中」させると
まとまりやすいです
「効果・狙う受け取り方」を「見える形」にする主な手段
- 情報量(密度)
少:孤独、静けさ、上品
多:生活感、賑わい、熱量 - 明暗・コントラスト
高:緊張、決断
低:穏やか、懐かしさ、夢 - 色温度 × 彩度
暖 × 高彩度:祝福、活気
冷 × 低彩度:孤立、距離
暖 × 低彩度:郷愁、優しさ
冷 × 高彩度:人工、荘厳 - エッジ(輪郭の硬さ)
硬:鋭さ、緊迫
柔:優しさ、思い出 - 余白
大:孤立、静寂、崇高さ
小:圧迫、賑わい - 距離・視点
近い:親密
遠い:客観、孤独
低い:力強さ、非日常、憧れ
高い:俯瞰、弱さ
※他にもタッチ、テクスチャ、線の強さ
などでも調整できます
チェック(3項目)
- 狙う印象を言葉で言えるか
(感情/空気感/後味) - 印象を作る「つまみ」を2〜3個に
絞れているか - 主役が一番その印象を背負っていて
他は邪魔していないか
「効果・狙う受け取り方」が決まったら
次は「形の最適化」です
ここまでに決めた核・意味・印象が
見る人に伝わりやすくなるように
誇張・省略・デフォルメによって
形と情報を整理します
形の最適化(伝わる形への編集)

「形の最適化」は
現実をそのまま正確に写すのではなく
狙い(核・意味・印象)が伝わりやすい形に
情報を整理して仕上げる工程です
情報量の配分を考える「設計」と
誇張・省略・デフォルメで形を整える「実装」に
分けて考えると
判断がぶれにくくなります
「形の最適化」で決めること(3つ)
- 情報を集中させる場所
(主役ゾーン)
どこを一番読ませるか(視線・意味の中心) - 情報量の配分(強弱)
主役/準主役/背景で
どれくらい差をつけるか - 編集方針
(誇張・省略・デフォルメの比率)
何を増幅し、何を削り
どこをルールごと変えるか
情報量とは何か
「情報量」=描き込み量だけではありません
主役を細かく描けば勝つ
という単純な話ではなく情報には種類があります
- 形情報
輪郭、面の数、形の細かさ - 色情報
色相の数、彩度差、色温度差 - 明暗情報
影の段階、エッジの数、コントラスト - 意味情報
小道具の種類や数、状況説明の手掛かり
どの情報を増やす/減らすかで
読みやすさも印象も変わります
作業手順(3ステップ)
- 情報の配分を決める(設計)
「主役に何の情報を集めるか」を
先に決めます(形/明暗/色/意味の
どれで主役を勝たせるか) - 誇張・省略・デフォルメで
実現する(実装)
・誇張:重要な情報を「増幅」して目立たせる
・省略:不要な情報を「削る」ことで主役を立てる
・デフォルメ:意図に合わせて「別のルールで組み直す」 - 2問でチェックして整える
・情報量は主役に集中しているか?
・その集中を、誇張・省略・デフォルメで
実現できているか?主役は分かりやすいか
脇役が目立ちすぎていないか
誇張・省略・デフォルメ(短い定義+効果)
- 誇張(増幅)
例:
表情を強く/遠近感を強める
傾きを分かりやすくする
効果:
理解しやすい/感情が強く出る
速度感が出る - 省略(削る)
例:
背景の細部を削る/線を減らす
模様を単純化する
効果:
読みやすい/上品/余韻が出る - デフォルメ(組み直す)
例:
遠近感を意図的に歪める/形を記号化する
比率を変える
効果:
世界観が統一される/象徴的
非日常感が出る
チェック(3項目)
- 主役に「どの情報」を集中させるか
決まっているか
(形/明暗/色/意味) - 脇役・背景の情報が削れていて
主役の邪魔をしていないか - 誇張・省略・デフォルメの
どれで実現しているか説明できるか
「形の最適化」が終わったら
次は「画面構成」です
ここまでで決めた「主役に集中させた情報」を
見る順番(入口→主役→出口)として
成立させるために
配置・分割・視線誘導を設計します
「画面構成」(主役と視線の設計)
画面構成は
見る人が迷わず主役を理解できるように
優先順位と視線の流れを設計する工程です
ここが整うほど
光や色を足しても主役がブレにくくなります

この章では
の順に整理していきます

まずは「前提条件」から見ていきます
前提条件(媒体/サイズ/閲覧時間)

「前提条件」は
この絵がどんな環境で見られるかを整理し
判断の基準を定める工程です
同じ絵でも、媒体やサイズ、閲覧時間が変わると
求められる見え方や成功の基準も変わります
そのため
最初に押さえるほど後工程の二度手間が減ります
この章で決めること(3つ)
- 媒体(どこで見られるか)
SNS/印刷(雑誌・書籍)/展示 など - サイズと距離(どれくらいの大きさで
どの距離から見るか)
スマホの一覧/記事内の小さな画像
ポスター など - 閲覧時間(何秒見られるか)
一瞬(1秒)
数秒(3〜5秒)
じっくり(10秒以上) など
作業手順(3ステップ)
- まず媒体を決める
SNS/印刷物/展示なのかで
「勝ち方」が変わります - サイズと距離を決める
「サムネで見えるか」
「近づいて細部を見られるか」が決まります - 閲覧時間を決めて成功条件を言葉にする
・SNS:1秒で主役が判別できる
・展示:近づいたときに発見や余韻がある
このように
前提条件に合わせて成功条件を固定します
チェック(3項目)
- 媒体(SNS/印刷/展示)が
決まっているか - 想定サイズと距離が決まっているか
サムネ/見開き/ポスター など - 想定閲覧時間に合った成功条件が
言語化できているか
「前提条件」が決まったら
次は 「主役・脇役の整理」です
「主役・脇役の整理」では
「何を最初に読ませるか(優先順位)」を
はっきりさせると画面構成の設計が
一気に進みます
主役・脇役の整理(優先順位の固定)

「主役・脇役の整理」は
「何を最初に見せて、次に何を見せるか」を決めて
画面の優先順位を整理する工程です
ここが曖昧だと、画面分割・配置・視線誘導の判断が
すべて「なんとなく」になりやすいので
画面構成の中でも特に重要です
「主役・脇役の整理」で決めること(3つ)
- 主役(最初に見せたいもの)
この絵でいちばん伝える対象は何か - 準主役(次に見せたいもの)
主役の意味を補う情報は何か
(状況、相手、場所、行為など) - 背景・脇役(雰囲気を支えるもの)
空気感や世界観を作る要素は何か
(ただし主役より弱くする)
作業手順(3ステップ)
- 主役を1つに絞る
「この絵は〇〇を見せる」と
一文で言えるようにします
迷う場合は目的(成功条件)に
一番直結するものを主役にします - 準主役を1〜2個決める主役を理解するために必要な情報だけを
残します入れすぎると
主役と競合して焦点が分散します - 背景は「支える役」に徹する
雰囲気は作るが
主役より目立たせない方針を決めます後で配置・色・明暗で強さを落とします
チェック(3項目)
- 主役が一言で言えるか
(最初に見せたいものが1つ) - 準主役が
主役の理解に必要な要素に絞れているか - 背景は「雰囲気担当」として
主役と競合しない設計になっているか
「主役と脇役の整理」が決まったら
次は「配置の意味づけ」です
「配置の意味づけ」では
主役をどこに置くと意図が伝わりやすいか
中心・余白・上下左右などを踏まえて設計します
配置の意味付け(位置の心理効果)

「配置の意味づけ」は
主役を意図に合った場所に置き
位置が持つ心理効果によって
強さ・空気・物語の感じ方を設計する工程です
同じモチーフでも
どこに置くかで受け取り方は大きく変わります
「配置の意味付け」で決めること(3つ)
- 主役の置き場所(強さの印象)
主役っぽく見せるのか
あえて脇に置いて余韻を作るのか - 余白の取り方(空気・間)
静けさ/広がり/窮屈さなどを
どこに作るか - 出口と重心(安定/緊張)
視線を抜けさせるか留めるか
画面の重心をどこに置くか
位置が持つ代表的な心理効果の例

- 中心:強い/主題/安定
- 周辺:余韻/気配/不安
「そこにある理由」が生まれる - 下:重い/安定/現実
重力の影響 - 上:軽い/不安定/理想(天上界)
文化/象徴で強さとして扱われることも
(神/天使 など) - 左→右(読みの流れ):文脈により差が出る
左=入口になりやすい
右=出口になりやすい
(横書き文化圏の傾向) - 四隅:目が引っかかりやすいが外に抜けやすい(強いが危険)
※不穏・孤独など「意図があるとき」に使うと安定 - 余白:何もない場所ではなく主役を引き立てる手段
余白大=静けさ/孤独/広がり/余韻
余白小=密度/熱量/窮屈 - 重心(視覚的な重さの中心)
中央・下=安定
端・上=緊張/動き/不安定
重い要素:低明度/大きい/顔(目)
作業手順(3ステップ)
- 主役の位置を「意図」から決める
・王道に伝える → 中心寄り
・余韻や孤独 → 端+余白まず主役の場所で方向性を固定します - 余白の場所を決める
(空気の方向)
余白は「主役を強くする」手段です
どこに余白を作るかで静けさや
広がりの方向が決まります - 出口(抜け/留め)と重心を調整する
・抜けさせたい → 出口側を軽くする(弱くする)
・留めたい → 出口側に弱いフックを置く(抜けを止める)最後に重心が意図どおりか確認します
チェック(3項目)
- 主役の場所は意図(安定/緊張/余韻)に合っているか
- 余白は主役を引き立てているか
(主役の周りがうるさくないか) - 四隅・出口側に強すぎる要素
(高コントラスト/高彩度/硬いエッジ)がないか
(=視線が外に逃げないか)
※必要なら追加で
重心の位置が意図どおり
抜け/留めがコントロールできているか
「配置の意味付け」が決まったら
次は「画面分割」です
「画面分割」では大きな面の割り方を決めて
主役が無理なく読まれるための器を作ります
画面分割(骨格作り)

「画面分割」は
主役・準主役・背景・余白といった
役割を持つ領域に画面を分け
面積配分と視線の流れを整理することで
画面の骨格を作る工程です
入口→主役→出口、あるいは回遊の流れが
無理なく成立する土台をここで整えます
「画面分割」で決めること(3つ)
- 領域の役割と面積配分
主役/準主役/背景/余白を
画面の中でどれくらいの割合で持たせるか - 流れ(入口→主役→出口/回遊)
どこから入り、どこで止まり
どこで抜ける(または戻る)か - 骨格パターン(型)の選択
三分割/対角/L字など
狙いに合う分割の型を選ぶ
画面分割で作る「領域の役割」
- 主役の領域:目立たせる(止まる場所)
- 準主役の領域:状況説明(次に読む場所)
- 余白の領域:静けさ・休符(呼吸する場所)
- 背景の領域:世界観(支える土台)
この4つをどう配分するかが
画面の見やすさを決めます
なぜ画面分割をするのか(目的は4つ)
- 主役の置き場を作る
自然に読まれる場所を確保 - 視線の道を作る
入口→主役→出口/回遊 - バランス(重心)を整える
安定/緊張 - 余白と密度の配分を決める
テンポ
作業手順(3ステップ)
- まず「主役の面」を確保する
主役が小さすぎて負けないように
主役の領域を先に取ります - 次に「余白」と「準主役」を配置する
・余白:呼吸と強調(主役を立てる)
・準主役:主役を理解させるための情報
この2つで「読み順」を作ります - 型(分割パターン)を選んで骨格を固める
・迷ったら三分割
・動きなら対角
・余韻ならL字
・集中ならフレームというように選びます
代表的な分割パターンと向いている用途

- 三分割
万能。安定・読みやすい
(迷ったらこれ) - 黄金比
自然で上品
(「比率」より面積差の意識が大事) - 対角分割
動き・緊張・スピード
(出口になりやすいので抜け/留めを決める) - 三角構図
主役が強い・安定
(頂点に焦点、底辺で支える) - L字構図
余白と主役が両立
(余白の形を整える) - フレーム構造
囲って集中/奥行き
(窓、枝、柱、門など) - 奥行きレイヤー
空間の説得力
(主役は中景が読みやすい
前景=フック、遠景=余韻)
チェック(3項目)
- サムネでも 主役の領域が勝っているか
(面積や強さが足りるか) - 余白が「ただの空き」ではなく
主役を引き立てているか - 流れ(入口→主役→出口)が成立していて
四隅や対角で抜けすぎないか
「画面分割」が決まったら
次は「視線誘導の手段」です
「視線誘導の手段」では
骨格の上で明度差・エッジ・反復などを使って
主役に視線を集める実装を行います
視線誘導の手段(目を引く力の配置)

「視線誘導」は鑑賞者の目が
「入口→主役→準主役→出口(または回遊)」
と動くように
画面内の「目を引く力」を配置する工程です
線で無理に導くのではなく
明度差・エッジ・彩度・顔など
目が自然に反応する要素使って設計します
とくに入口は、読み方向そのものよりも
最も強いコントラストに引かれやすい傾向があります
そのため、入口をコントロールしたい場合は
最大コントラストをどこに置くかを
先に決めておくと整理しやすくなります
「視線誘導の手段」で決めること(3つ)
- 入口(最初に目が入る場所)
多くの場合、読み方向より
最大コントラストの場所が入口になりやすい - 主役(止まる場所)
主役に「最大差」を最低1つ作り
周囲は静かにする - 出口(抜け/留め)
抜けさせる/回遊させて留めるかを決める
作業手順(3ステップ)
- 入口を作る
(最大コントラストをどこに置くか)
入口をコントロールしたいなら、まず
「画面内で一番強いコントラストを
どこに置くか」を決めます - 主役を勝たせる
(最大差+周囲を静かに)
・主役に最大差(明度差が最も安定)を作る
・主役の周りは静かにする
(余白、エッジ弱化、密度を落とす) - 出口を設計する(抜け/留め)
・抜け:出口側を弱く、余白多め
・留め/回遊:出口側に弱いフック
(小さな明度差、反復の終点など)
視線を引っ張る力(強さの優先順位)
- 最強(主役に必須)
・明度差(バリュー差):画面で一番強い明暗差が目を引く
・顔/目:人は顔を見やすい
・硬いエッジ:シャープな輪郭は止まりやすい
- 強(主役を補強)
・彩度差
・サイズ差(大きい塊)
・ディテール差(密度・描き込み)
- 補助(ルート作り)
・線/形の方向(導線)
・反復→破り(同じ→違うで止まる)
※「線で導く」は補助です
まず 明度差とエッジが最重要です
視線誘導の典型パターン(型)

- スポットライト型
主役だけ明るい/暗い
(最短で主役が立つ) - 段階型
入口→準主役→主役へ
強さを階段状に上げる
(読み順が作れる) - フレーム型
枝・窓・柱・影で囲う
(四隅の抜け防止、集中) - 反復→破り型
同じ形や明度を繰り返し
主役だけ変える(回遊と気持ちよさ)
チェック(3項目)
- 主役に最大コントラストがあるか
(入口がズレていないか) - 主役以外に「硬いエッジ/高彩度/細密」が散っていないか
- 出口側で視線が抜けすぎない
または留めたいならフックがあるか
よくある失敗
- 主役より目立つものがある
窓の白飛び、隅の高彩度
小さな強コントラスト など - 全部同じ強さで散る
どこも主役に見えてしまう
「視線誘導の手段」が決まったら
最後に「視線の流れとテンポ」で仕上げます
「視線の流れとテンポ」では
止まる/流れる/休む(余白)のリズムを整えて
読みやすい動きに調整します
視線の流れとテンポ(最終調整)

「視線の流れとテンポ」は
「視線誘導の手段」で配置した
引っ張る力(明度差・エッジ・反復など)が
意図した順番で働くように整え
画面全体の視線の動きとリズムを調整する工程です
「視線の流れとテンポ」で決めること(3つ)
- 流れの型(どんな読み方にするか)
読み切り/回遊/世界観へ拡散 など - 主方向(水平・対角・曲線)
画面全体として、どの方向に読まれやすいか
(線を引くことではない) - テンポ(止まる・流れる・休む)
主役で止める/次へ流す/余白で休ませる
をどう配分するか
視線の流れ
視線が画面内をどう巡るかの設計です
基本は次の型(組み合わせ可)
- 入口→主役→出口(読み切り)
瞬間理解に強い - 入口→主役→準主役→主役に戻る(回遊)
見続けさせる - 入口→主役→画面全体(世界観)
まず主題→次に情報を読む
流れの方向と印象(主方向)
- 水平・垂直:安定、静けさ
- 対角:動き、緊張、スピード
- 曲線(S字・弧):自然、優雅、回遊
※主方向は「線で描く導線」ではなく
画面全体の読まれ方の傾向です
テンポ(Tempo)
テンポは視線の止まる/流れる/休む
のリズムです
- 止まる
主役で留める - 流れる
次の要素へ運ぶ - 休符
余白や単純な面で休ませる - 加速/減速
情報量や強さの差で速度を変える
テンポを作る3つの要素
- 密度(情報量)
・密:止まる(読む量が多い)
・疎:流れる(素通りしやすい)
・基本形:主役周り=密/周辺=疎 - リズム(反復と変化)
・反復:気持ちよく流れる
・変化:そこで止まる(アクセント) - 段差(強さの変化)
明度差・彩度差・エッジの硬さを段階的に変える
→ 速度が変わり、読み順が作れる
作業手順(3ステップ)
- 流れの型を決める
(読み切り/回遊/世界観)
この絵は「すぐ理解させたい」のか
「見続けさせたい」のかを固定します - 主役で止め周辺に休符を作る
主役の密度と強さを最大にして
周辺は整理します
休符がないと
ずっと密で疲れる画面になります - リズムと段差で「つなぎ」を作る
反復で流し
変化で止める強さを段階的にして
迷わず主役に到達させます
チェック(3項目)
- 入口→主役→出口(または回遊)
の流れが説明できるか - 主役で止まり
周辺に休符(余白・単純面)があるか - 反復と段差で
視線が途中で迷わずつながっているか
「画面構成」が整ったら
次は光(明暗)です
この流れを壊さないように
主役が白黒でも勝つ明暗設計(最大コントラストが主役)に落とし込みます
色・光に入る前のチェックリスト(主役と視線の設計)
ここは、「光」と「色」に進む前の確認用です
先に本文を読みたい方は
「光」の章へ飛んでも大丈夫です
制作前に見直したい方は
このままチェックリストを確認してください
色や光に進む前に
ここで最低限固定しておきたいものが6つあります
ここが未確定だと
色や光を足しても主役が負けたり
どこを見ればいいかわからない絵に
なりやすくなってしまいます
- 前提条件の確認
・どこで見られる(SNS/印刷/展示)
・どのサイズで見られる
(スマホ/書籍/ポスター)
・何秒見られる(1秒/5秒/じっくり) - 主役の決定
・最初に見せたいもの(主役)を
一言で言える
・次に見せたいもの(準主役)が
決まっている
・雰囲気を支える要素(背景)は
主役より弱くする方針がある - 「画面分割」「配置の意図」の確認
(静・動・余韻などの設計)
・画面の大きな面の割り方(役割)が
決まっている
→主役をその位置に置く理由
(安定/動き)が言える - 視線の流れの確認(読み順)
・入口→主役→出口/回遊 などの流れが決まっている
・「抜けさせたい」「留めたい」の方針がある 画面の整理(散らない状態)
・強い要素(強コントラスト/高彩度/硬いエッジ/細密)は主役に集まっている白黒画像(バリュー)で
主役が目立っている
・縮小しても一目で主役が分かる
・目を細めたとき
最大コントラストが主役になっている
→色より先に白黒で成立しているのが重要
ここで2つの簡易テストで
自分の作品をチェックしてみてください
- サムネイルテスト
極小表示で主役が判別できるか - 薄目テスト
一番強い明暗差が主役か
これで画面構成の土台は固まりました
次はこの流れを壊さないように
「光」で主役が白黒でも勝つ状態を作ります
光は
光源→質→方向→投影→反射光・環境光→距離による減衰
の順に整理すると迷いません
「光」(白黒で主役を勝たせる)
光は、画面の「明暗」「影」「空気」を決める工程です
この章のゴールは
主役が白黒でも勝つ明暗を作り
影と空気感が破綻しないルールを揃えることです
光が整うと、色を乗せても画面が散りにくく
立体感と奥行きが安定します

この章では
の順に整理していきます

画面の明暗の基準になる「光源」から見ていきます
光源(主光の決定)

「光源」は
主役を照らす「主光」を決めて
影の向きと明暗の根拠を固定する工程です
光源が定まるとハイライト位置と影の方向が
説明できるようになり
明暗設計が破綻しにくくなります
決めること(3つ)
- 種類(どんな光か)
・色(色温度)
・大きさ(点・面)
・距離(遠・近)
・拡散(直射・拡散) - 数(いくつあるか)
・1つか複数か
・複数なら 主/副 を決める - 位置(どこにあるか)
・画面内/画面外、高さ、左右
近い/遠い(影の向きの根拠)
作業手順(3ステップ)
- 主光を1つ決める
まず「主役を照らす光」を1つ固定します
(最初は単光源が安定) - 種類を4つの軸で決める
色(色温度):暖色/寒色/色付き
→ 全体の色味が決まる
大きさ(見かけの大きさ)
小さい=影が硬い/大きい=影が柔らかい
→「質(硬い/柔らかい)」の根拠が決まる
距離
遠い=影の向きが揃う(平行光)
近い=放射状で変化する
→ 影の向きが画面内で揃うか、場所で変わるかが決まる
拡散
直射=コントラスト強
拡散=コントラスト弱
→ コントラストの幅と「空気の柔らかさ」が決まる - 数と位置を確定して整合性を取る
複数光源なら主/副を決め
影の向きが矛盾しないように整理します
チェック(3項目)
- 影の方向が「光源の位置」と矛盾していないか
- 光源が複数なら「主/副」が決まっているか
(主役を照らすのはどれ?) - 光源の種類(色・大きさ・距離・拡散)が説明できるか
(影の硬さ/コントラストと一致しているか)
「光源」が決まったら
次は「光の質」です
「光の質」では
影の輪郭とコントラストの強さを決めて
画面の空気感を整えます
光の質(影の硬さと空気)

「光の質」は
影の硬さ(ボケ具合)と明暗差の強さを決める工程です
同じ光源でも
「硬い/柔らかい」「直射/拡散」の違いによって
影の輪郭・コントラスト・空気感は大きく変わります
ここが定まると、明暗の見え方に一貫性が出ます
決めること(3つ)
- 硬い/柔らかい(影の輪郭)
パキッと硬影か/ぼけた軟影か - 直射/拡散(光の回り方)
直射日光か
曇天やレース越しのような拡散光か - コントラストの幅(明暗差)
明暗差を大きくするか/小さくするか

作業手順(3ステップ)
- まず「硬い/柔らかい」を決める
影の輪郭がシャープか/ぼけるかを
先に固定します - 次に「直射/拡散」を決める
直射なら影は強くなりやすく
拡散なら影は弱くなりやすい
という方向性が決まります - 最後にコントラスト幅を合わせる
狙う空気に合わせて
明暗差を強める/抑えるを調整します
・硬い=ドラマ
・柔らかい=穏やか
の印象が出やすい
「光の質」が絵に与える影響
- 影のエッジ
硬影/軟影(ぼけ幅) - 面の見え方
立体感の強さ(硬いほど強く出やすい) - 空気感
硬い=劇的/柔らかい=穏やか
チェック(3項目)
- 設定した「硬い/柔らかい」と
影のエッジ(ボケ具合)が一致しているか - 「直射/拡散」と
明暗差(コントラストの強さ)が一致しているか - 主役の空気(ドラマ/穏やか)が
狙い通りに出ているか
「光の質」が決まったら
次は「光の方向」です
「光の方向」では
どこから光が当たるかを決めて
明暗の向きをそろえます
光の方向(光面/影面の確定)

「光の方向」は
「どこから光が当たるか」を決めて
光面と影面、ハイライト位置、影の向き
を定める工程です
ここが定まると
面ごとの明暗に一貫性が生まれ
立体感が安定します
「光の方向」で決めること(3つ)

- 方向のパターン
・順光(左/正面/右)
・逆光(左/正面/右)
・真横(左/右)
・真上 - 主役に当てるか/外すか
・主役側に当てる=読みやすい
・あえて外す=シルエット・余韻(狙いが必要) - 光の方向の証拠(何で示すか)
・落ち影の向き
・ハイライトの位置
・明るい面の偏り
→画面内に「方向が分かる手掛かり」を
必ず作る
作業手順(3ステップ)
- 方向を1つ決める(左上/右上など)
まず「どこから来る光か」を固定します
(複数光源は後で整理) - 光面と影面を大きく分ける
細部より先に、主役の立体で
「明るい面」「暗い面」を
ざっくり決めます - 証拠を置いて整合性を取る
落ち影の向きとハイライト位置が
矛盾しないように合わせます
「光の方向」が絵に与える影響
- 形の見え方
・面の切り替わりが変わり立体感が変わる - 視線誘導
・主役側に光を当てると主役が一気に立つ - 印象
・逆光:ドラマ、シルエット
・正面光:情報は見やすいが
平坦になりやすい
・斜め上:自然で立体が出やすい
チェック(3項目)
- 影の向きとハイライトの位置のつじつまが
合っているか - 画面内に「方向の証拠」(落ち影・ハイライト・明るい面の偏り)があるか
- 主役がその方向で、一番読みやすくなっているか
(狙い通りか)
「光の方向」が決まったら
次は「投影」です
「投影」では
形の影と落ち影を整理して
接地感と光の位置関係の自然さを作ります
投影(影の落ち方)

「投影」は
影がどこにどう落ちるかを決めて
接地感と光の自然さを支える工程です
影は2種類に分けて考えると
破綻しにくくなります
- 形の影(フォームシャドウ)
物体の表面で、光が当たらず暗くなる部分 - 落ち影(キャストシャドウ)
物体が別の面(地面・壁など)に落とす影

「投影」で決めること(3つ)
- 形の影と落ち影を区別する
・表面の暗側
・地面に落ちる影
を分ける - 落ち影の方向と長さ
・光の方向に一致させ影の長さで光の高さ(時間帯)を表す - 接地の強さ(影の濃さの配分)
・接地部分(接触付近)を一番濃くして浮かないようにする
作業手順(3ステップ)
- まず落ち影で「光の方向」を証明する
地面(または壁)に落ちる影を描くと
光の方向が一発で伝わります - 次に形の影で「立体」を作る
物体の暗側を整理して
光面/影面の切り替わりを分かりやすくします - 接地を締めて「乗っている」感じを出す
影の根元(接地部)を最も濃くして
そこから外側に向かって弱めます
「投影」が絵に与える影響

- 接地感
落ち影があると物が地面に「乗る」 - 時間帯・光の高さ
影の長さと方向で時刻や光源位置が伝わる - 視線誘導
落ち影を導線として使える
(ただし出口になりやすいので注意)
チェック(3項目)
- 落ち影の方向が光の方向と一致しているか
- 影の接地部分(根元)が最も濃くなっているか
- 落ち影が強すぎて視線が外(出口)に逃げていないか
「投影」が決まったら
次は「反射光・環境光」です
「反射光・環境光」では
影の中に回り込む光を整理して
暗部を自然に見せます
反射光・環境光(影の中の光)

「反射光・環境光」は
影の中に入る光を整えて
暗部を自然に見せる工程です
暗部は、ただ光が当たっていないだけではなく
周囲から回り込む環境光や反射光によって
明るさや色の差が生まれます
ここが整うと
空気感や素材感が出しやすくなります
「反射光・環境光」で決めること(3つ)
- 影の中をどれくらい持ち上げるか
真っ黒にしない量(暗部の明るさの下限) - どこから回り込むか(環境光)
空・壁・床など周囲のどの方向から光が入るか - どこで反射が強く出るか(反射光)
床や壁の反射/物体同士の回り込み
素材(ツヤ/マット)による差

作業手順(3ステップ)
- 環境光を決める
(影の「最低限の明るさ」)
屋外なら空、室内なら壁・床…など
影の中に入るベースの明るさを決めます - 反射光を入れる
(影の中に段差を作る)
影の中にも「少し明るい場所」を作って
立体と素材を感じさせます
(入れすぎると影が消えるので少量から) - 主役のコントラストを守る
(上げすぎ注意)
暗部を持ち上げても
主役の最大コントラストが弱くならないように調整します
「反射光・環境光」が絵に与える影響
- 暗部の情報量
暗部が生きると透明感・空気感が出る - 素材感
反射の出方で金属・陶器・水面などが表現しやすい - コントラスト管理
上げすぎると主役の強さ(コントラスト)が弱くなる
チェック(3項目)
- 影の中にも
明るさの差(反射光の段差)があるか - 暗部を上げすぎて
主役のコントラストを邪魔していないか - 回り込みの方向(空/床/壁)が
場面の前提と矛盾していないか
「反射光・環境光」が整ったら
次は「大気・距離による減衰」です
「大気・距離による減衰」では
遠くほど弱く見えるルール
(コントラスト・エッジ・情報量の低下)を
入れて奥行きと空気感を仕上げます
大気・距離による光の減衰(遠景の弱め方)

「大気・距離による光の減衰」は
距離が遠くなるほど見え方が弱まることを踏まえて
遠景をどう弱めるかを決める工程です
遠景を適切に弱めることで
奥行き・主役の強さ・空気感が成り立ちます
「大気・距離による光の減衰」で決めること(3つ)
- 遠景の弱め方
(何を落とすか)
コントラスト/エッジ/細部(密度)
色の寄り(環境光寄り) - どの距離から弱めるか
(近・中・遠の境界)
主役を置く距離(近景・中景)を基準に決める - 主役を勝たせるための配分
遠景を弱めて主役(中景/近景)が
自然に強く見えるようにする
距離が増えるほど起きる変化(覚える最小セット)
遠くほど
- コントラストが下がる
- エッジが柔らかくなる
- 細部が見えにくくなる
- 色も空気(環境光)の色に近づく

「減衰」が絵に与える影響
- 奥行き
近・中・遠に差が出る - 主役が目立つ
遠景を弱めると中景/近景の主役が
勝ちやすい - 空気感
距離感(空気の層)が出て
透明感につながりやすい
作業手順(3ステップ)
- 主役の距離を決める
(主役はどこにいるか)
主役が中景なのか近景なのかで
弱めるべき領域が決まります - 遠景の「3つの要素を下げる」
コントラスト/エッジ/密度 - 必要なら色も環境光寄りにする
遠景を空の色/霞の色に寄せて
空気の層を強めます
チェック(3項目)
- 遠景が手前と同じ強さ(コントラスト・エッジ・密度)になっていないか
- 遠景を弱めた結果
主役が自然に勝っているか - 遠景の色が環境光寄りになっていて
空気の層が感じられるか
「大気・距離による光の減衰」が決まったら
光の設計はひとまず終わりです
次は「色」に進み
明暗で作った強さを壊さないように
「雰囲気」と「主役の強調」を色で設計します
光についてのチェックリスト
ここは制作前の確認用です
先に本文を読みたい方は、次の
「色」の章から読んでも大丈夫です
見直したい方は
このままチェックリストを確認してください
- 光源:主光は何?位置は?(1つに絞る)
- 質:硬い?柔らかい?(影の輪郭の決定)
- 方向:どっちから?(影の向き)
- 投影:落ち影の方向と長さ、接地
- 反射/環境:影の中を少し持ち上げる
- 減衰:奥ほど弱く(遠景を薄く)
「色」(雰囲気と主役の強調)
色は、光(明暗)で作った土台の上に
「雰囲気(感情・世界観)」と「主役の強調」を上乗せして
伝わり方を仕上げる工程です
この章のゴールは
明度(白黒)の勝ち負けを壊さずに
雰囲気と主役の強調を色で整えることです
色をいじるほど画面は散りやすいので
まずは明度(白黒)の土台を崩さないことを
前提にします

この章では
の順に整理していきます

まずは色の「ものさし」である
色相・明度・彩度から見ていきます
色相・明度・彩度(色を説明するための「ものさし」)

「色相・明度・彩度」は
色を「感覚」ではなく
「言葉」で整理するための3つのものさしです
この3つで色を分解できると
「何が変なのか」を原因として言えるようになり
違和感を自分で直しやすくなります
- 色相
何色か(赤・青・緑など) - 明度
どれくらい明るいか(白寄り/黒寄り) - 彩度
どれくらい鮮やかか(派手/くすみ)
「色相・明度・彩度」で決めること(3つ)
- 色の状態を3要素に分けて考える
色相/明度/彩度 - 絵での優先順位を守る
明度 > 彩度 > 色相 - それぞれの役割を使い分ける
明度=読みやすさ
彩度=強調
色相=雰囲気
作業手順(3ステップ)
- まず明度を見る
(白黒で整っているか)
主役が勝っているか/散っていないかは
明度で決まることが多いです
色をいじる前に
明度が崩れていないか確認します - 次に彩度を整える
(主役に強さを集める)
彩度は目を引く力が強いので
全体にばら撒くと散りやすいです基本は 主役にだけ彩度を集めると安定します - 最後に色相で雰囲気を決める
暖色/寒色、時間帯、季節感 など
「空気」を整えます
何が便利になる?(言語化できる)
「なんか変だな…」を
原因として言えるようになります
- 明度が合ってない
→明るすぎる/暗すぎる - 彩度が強すぎる/弱すぎる
→派手すぎる/地味すぎる - 色相が合ってない
→冷たすぎる/暖かすぎる
→ つまり、直し方が見つけやすくなり
自分でも判断しやすく
他人にも伝えやすくなります
絵での優先順位(迷わないルール)
明度 > 彩度 > 色相
明度が崩れると、色相や彩度を工夫しても
絵がまとまりにくくなります
読みやすさ(主役が分かるか)は
明度で決まることが多いです
それぞれの役割(最短で覚える)
- 明度=読みやすさ
主役・立体感・散らない など - 彩度=目立たせる強さ
注目度・派手さ・近さ など - 色相=雰囲気
温度感・時間帯・季節・世界観 など
補足(初心者がつまずきやすい点)
経験上
明度と色相は比較的つかみやすい一方
彩度は慣れるまで時間がかかりやすいです
最初は「明度を崩さない」を最優先にして
彩度は少しずつ調整していくと
失敗しづらいと思います
チェック(3項目)
- 主役が明度で勝っているか
(白黒でも読めるか) - 彩度が主役に集まっていて
他が邪魔していないか - 色相の方向性(暖/寒、時間帯など)が
一言で言えるか
「色相・明度・彩度」で
「何がズレているか」が言えるようになったら
次は「混色」です
「混色」では、狙った色を作るために
色がどう変化するかのルールを整理します
混色(色を作る/直すためのルール)

「混色」は
色を混ぜたときにどう変化するかを知り
狙った色を作ったり
色の違和感を直したりするための知識です
(混色を本で学びたい方は
初心者向けの本を分野別にまとめた記事の
「混色について」も参考にしてください)
混色が分かると例えば
- 「濁った」→ 何を混ぜすぎたか
- 「派手すぎる」→ 彩度を落とすには何を足すか
- 「暗すぎる」→ どう明るくするか
といった判断ができ
色を安定してコントロールしやすくなります
「混色」で決めること(3つ)
- 混色のタイプを区別する
減法混色/加法混色 - 濁りの原因を避ける
補色・色数の増えすぎ
(混色する色について) - 目的別の直し方を決める
くすませる/鮮やかに保つ/明るくする
混色は2種類ある
- 減法混色
(絵の具/インク など)
混ぜるほど暗く・くすみやすい
→ 絵の具は光を吸うので混ぜるほど濁りやすい - 加法混色
(光/モニター/照明 など)
足すほど明るくなる
→ 光は足し算なので重ねるほど明るい方向に動く
減法混色(絵の具)でつまずきやすい点
絵の具が濁る主な原因は2つです
- 補色寄りを混ぜると
彩度が落ちやすい
反対色同士が混ざると
グレー寄りになりやすい - 色数を増やすほど濁りやすい
3色以上で一気にくすみやすい
作業手順(3ステップ)
- まず「減法か加法か」を意識する
・絵の具:減法混色
・モニター表示:加法混色
ただし「色を混ぜる操作」は体感として
減法寄りになりやすい場面があります
(デジタル含む) - 濁りの原因を避ける
(補色・色数)
混ぜる前に
・補色寄りになってないか
・色数が増えてないか
を確認します - 目的別に最短で直す
くすませたい(彩度↓)
補色を少量/グレーを少量鮮やかに保ちたい(彩度↓を避ける)
混ぜすぎない(色数を増やさない)
明るくしたい(明度↑)
白を足しすぎると白っぽくなりやすいので
明るい同系色で上げる
例:赤を明るく → 赤+黄でオレンジ寄りに
加法混色(光)とデジタルの注意点
デジタル絵はモニターの「光」なので
表示としては加法混色(RGB)が土台です
しかし、デジタルで絵を描くときは
「混ぜて中間色を作る」場面が多く
色を混ぜるほど濁ったり
暗くなったりしやすい点は
絵具の混色(減法混色)に近い感覚が
役に立ちます
このためデジタルでも
減法の感覚(混ぜすぎると濁る等)を
知っておくと色が濁りにくくなります
チェック(3項目)
- いま扱っているのは減法/加法
どちらの話か区別できているか - 濁りの原因(補色寄り/色数増えすぎ)を
踏んでいないか - 目的(くすませる/鮮やか/明るく)に
合った直し方を選べているか
混色は
色を混ぜたときに どう変化するかを知って
狙った色を作ったり
色の違和感を直したりするための知識です
混色を理解すると、たとえば
- 「濁った」→ 何を混ぜすぎたのか
- 「派手すぎる」→ 彩度を落とすには何を足すのか
- 「暗すぎる」→ どう明るくすればいいのか
が判断できるようになります
「混色」の考え方が分かったら
次は「光源色と物体色」です
「光源色と物体色」では
固有色をそのまま塗るのではなく
その場で実際に見えている色として捉え直します
光源色と物体色(見えている色への変換)

「光源色と物体色」は
固有色をそのまま塗るのではなく
その場の光に合わせて「見えている色」に
変換する工程です
ここがそろうと
画面全体の色が同じ光環境の中にあるように見えます
「光源色と物体色」で決めること(3つ)
- 物体色(固有色)
物が元々持っている基本の色 - 光源色
当たっている光の色
(夕方=暖色/曇天=青灰 など) - 環境の色
影の中に回り込む周りの色
(空/壁/床/反射光など)
色は「3つが混ざって」見える
見える色はだいたい次の3つの合成です
見える色 ≒
物体色(固有色)+ 光源の色 + 環境の色(空・反射光など)
式として覚えるより
「3つが混ざる」と理解しておくと
使いやすいです
何が起きる?
- 光は全体を「染める」
夕方の光なら
どの物も少しオレンジ寄りに見える
というように光の色が全体に
かかって見えるようになります - 影は真っ黒ではない
影は「光が当たっていない場所」ですが
周りから光が回り込むので影にも色が付きます
・屋外の影が青っぽい → 空の青い光が回り込むから
影色を一言で言うと
影色=暗くなった固有色に
周りの色(環境の色)が少し混ざったものです
作業手順(3ステップ)
- 固有色を決める(物の基本の色)
まず「白い光の下なら何色か」を押さえます - 光源色を決める
夕方/曇天/室内灯など
シーン全体の「染まり方」を決めます - 明るい所は光源色に寄せる
光が当たっている部分は
光源の色味が乗るので
全体の色を同じ方向に揃えます - 影は環境色を少し入れる(真っ黒にしない)
影にも周りの光(空・壁・床の反射)が
回り込むので暗くしつつ環境の色味を
少し混ぜます明暗(バリュー)を壊さないように注意が必要です
チェック(3項目)
- 同じ白でも光が変われば
色が変わって見える状態になっているか
(染まりがあるか) - 影が黒ではなく
環境の色を少し拾っているか - それでも主役の明暗(バリュー)が
崩れていないか
(白黒の勝ち負けを壊していないか)
「光源色と物体色」で
「その場の光の統一感」を作れたら
次は「配色」です
「配色」では
ベース/サブ/アクセントの役割を決めて
主役と全体の空気感を色で整えます
配色(主役と雰囲気の設計)

「配色」は
色に役割を割り振って
主役が目立つ順番と全体の雰囲気を整える工程です
「きれいな色を選ぶ」よりも
・どこを一番目立たせるか(主役)
・どこを控えめにするか(背景・脇役)
・全体をどんな空気にするか(雰囲気)
を色で設計します
「配色」で決めること(3つ)
- 主役の色の勝ち方
どの色を「一番強い色」にするか
(面積・彩度・明度差などを決める) - 役割分担
(ベース/サブ/アクセント)
色を3役に分けて散らない配分にする - 全体のまとまり方(方向性)
類似色/補色/トーン統一など
まとまりの型を決める
配色の最小設計:ベース/サブ/アクセント
この3つに分けると
画面がまとまりやすくなります
- ベース色(空気色)
画面の大部分。雰囲気と統一感を作る - サブ色
ベースだけだと単調なので、変化をつける - アクセント色(主役色)
視線を止める色。面積は小さくてOK
よく使う配色パターン
- 類似色(近い色相)
まとまりやすい - 補色(反対の色相)
主役を強くできる
(アクセントは少面積が安全) - トーン統一
(明るさ・鮮やかさを揃える)
落ち着いた統一感が出る
作業手順(4ステップ)
- 配色を決める
ベース/サブ/アクセントを決める(固有色を材料に
役割と強弱を設計する) - 光源色で全体を寄せる
時間帯・室内灯などで
全体の色味を同じ方向に「染める」 - 影色を環境光で決める
空・壁・床などからの回り込みを入れて
影を黒で塗りつぶさない - 主役が勝っているか最終調整
彩度・明度のコントラストで微調整し
主役が一番強い状態にする
※この順にすると
配色(見せ方)と光(条件)が衝突しにくくなります
チェック(3項目)
- アクセント(主役色)が
少面積でも一番目立つ状態になっているか - ベースとサブが主役を邪魔せず
全体の雰囲気が揃っているか - 光源色・環境光を入れても
主役の強さ(明度/彩度)が
崩れていないか
「配色(役割分担)」が決まったら
次は「色の心理的効果」です
「色の心理的効果」では
色によってどう感じさせるか
どこを強調するかを言葉で定めます
色の心理的効果(雰囲気と焦点のコントロール)

「色の心理的効果」は
色を「正しく再現する」ためではなく
色によって雰囲気と焦点(主役)を
意図的にコントロールし
狙った印象で読ませるための工程です
「 色の心理的効果」で決めること(3つ)
- 雰囲気(どんな気分にしたいか)
暖かい/冷たい
静か/にぎやか
安心/緊張 など - 焦点(どこを一番見せたいか)
主役に色の強さを集中させる
(暖色・彩度・明度差など) - 強さの配分
(全体は揃えて、主役で強く)
全体の方向性は統一し
心理効果の強度は主役に寄せる
作業手順(3ステップ)
- 雰囲気を言葉で決める
(方向性の固定)
主に色相(暖色/寒色)と
トーン(明るい/暗い・鮮やか/くすみ)で決めます - 主役の「色の勝ち方」を決める
(焦点の固定)
主役だけに強さを足します
例:
主役だけ暖色にする
主役だけ彩度を上げる
主役だけ明度差を強くする - 全体を整える
(やりすぎを抑える)
背景や脇役は控えめにして
主役が一番強い状態を保ちます
心理効果は「絶対ルール」ではない
「この色=必ずこう感じる」という決まりではありません
見る人の経験や、場面によって印象は変わるので
「絶対のルール」として覚えるのではなく
「だいたいこう感じやすい目安」として使うのが安全です
よく使う目安
- 暖色/寒色の心理
・暖色:近い、温かい、食欲、活気
・寒色:遠い、涼しさ、清潔、落ち着き - 彩度の心理
・高彩度:元気、若さ、派手、注意喚起
・低彩度:上品、懐かしさ、リアル寄り - 明度の心理
・高明度:軽さ、清潔、柔らかさ
・低明度:重さ、落ち着き、怖さ
使い方のコツ
- 「感情」を出したいときは
色相より先に「明度差+彩度差」で雰囲気を作る - 全体の雰囲気は揃える(方向性を統一)
- その上で心理効果の「強さ」は主役に集中させる
→ 画面がまとまり、主役がはっきりします
「色の心理的効果」で
雰囲気と主役の強調が決まったので
次は「形」です
「形」では
シルエットと立体を整えて
影や色がなくても伝わる形を作っていきます
「形」(シルエットと立体の説得力)
形は、シルエットと立体(面の向き)を整えて
影や色がなくても「何を描いているか」が
一瞬で分かる状態にする工程です
色や光を乗せる前に
まず形だけで成立させておくと
後の工程が崩れにくくなります

この章では
の順に整理していきます

形では
シルエット・厚み・整理の度合いを
大まかに決めてから入ると
各項目の判断がしやすくなります
まずは「立体」から見ていきます
立体(平たく見えない厚み)

「立体」は
正確さより先に「平たく見えない厚み」を作り
形を立体として成立させる工程です
ここでの目的は正確なパースではなく
まず平面に見えないこと
立体が成立すると
明暗も色も自然に乗りやすくなります
「立体」で決めること(3つ)
- 簡単な形で捉える
箱・筒・球に置き換えても
破綻しない形にする - 厚みを見せる
正面の形だけにせず横面・上面など
「面の向き」が感じられる状態にする - 向きを一貫させる
同じ物体の面の向きが途中でねじれたり
反転したりしないようにする
作業手順(4ステップ)
- 箱・筒・球でラフを作る
細部は後回し - 面の向きを決める
前・横・上など、どの面が見えているか - シルエットでチェックする
影絵でも読めるか - 必要なら厚みが出るように
修正する
平たく見える部分を直す
チェック(3項目)
- 箱・筒・球に置き換えても破綻しないか
- 正面だけになっておらず
厚み(面の向き)が見えるか - 向きが途中でブレていないか
(ねじれ/反転が起きていないか)
補足(形との関係・迷わない順)
- シルエットが弱いと「何を描いたか」が伝わりにくい
- 立体が弱いと「平たく」見える
なので基本は
「シルエットで分かる」→「厚みがある」
の順に確認すると安定します
「立体」が整ったら
次は「解剖学」です
「解剖学」では
人体や生物の比率・関節・重心を整えて
「動ける体」に見せます
解剖学(動ける体の説得力)

絵における「解剖学」は
筋肉名を覚えるためではなく
比率・関節・重心のつながりを理解して
「そのポーズを本当に取れそう」な体に
整えるための知識です
体が動ける形になっているか
ポーズが成立して見えるかを
確認するために使います
「解剖学」で決めること(3つ)
- 比率
頭身、肩幅、腰幅、手足の長さのバランス - 関節
関節の位置と曲がる方向
(肩・肘・膝など) - 重心
重心は自然な位置にあるか - 体の向き(ねじれ)
ポーズにねじれがあるなら
胸と骨盤の向きは自然か
作業手順(3ステップ)
- 最小の骨組みを置く
(重心の方針を決める)
・頭(大きさ)
・胸と骨盤(向き)
・支え脚(どっちの足に体重か)
まず「体重がどこに乗っているか」を
決めます - 関節を置いてつなぐ(曲がる向きと長さを揃える)
・肩→肘→手首
・股→膝→足首
関節の位置と曲がる方向を自然にします - 比率を微調整する(見せたい印象に寄せる)
・肩幅、腰幅、手足の長さ
主役の印象に合わせて調整必要なら
ここでデフォルメします
チェック(3項目)
- 比率が大きく破綻していないか
(頭身・肩幅・腰幅・手足の長さ) - 関節の位置と曲がる方向が自然か
(逆に曲がっていないか) - 重心が自然で
胸と骨盤の向き(ねじれ)に理由があるか
「解剖学」で確認するポイント
- 比率
頭身、肩幅、腰幅、手足の長さが
大きく破綻していないか - 関節
肩・肘・手首など関節の位置と
曲がる方向が自然か - 重心(体重の乗り方)
重心は自然な位置にあるか - 体の向き(ねじれ)
ポーズにねじれがあるなら
胸と骨盤の向きは自然か
「解剖学」が整ったら
次は「面構成」です
「面構成」では
形を大きな面に分けて整理し
明暗が乗りやすい状態を作ります
面構成(立体に見えるように整理)

「面構成」は
形を大きな面に分けて整理し
明暗を付けても崩れにくい立体にする工程です
線をきれいに描くことよりも
物を立体として
捉えやすい面に分けて整理することが大切です
ここが整うと
あとから光(明暗)を乗せても形が安定します
「面構成」で決めること(3つ)
- 大きな面の分け方
細部ではなく立体を説明できる面に分ける
(箱なら3面など) - 境目の強さ(硬い/柔らかい)
くっきり見せる境界と
なだらかに見せる境界を使い分ける - 面の優先順位
主役の面を読みやすくし
不要な面の情報は増やしすぎない
作業手順(3ステップ)
- まず大きく分ける
(細部は無視)
形を「大きい面」に分けます
・箱=前・横・上
・顔=正面・側面・下面 など - 境目の強さを決める
(硬い/柔らかい)
・くっきり見せたい境目=硬く
・なだらかに見せたい境目=柔らかく
全部同じ線にせず
面の切り替わりを整理します - 描き込み前に「面で整える」
先に面が整っていると
細部を足しても破綻しにくくなります
明暗も面ごとに「明るい/暗い」が
決めやすくなる
チェック(3項目)
- 細部を消しても
大きな面で立体が説明できるか - 境目の硬さが使い分けられていて
形が分かりやすいか - 明暗を付けても崩れにくそうか
(面ごとに明暗が決められるか)
「面構成」が整ったら
次は「デザイン」です
「デザイン」では
主役が一目で伝わるように
形を整理して強調します
デザイン(伝わる形への編集)

「デザイン」は
主役が一目で伝わるように形を整理し
「読みやすい形」に整える工程です
現実をそのまま写すのではなく
伝えたいものが伝わりやすくなるように
形を分かりやすく編集していきます
「デザイン」で決めること(3つ)
- 主役の形をどう目立たせるか
情報を増やすより
形を整理して分かりやすくする方が強い - メリハリ(形のリズム)を
どう作るか
大・中・小
直線・曲線
反復・変化 の方針を決める - 何を捨てるか(省略の方針)
主役の邪魔になる情報を減らし
見せたい形だけ残す
作業手順(3ステップ)
- シルエットを整える
白黒にしても
主役が一瞬で分かる形にします
(影絵でも読めるかを最優先) - 形にメリハリをつける
単調を避けるために形にリズムを作ります
・大・中・小
・直線と曲線
・繰り返しと変化 - いらない情報を消す
・主役の邪魔になる細かい形や模様は
減らします
・「見せたい形」だけを残して
読ませたい情報に集中させます
チェック(3項目)
- 影や色がなくても
シルエットで主役が分かるか - 面が整理されていて
明暗を付けても崩れなさそうか - 見せたい所は情報が多く
他はシンプルになっているか
(主役に集中しているか)
形が「伝わる形」に整ったら
次は「空間」です
「空間」では
前後関係と奥行きを成立させて
主役がどこにいるかを
迷わず読めるようにします
「空間」(前後関係と奥行き)
空間は、画面内の前後関係(距離)を設計して
「どこに何があるか」を読みやすくし
奥行きを感じる状態を作る工程です
空間は主に
・重なりによる遠近法
・透視図法
・空気遠近法
の3つで成立します

この章では
の順に整理していきます

作業順の補足(例外ルール)
基本は 形→空間 の順が効率的です
ただし室内・建築物・街並みなど
背景の構造が主役になる絵では
先に透視図法で骨格を固めてから
形を乗せたほうが早い場合があります
まずは「重なりによる遠近法」から見ていきます
重なりによる遠近法

「重なりによる遠近法」は
手前の物が奥の物を隠すことで
前後関係を一瞬で伝え
主役の位置が迷わず読める状態を作る工程です
透視図法や空気遠近法に比べて
まず「読み」に直結しやすく
空間づくりの土台として使いやすい考え方です
補足(重なり以外でも距離は読める)
「重なり」は前後関係を一瞬で伝える
最強の手掛かりですが
同じ種類の物体が繰り返し出る場面では
サイズ差(奥ほど小さい) だけでも
距離感を読ませることができます
(重ならなくても遠近は作れる)
「重なりによる遠近法」で決めること(3つ)
- レイヤー(前・中・奥)
画面を近景/中景/遠景の3層に分ける - 重なりの関係
何が何を隠すか
(前後が一目で分かる並び) - 主役の置き場所
主役をどの層に置き、どの層で支えるか
(主役が埋もれない設計)
作業手順(3ステップ)
- まず「前・中・奥」の3層を作る
大まかにでも層ができると
画面の読みが安定します - 主役を基準に重なりを組む
主役が隠れないように
主役の輪郭が読みやすい重なりを作ります
手前:フック/中景:主役/遠景:余韻
のように役割を分けると整理しやすい
- 余計な重なりを減らして
読みを整理する
細かい重なりが増えると情報が散って
迷子になりやすいので
主役の周りはシンプルにします
チェック(3項目)
- 前後関係が一瞬で分かるか
(どれが手前でどれが奥か迷わないか) - 主役が重なりで埋もれていないか
(シルエットが読めるか) - 重なりが細かすぎて
焦点が散っていないか
「重なりによる遠近法」で前後が読めたら
次は「透視図法」です
建物・室内など、形の整合が必要な場面では
透視図法で空間の骨格を揃えます
透視図法(1〜3点)(線で作る奥行き)

「透視図法(1~3点)」は
線を消失点に向けてそろえ
奥に行くほど物が小さく見えるルールを使って
空間の骨格を作る工程です
建物や室内など
構造の整合が必要なモチーフを
破綻させにくくします
重なりで前後が読めたうえで透視を入れると
空間の説得力が高まります
決めること(3つ)
- 水平線(目の高さ)
見る人の目線の高さ=空間の基準 - 消失点(1点/2点/3点)
どの方向に収束させるか
(見せたい迫力と視点で選ぶ) - 縮み方(奥ほど小さく)
幅・間隔・高さが奥に行くほど縮むことを揃える
作業手順(3ステップ)
- 水平線を決める
まず目の高さを固定します
(ここがブレると全部が崩れます) - 消失点を決める
(1点/2点/3点)
見せたいシーンに合わせて
必要な消失点の数を選びます - 主要な直線だけ先に揃える
細部から描かず
床・壁・天井・建物の主要線など
「骨格」だけを先に合わせます
(奥ほど縮むを、幅・間隔・高さで
徹底します)
1点/2点/3点の使い分け
- 1点透視:正面を見る
(安定/説明的)
廊下/道路/室内 など - 2点透視:角を見る
(立体感と迫力)
建物の角/街角/箱 など - 3点透視:俯瞰/煽り
(スケール感)
高層ビル/塔/崖/俯瞰街 など
チェック(3項目)
- 水平線(目の高さ)がブレていないか
- 収束方向(消失点)が揃っているか
- 奥ほど縮む(幅・間隔・高さ)が
徹底できているか
なお、街並みや建物では
消失点が画面外にあって
扱いにくいこともあります
そういうときの考え方は
消失点が画面外にあるときの描き方
|「真ん中ー真ん中」分割法で
具体例つきでまとめています
また、消失点の位置によって
絵の見え方がどう変わるかを知りたい方は
消失点の距離と
広角・標準・望遠の見え方を整理した記事
もあわせてどうぞ
「透視図法(1〜3点)」で骨格が揃ったら
次は「空気遠近法」です
「空気遠近法」では
遠景の見え方を調整して
距離感と空気の層を作ります
空気遠近法(見え方で作る奥行き)

「空気遠近法」は
距離が増えるほど空気中で光が散乱し
見え方が変わることを利用して
奥行きと空気感を作る工程です
遠景のコントラストや情報量を弱めることで
主役も自然に立ちやすくなります
透視図法が「構造の奥行き」なら
空気遠近法は「見え方の奥行き」を作ります
決めること(3つ)
- どの距離から弱めるか
(近・中・遠の境界)
主役の距離(近景/中景)を基準に決める - 何を弱めるか(優先順位)
コントラスト/エッジ
細部(密度)/色(環境光寄り) - 主役を勝たせる配分
遠景を落として
近景・中景の主役が
自然に強く見えるようにする
作業手順(3ステップ)
- 遠景から「3つの要素を下げる」
まず色より先に
白黒的な要素を落とすと安定します
・コントラストを下げる
・エッジを柔らかくする
・細部(密度)を減らす - 必要なら色を環境光寄りに寄せる
遠景は空の色や霞の色に
寄って見えやすいので色味も少し寄せます - 主役が一番強い状態に整える
遠景を弱めた結果
主役(中景/近景)が
自然に勝っているかを確認して調整
チェック(3項目)
- 遠景が手前と同じ強さ
(コントラスト・エッジ・密度)に
なっていないか - 近・中・遠の差が出て
奥行きが感じられるか - 遠景を弱めた結果
主役が自然に目立っているか
「空気遠近」で距離感が整ったら
空間の3要素(重なり/透視/空気遠近)が
揃います
次は全体チェックで
全体のつながりを確認して仕上げます
最終チェック(衝突確認)
ここは仕上げ前の確認用です。
先に読み進めたい方は
次の一手(必要な分野から本を選ぶ)へ
進んでも大丈夫です
制作前に見直したい方は
このままチェックを確認してください
チェック
表現・意図
- 核(何のための絵か)を1文で言えるか
- 成功条件(1秒/3秒/10秒)が満たせているか
(媒体に合っているか) - 狙う印象(感情・空気)が出ているか
(温かい/静か/緊張 など)
画面構成
- 入口→主役→出口/回遊が成立しているか
- 主役>準主役>背景の優先順位が崩れていないか
- 出口(抜け/留め)が意図通りか
(四隅や対角で逃げていないか)
主役(最重要)
- サムネイル(極小)でも主役が一撃で分かるか
- 主役が 形/明暗/色 の
少なくとも1つで「最大」になっているか - 主役より強い要素が他にないか
隅の強コントラスト、高彩度
硬いエッジ、細密 など
形 × 光
- 光の方向に対して立体(面の向き)が
矛盾していないか - ハイライト位置と影面のつじつまが
合っているか - 面構成が整理されていて
明暗が面ごとに乗っているか
色 × 光
- 光源色で全体が同じ方向に
「染まって」いるか - 影が黒ではなく
環境光・反射光の影響が少し入っているか - それでも白黒の勝ち負け(明度設計)が
崩れていないか
空間 × 形
- 重なりで前後が一瞬で分かるか
- 建築物などは水平線・消失点・縮みが
破綻していないか - 主役のスケール感(大きさ)が空間内で
納得できるか
2つの最短テスト
- 薄目テスト
最大コントラストは主役か - サムネテスト
極小表示で主役が判別できるか
この2つのテストをクリアできれば
絵としての「読みやすさ」と「主役の強さ」は
合格です
もし崩れる場合は
直し方の原則は1つだけです
「強い要素」は主役へ集め、主役以外は弱める
次に、どこが弱かったか(原因)を見つけて
そこを重点的に学ぶのが最短ルートになります
目安は次の通りです
- 主役が分からない → 画面構成/明度
- 形が変に見える → 立体/面構成
- 奥行きがない → 重なり/空気遠近
次の一手(必要な分野から本を選ぶ)
ここでは「今の自分に必要な本」を選ぶために
分野別におすすめの本をまとめた記事を紹介します
まとめ(次の行動)
ここまで
絵を描くのに必要な知識を6つに分類し
その関係性を整理してきました
大切なのは
知識をただ増やすことではなく
自分のゴールに対して何が足りないのかを
見極めることです
絵の勉強では
つい有名な本から手に取りたくなります
しかし実際には本ごとに
扱っている内容も難易度もかなり違います
だからこそまずは
今の自分に必要な分野を知ることが大切です

まずはこの6項目の中から
自分がいちばん弱いと感じるものを
1つ選んでみてください
そして、その項目を詳しく解説した記事を読み
自分に合いそうな本を1つ選んでみてください
そして、その項目を詳しく解説した記事を読み
「必要な分野から勉強本を探せる記事」 も
参考にしながら
自分に合いそうな本を1冊選んでみてください
本を読むだけでなく
手を動かしながら理解を深めたい方は
「描く習慣をつくるコツと
毎日できる基礎練習をまとめた記事」
もどうぞ
知識の全体像と現在地が見えるだけでも
勉強の進め方はかなり変わります
このシリーズが、独学で絵を学ぶときの
地図やチェックリストとして役立てば嬉しいです
最初から全部を学ぼうとせず
いちばん必要な1分野から始めてみてください
