マンガで覚える視線誘導

Download Report

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