Transcript マンガで覚える視線誘導
マンガで覚える視線誘導
わんくま同盟 名古屋勉強会 #09
自己紹介 • • •
名前
– 長月葵
職業
– お絵かきのセッションばっかりやってるけど一応プ ログラマ – 最近お仕事で触るソースが C++ になってご満悦
担当
– お絵かき – 変な言語 わんくま同盟 名古屋勉強会 #09
はじめに • •
視線誘導とは
– – 字面の通り視線を誘導すること 或いはその方法
なぜ必要か
– – – 注意の調整 • • 注目してほしいところに注目させる 注目させたくないところから注意をそらす 時間的感覚の調整 • 速さ遅さを視線の流れで調整する 緊張感の調整 • 閉塞感や開放感を視線の流れで調整する わんくま同盟 名古屋勉強会 #09
視線誘導の使われる場面 • • • •
ポスター
/
看板
/
広告 ウェブサイト 動画 マンガ
•
いわゆる視覚表現物全般
わんくま同盟 名古屋勉強会 #09
今回の範囲 • •
注意の誘導
– 視線はモチーフの方向に誘導される – モチーフから行き先を誘導する – モチーフから視線の流れを外す
時間の誘導
– 視線の角度で時間感覚を誘導する – 鈍角の流れで遅く – 鋭角の流れで速く わんくま同盟 名古屋勉強会 #09
今回の範囲 • •
緊張感の誘導
– 視線の長さで緊張感を誘導する – 長い流れで緊張感を低く – 短い流れで緊張感を高く
コマの特性で補助する
– 右上始点左下終点 – 枠線による視線の反射 – タチキリによる視線の解放 わんくま同盟 名古屋勉強会 #09
注意の誘導
視線誘導の基本
わんくま同盟 名古屋勉強会 #09
• 図 1 視線はモチーフの方向に誘導される • コマの外からの視線はメインモチーフへ向かう – とりあえず絵を置くだけで視線が動く方向がある程度決 まる わんくま同盟 名古屋勉強会 #09
• 図 2 モチーフから行き先を誘導する • • • 視線はモチーフの向い ている方向へと角度を 変えようとする 次のコマのモチーフに も引き寄せられる フキダシも視線を引き 寄せる効果がある わんくま同盟 名古屋勉強会 #09
• 3 図 モチーフから視線の流れを外す • • 視線の角度によっては視線 がモチーフから外れる場合 がある – 意図的に利用することで必 要な情報を提示しつつ注意 を逸らす事ができる 基本になる視線 ( その段の 右上から左下 ) と想定の視 線 ( その段の右上から各モ チーフの注目点を通って左 下へ向かう線 ) の注目点が 基本になる視線から離れす ぎたとき視線が外れる わんくま同盟 名古屋勉強会 #09
時間の誘導
視線誘導の本領
わんくま同盟 名古屋勉強会 #09
視線の角度で時間感覚を誘導する • • • 視線の角度によって感じる 時間の感覚が違う – 後述 視線がまっすぐに通るとス ピード感が一定する – 連続感といっても良い 視線に角度をつけるとまっ すぐ通った場合の視線から のずれの大きさに応じてス ピード感にずれが出る – 不連続感といっても良い わんくま同盟 名古屋勉強会 #09
• 図 5 鈍角の流れで遅く • 視線の角度が鈍角の 場合時間が長く感じる – この効果を利用して時 間経過は短くても感覚 は長い場合 ( スローモー ション等 ) を表現する – フキダシの配置を視線 の方向転換ができるだ け多くなるように配置す ると視線の通りがなだら かになる わんくま同盟 名古屋勉強会 #09
• 図 5 鋭角の流れで速く • 視線の角度が鋭角の 場合時間が短く感じる – この効果を利用して時 間の経過は長くても感 覚は短い場合を表現す る – フキダシや書き文字の 位置をモチーフを結んだ 線上に置くとスピード感 を殺さない わんくま同盟 名古屋勉強会 #09
緊張感の誘導
視線誘導の応用
わんくま同盟 名古屋勉強会 #09
• 図 5 視線の長さで緊張感を誘導する • 視線の長さや密度で緊 張感を調整することが できる わんくま同盟 名古屋勉強会 #09
• 図 5 長い流れで緊張感を低く • 注目点から注目点の距 離が長いと緊張感が低 い – 注目点間の距離を長く するとき視線の角度を 鈍くするとよりゆったりと する – 注目点間の距離を長く するとき視線の角度を 鋭くすると大げさな動き になる わんくま同盟 名古屋勉強会 #09
• 図 5 短い流れで緊張感を高く • 注目点から注目点の距 離が短いと緊張感が高 い – 注目点間の距離を短く するとき視線の角度を 鋭くするとよりはっきりす る – 注目点間の距離を短く するとき視線の角度を 鈍くするとストップモー ションやスローモーショ ンのような動きになる わんくま同盟 名古屋勉強会 #09
コマの特性で補助する
おまけのテクニック
わんくま同盟 名古屋勉強会 #09
• 図 6 右上始点左下終点 • 視線は基本的にその段 の一番右のコマ右上か ら一番左のコマ左下へ の線を辿る – これまで見てきたように その線からどれだけ外 すかが基本的な考え方 になる わんくま同盟 名古屋勉強会 #09
• 図 2 枠線による視線の反射 • 折り返しや終点のコマ では枠線が視線の折り 返し要素になる – モチーフによる視線移 動に対して若干の影響 がある – 横並びのコマの間では 枠線による視線の反射 はほぼない – ただし領域の境界では あるので注目点の配置 に対して影響力がある わんくま同盟 名古屋勉強会 #09
• 図 7 タチキリによる視線の解放 • 枠線によって視線が反 射される要因になるの と同程度にタチキリに は視線を解放する要素 がある – 視線を誘導しないことに よる効果を狙える – 視線移動を解放するこ とで開放や発散の効果 を持つ わんくま同盟 名古屋勉強会 #09
参考文献 / 引用元 •
参考文献
/
引用元
– 漫画のスキマ • 菅野博之著 • • • 美術出版社刊 定価 1500 円+税 • ISBN 978-4-568-50271-8 図 4-2 、図 5 にて引用 わんくま同盟 名古屋勉強会 #09
引用元 • 引用元 – – まんがの作り方 • • • • • 平尾アウリ著 徳間書店刊 定価
562
円+税 2
ISBN 978-4-19-950140-1
図
1
、図
2
、図
4-1
、図
6
、図
7
にて引用 桜蘭高校ホスト部 • • • • • 葉鳥ビスコ著 白泉社刊 定価
400
円+税 15
ISBN 978-4-592-18715-8
図
3
にて引用 わんくま同盟 名古屋勉強会 #09