わたしたちはキャラクターイラストをどう見ている？知識を得ることで、速く・安定したクオリティのイラストに👍
0
8
0
Senior HighAll
（記事全文は京都芸術大学イラスト公式noteにて公開中）
今回は、プロイラストレーターの些夜先生が教えてくれた
人間の脳や目がどのようにイラストを認識するのか、イラスト制作に役立つ知識をご紹介します💡
もっとイラストスキルをUPしたい人は、公式LINE友だち追加がおすすめ！
今ならイラスト制作に役立つ「ドローイングガイドブック」ももらえます✨
▼公式LINE友だち追加の方法
（１）LINEアプリの友だち追加「検索」画面を開く
（２）「@480kwsvt」でID検索
（３）「追加」ボタンをタップ
ノートテキスト
ページ1:
TOPIC 全文はnoteにて公開中 1 脳がイラストを見る 「順番」 ① 明暗とシルエット 10 イラストを見て脳は最初に「明暗」を 処理します。 シルエット段階でもある程度 「何か」を判別します。 空間構造に破綻がなく、 キャラを自然に認識し、 見せたいものに 視線誘導できるかが重要です。 物がたくさんあっても惑わされず壁・空間構造を認識します。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ2:
TOPIC 2 /10 全文はnoteにて公開中 脳がイラストを見る 「順番」 ②顔への注目と視線の追従 シルエットでキャラクターがいることを 認識した直後、顔を探し出し、 認識します。 車のフロントマスクや心霊写真が 顔に見えてしまうように、 右目+ 左目 + □という 「逆三角形に並んだ3つの要素」に対し、 無意識に視線を向け、 「顔」として認識します。 この時、キャラクターの視線も追い、 その後、表情を認識します。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ3:
3 TOPIC 全文はnoteにて公開中 脳がイラストを見る 「順番」 ③手が語るストーリー /10 顔と同じく手や指にも 認識に特化した部位があります。 顔周りに手を持ってくれば 視線はさらに顔へ集中し、 手を伸ばして何かを指差していれば、 私たちの視線もその指先へ誘導されます。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ4:
TOPIC 全文はnoteにて公開中 4 脳が色を認識する仕組み 1 /10 「青みのある赤(紫)」や 「青みのある緑 (青緑)」 は、 頭の中で簡単に想像できますよね。 赤から青、緑から青への変化は鮮やかさを保ち、青みを足す事ができる 「赤みのある緑」はどうでしょうか? 赤から緑への変化は、 赤が急激に弱くなり彩度が大きく低下する。 逆も同様 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ5:
TOPIC 全文はnoteにて公開中 5 脳が色を認識する仕組み 2 /10 光の三原色の通り 「赤+緑」が「黄色」 でしょうか? 黄色を 「赤みのある緑」 として 認識できるでしょうか? 赤→黄→緑は鮮やかに変化できるが、 赤→黄の変化過程で緑を認識できない 脳は視覚情報を処理する際、 「明一暗(白-黒)」 「赤ー緑」 「黄-青」 という3つの対立するチャンネルを 使っています。 「赤-緑」「黄-青」チャンネルは、 互いを打ち消し合う仕組みがあります。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ6:
TOPIC 6 /10 「赤ー緑」の役割 赤 全文はnoteにて公開中 本能的に赤が視線を引き寄せ、 見た物が「何」かの認識に強く関与します。 森の中で熟した赤い果実を見分ける イメージが理解しやすいです。 緑 視線を引き寄せないので背景に使いやすく、 見る人を疲れさせない癒しの色です。 【輝度を固定し、 赤と緑だけで構成した例】 赤が視線を引き寄せ、単純な構成でも果実を強く伝える 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ7:
全文はnoteにて公開中 TOPIC 7 「黄-青」の役割 /10 黄 脳内で高速で処理され、 本能的に視線を引き付ける効果を持ちます。 青 ○ 屈折率が高く、 色収差で後退色となるため、 イラストにおいて青は 「遠くにある」と感じ、やや視線を外す 効果があります。 【輝度を固定し、青で文字を書いた例】 にじむような効果があり小さい文字が特に読みにくくなる 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ8:
TOPIC 全文はnoteにて公開中 8 /10 「明-暗(白黒)」の役割 「どこに」の情報に強く関与し、 脳内で高速に処理されます。 特に明暗のコントラストが強い境界要素を 優先的に読み取っています。 例えば、壁や床の規則的なパースが見えると 「空間」 を認識します。 「シルエット」や「動き」にもよく反応し、 特に生き物の動きには優先的に 視線が誘導されます。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ9:
TOPIC 全文はnoteにて公開中 9 優れたキャラクター デザインはここが違う /10 優れたキャラクターデザインと 言われるものは、脳が最速で処理する 全体のシルエットや色を見ている段階で キャラクターを識別可能なデザインに なるよう工夫されています。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ10:
TOPIC 全文はnoteにて公開中 10 考えて「正解」 を出すために / 10 「大きな明暗でシルエットを伝え、顔と手で 視線をコントロールする」ことが大切です。 noteを最後まで読んでいただいた方には、 「シルエットでの情報伝達を重視した作例」 のpsdデータをプレゼントしています。 「なんとなくから抜け出したい!」 という方はぜひご覧ください。 学校法人 瓜生山学園 京都芸術大学 通信教育部 Xpixiv SWIPE >>
ページ11:
PROFILE 今回教えてくれた先生/ 全文はnoteにて公開中 些夜先生 イラストレーター 「アニメーション、 ゲームイラスト、 卒業制作」担当 京都芸術大学通信教育学部 イラストレーシ ョンコース添削講師。 小説やイラスト講座 書籍での挿絵、 ゲームアプリ用スチルイラ ストまで幅広く活動。 動画用のちびキャラ アニメも制作している。 学校法人 瓜生山学園 京都芸術大学 通信教育部 X pixiv SWIPE >>
ページ12:
記事全文は京都芸術大学イラスト・noteにて公開中 もっと |イラストスキルをUPしたい! そんな方は LINE公式アカウント 友だち追加がおすすめ! 砂糖ふくろう先生による特別教材 ドローイングガイドブック(全65P)配布中 < 友だち ● ジェスチャーをドローイング 感情 アクション なに? ID 電話番号 @480kwsvt. ・人体でも ラフズ だからOK!! 感情に コース公式LINE友だち追加でゲット! LINE限定コンテンツ多数! 最新イベント情報をお知らせ おすすめ記事を紹介 コースでの学びの様子 LINE友だち検索から 京都芸術大学通信教育部イラストレーション 「@480kwsvt」 とID検索! 追加 て見返す 保存して目
Comment
No comments yet