Webマンガ

Webマンガの描き方 メイキング

Webマンガ「エンジニア!」制作日記ー読みやすいWebマンガとは?コマ割り・見開き・文字サイズについて

更新日:

Webマンガ「エンジニア!」は、デジタルデバイスで読むために作りました。デジタルデバイスで読みやすいマンガとは?コマ割りは?見開きは?文字の大きさは?などなど...工夫した点についてまとめてみました。

紙のマンガの伝統も大切に!

デジタルで読みやすいWebマンガを作ろうとして、流行りのデバイスに合わせすぎると、すぐに時代遅れになる可能性があります。

例えば、スマホ・タブレットが古臭くなった時代に、自分のマンガも一緒に古臭くなってしまう可能性があるからです。

そこで、基本方針として、「紙媒体マンガの伝統をおさえつつ、デジタルでも読みやすく」ということにしました。

コマ割りについて

「縦スクロールマンガ」というのもある

最近では、スマホで読むことを前提に作られた「縦読み(縦スクロール)マンガ」なるものが出回っていますね。

コマが縦一列に並んでいて、それをずーっと縦方向に読んでいくコマ割りです。詳しくは、以下のサイトの記事を参照してください。

縦スクロールマンガは不採用

私は縦スクロールマンガの形式を採用しませんでした。

縦スクロールは、スマホやタブレットでは読みやすいですが、スマホ・タブレットに合わせすぎている感じがするからです。

しかも、伝統的なマンガのコマ割りが全く通用しない。つまり、先輩たちのコマ割りを参考にすることができない…!つまりコマ割りの技術を、新しく開発しなくちゃいけないわけですが、そんな才能もない…!

そこで、「1ページずつめくっていく」という、紙に近い形式にしました。これで、紙のマンガと、コマ割りの基本は同じです。とはいえ、見開きの問題があります。

見開きについて

デジタルでは「見開き」できない場合がある

紙のマンガは2ページで1セットですね。いわゆる「見開き」というやつです。

見開き2ページで1つのコマになっている場合など、見開き2ページにまたがるようなコマもよく使われます。しかし、デジタルデバイスでは、2ページ同時表示の「見開き」は、できる人とできない人が発生します。

画面の大きい人は「見開き」ができますが、スマホ等の小さい画面で読んでいる人は、「見開き」にすると、字が小さくて読みにくくなっちゃいます。

見開きにまたがるコマは使わない

そこで、見開きでも1ページ単位でも、どちらでも読みやすいようなコマ割りにしました。

つまり、見開き2ページにまたがるようなコマは使わないということです。

字の大きさについて

なるべく大きい字で

文字はなるべく大きくしました。

スマホの画面はほとんどの場合、紙のマンガ1ページよりも、かなり小さいからです。

なるべく吹き出しも大きくしています。デジタルだと吹き出しを半透明にできるので、大きくしてもあまり窮屈にはならない感じです。

コマも大きめに

そのため、コマのサイズも、大きめになっています。Webマンガにページ制限はないので、コマが大きくなっても問題ないと思います。

コマの大きさのメリハリさえつければ、演出上の問題もないでしょう。

フルカラー!

デジタルで読むマンガでも、現在世の中に出回っている作品のほとんどが白黒ですね。印刷することが前提で作られているからでしょう。

私のマンガは印刷する予定がないので、当然フルカラーで描きます!フルカラーだと、白黒とは全然描き方が違うので、いろいろと新しい表現ができるかな?と思っています。

コマの外側は黒くした

紙のマンガは白が基本だけど、デジタルは?

コマの外側を、全編にわたって黒くしました!なぜかというと、液晶の場合、ベースとなる色って黒じゃないか?と思うからです。

アナログの場合は、白い紙に描くから、コマの外側は自然と白かったわけです。じゃあデジタルなら、基本色は黒なのでは?ということです。

真っ黒いコマが不便

でもこれだと、夜とか宇宙のシーン等、黒い背景の場合に枠線が消えちゃいます。とりあえず「白いワク線」を使って対応しました。

色は際立つ!

全編黒で成立するのか、少し不安ではありますが、白よりもはるかに色が際立つので、見た目は気に入っています。

まとめ

私の考える、読みやすいWebマンガは以下のとおりです。

  • 1ページづつめくる形式
  • 見開きなし
  • 文字は大きめ
  • フルカラー
  • コマの外側は黒

マンガはこちら→Webマンガ「エンジニア!」

-Webマンガの描き方, メイキング

Copyright© OSHIBUYA , 2018 All Rights Reserved.