イラスト描き方

イラストとは

技術的な情報をビジュアルで伝えるため、イラストレーションの技法を用いて描かれた図版を「テクニカルイラスト」と呼びます。製品マニュアルに使われるイラストなどで、誰もが一度は目にしたことがあるかと思います。

製品マニュアルにおけるイラストの重要性

製品の使い方をマニュアルで説明する際、技術的な知識がない読者に対して、文章による説明だけでは技術情報は伝わりにくく、誤解を招く可能性もあります。そのため、イラストは説明文と同じくらい重要な要素とされており、マニュアルによっては、文章を一切入れずにイラストだけで構成されたものもあるほどです。

イラストを描くためのポイント

自然なパースのついたイラスト

パースとはPerspective(パースペクティブ)の略で、近くのモノを大きく、遠くのモノを小さく描くことで立体感や遠近感を表現します。

自然なパースのついたイラスト

透視図法

人間の目には「近くにある物体は大きく、遠くにある物体は小さく」映ります。この遠近感を表現するいくつかの図法のうち、平行線の収束を用いた図法が透視図法で、この図法で描かれた図版は「パース」と呼ばれています。
透視図法には、消失点の数に応じて「1点パース(1点透視)、2点パース(2点透視)、3点パース(3点透視)」の3種類の描き方があります。

透視図法

作画にイラストレーターを使う場合は、レイヤー機能を使って補助線を1つのレイヤーにまとめておくと描きやすくなります。簡単なイラストなら見た目で調整しながら直接描いてもいいでしょう。また、イラストレーターには、遠近法で描くために「遠近変形ツール」や「遠近グリッド」といった機能も用意されています。
透視図法を使えば、立体感や遠近感のあるイラストをかんたんに描くことが可能です。また作画の際には、視点の高さや位置をどうするかもポイントとなります。

※消失点(しょうしつてん)・・・遠近法において、本来なら平行な2本以上の線を平行でなく描く際に、その線が交わる点を指す。

強調イラスト

イラストは文章で説明しにくいものを、視覚的に理解してもらうために使われます。従って、どこを指しているのか読み手が迷ってしまうイラストなら、その役割を果たしていないことになります。イラストを見ただけで、直感的にどの部分を説明しているのかわかるような目印を入れるようにしましょう。
例えば[PRGボタン]をイラストで示したいとき、左下のイラストでは、全体の中でそのボタンがどこにあるか示せていません。右のように、周囲まで見せたうえで、色使いを少し工夫すれば、そのボタンがどこにあるかを一目で表すことができます。

イラストの線を強調

製品マニュアルに掲載されているイラストを見たときに、どの部分を説明したいのかよくわからないことがあります。イラストの中で説明したい場所や強調したい箇所がわかる目印を入れることで、読み手を迷わせずに情報を伝えます。

メリハリの利いたイラスト

線の太さを使い分けることで、イラストの見やすさと視覚的な効果を向上させます。例えば、外観の輪郭線と他の線の差をつけると、イラストが見やすくなります。さらに、線幅の差のつけ方で印象が変わってきます。

下のイラストは線幅に差をつけた例です。左のイラストはすべて同じ線幅で描かれていますが、右のイラストは外側の輪郭線を太く描いています。左右のイラストを見比べてみてどう感じますか?
線にメリハリ(輪郭線は太く、その他の線は細く)をつけるだけで、その物体の形状がより鮮明になって見やすいイラストとなります。

メリハリの利いたイラスト

線幅の差のつけ方で変わる印象

線幅の差の大小によって受ける印象も変わってきます。一般的に差が小さいと固い印象、差が大きいと親しみやすい印象になる傾向があります。

線幅で変わるイラストの印象

イラスト線の間引き

関係のない線を上手に間引いて簡素化することで、伝えたい部分や強調したい部分を明確にします。実物を忠実に再現することにこだわり、すべての線を描いてしまうと、見せたいポイントがぼやけることがあります。プロの描いたイラストでは、忠実にすべての線が描かれていることはあまりなく、上手く間引かれています。

イラストを作成する際に、実際に見えている線をすべて忠実に描き込んだからといって、わかりやすいイラストになるわけではありません。几帳面に描き込まれた線が逆にノイズとなり、本当に伝えたい部分や強調したい部分ぼやけてしまうこともあります。イラストを見る人に「どこを見せたいのか、何を伝えたいのか」に応じて、関係ない線を上手に間引いて簡素化する工夫が必要です。
以前、プロのイラストレーターに「線を間引く基準は何か?」と尋ねたところ「そのときの勢い!」という答えが返ってきたことがありましたが、確かにこのあたりは勘や経験に基づくものが大きいのかと思います。

イラスト線の簡略化

質の高い制作会社をお探しの際は、当社モダンまでご相談ください。

モダンは創業より40年以上にわたって、取扱説明書やカタログ、雑誌広告などの制作や印刷サービスをお客様に提供してまいりました。ご検討の際は、イラスト作成のみのご依頼でも構いませんので、どうぞ遠慮なくモダンまでお声がけください。

関連ページ

モダンのソリューション
製品マニュアル・教材の制作
多言語翻訳
印刷サービス
動画制作
システム開発
チャットボット
業務マニュアルの制作

〒113-0034 東京都文京区湯島3丁目12番11号03-5812-1050受付 9:00-18:00 [ 土・日・祝日除く ]

お気軽にご相談ください