１から始める！【カラー絵製作】〜作業手順あれこれ〜

 

 

本やネット、いろいろなところで沢山の方がご紹介されているので、今さらいらないかなぁとも思っていたのですが…

先日新しいカラー絵の作業法を試してみて、いつもよりスムーズに作業が進んだので今回「カラー絵の制作手順」と共にご紹介したいと思います。

 

ちなみに、今回取り入れてみて良かった作業法というのは、

「ペン入れ前の線の下描き」と同じように、「配色前に配色の下描き」も行う

というものです。

 

アニメの制作では常に取り入られている方法でもうすでに実施されている方も多いと思います。

スポンサーリンク

作業を始める前に

作業を始める前に、おすすめのアイテムをご紹介します。

ネタ出し・ラフ案の段階にあたって

ラフを描くにあたり、参考までに以下の表を用意し、自作のイメージボードにネタ出ししていきましょう。

構図・配色表

 

購入した配色本やピンタレスト、日々の生活からお気に入りの構図・配色を見つけてストックしておきましょう。

 

 

クリスタASEET素材から

クリスタASEETSも素材配布してくださっている方がいるので、手っ取り早く進めたい方はまずそちらからダウンロードされてもいいと思います。

 

 

 

 

イチオシの構図参考書籍

構図について、特におすすめの本はコチラ★

WEBデザイン関係の構図本ですが、漫画表紙絵等にも大変おススメです。

自作イメージボード

イメージボードとかっこよく銘打ちつつ、要は「テーマを忘れずに書く欄」と、「ブレインストーミングができる余白」があればいいです。

• テーマカラー
• 構図

の候補を脇に置きつつ、案を練っていく方法をとります。

 

 

このイメージボードの制作環境は以下のどんな形でも構いません。

• パソコン
• iPad
• 紙・ノート

 

私の場合は

1. パソコン上で配色・構図参考を適当に複数採用してコピペ投入
2. iPadのお絵描きアプリ『メディバン』上でイメージボードへラフ書き込み

あれば嬉しいiPad＆アップルペン

ずっとパソコンで作業するのはしんどいので、初期段階ではゆったりした雰囲気でiPadを使って描いています。

 

 

iPad上のアプリは無料お絵かきソフトの【メディバン】を普段よく使っています。

 

クリスタでの下描き・制作にあたって

PCでの制作にあたり、以下の環境も整えておきましょう。

• カラー絵用レイヤーセットを用意
• ベクター線用・ブラシ・塗りツールの設定

レイヤーセットを用意

自分で一度絵を描いてみて、その時に作ったレイヤーセットを素材としてクリスタに登録するというものです。

 

 

こちらの設定等詳細は、また以下の記事をご参照ください。

 

ベクター・ブラシ・塗りつぶしツールの詳細設定

「下描き線」や「ペン入れ」の際にベクターレイヤーにしてペン入れを行うと大変便利です。

• 線つまみツール
• 消しゴム

などの設定をしておくと、スムーズに作業できます。

 

 

 

ブラシや塗りつぶしツールについては「塗る作業」の際に大活躍します。

 

 

 

 

実践　カラーイラスト制作

それでは実際に描いていきます。

作業手順は以下の通り。

 

下描きの下描き(ラフ＆ネタ出し)

• ストックしておいた配色表・構図表
• 自作イメージボード

先ほどご紹介した上記2点をもとにイメージボードの内容を書き込んでいきます。

イメージボードを制作

まずストックしておいた配色・構図表一覧から今回のネタに使えそうな

• 配色の候補
• 構図の候補

をピックアップしてイメージボードに置いて行きます。

 

 

 

イメージボードをもとにネタ出し

用意したイメージボードをもとに自由に書きなぐり、ブレインストーミングをして以下のことを決めます。

• ネタ出し、テーマ決め
• イメージカラーを３つ４つに絞り、ラフな下描きを２つ３つ

 

 

私はiPadを使って行っていますが、普通のノートでもなんでも大丈夫です。

 

ちなみにブレインストーミングについてなど、詳しくはこちらの記事でも書いていますのでよろしければご覧ください。

 

ファイル作成＆下書きの清書

クリスタでファイル作成をし、ラフ下描きをもとに下描きの清書を行います。

カラー絵レイヤーセットを作成

以前にもご紹介しましたがカラーイラスト用のテンプレートを用意しておくと大変便利です。

 

 

 

クラウド経由で持ってきた【ラフ下描きの画像】をレイヤーの下描きの位置に貼り付けます。

 

 

 

３つのラフ描きを迷ったのでとりあえず３つ並べてみました。

ベクターレイヤーで下描きの清書

ラフ下描きをもとに大雑把に下描きを行います。

ベクターレイヤーをもとに描くことで、後々の修正が楽に行えて時短になります。

 

ベクターレイヤーで楽々♪下描き線(2分13秒)

 

 

左右反転などはコマンドバー設定ですぐにできるようにしています。

 

 

ちなみに、この時点では「海で浮き輪を持つセーラー服姿」の設定でした…

 

しかしやはり2つ目のラフ案で海の絵を描くことにしたので、こちらの構図は大幅にカラー配色も変更して「ドーナツジャングル探検隊」にテーマ変更しました。

ベクターレイヤーでペン入れ

先の下描きと同じく、ベクター線つまみツールを用いて描くことで修正も簡単にできます。

 

 

先程の過程、「下描きの清書」で大体の迷い線を消すことができたので、以前よりスムーズにペン入れを行うことができました。

配色の下描き

 

このラフな配色入れについてはペン入れと前後しても構いません。

以前は全部のパーツを塗ってから配色を本格的に決めていたのですが、

 

• 配色がしっくりこないのでテーマカラーを根本から変えたくなる
• インパクトが足りないので新たな小物を加えたくなってしまう
• 上２点のために、また色のベース部分を塗り直す余分な作業ができてしまう

 

このようなことがとても多かったので、配色を先に決めることにしました。

配色下描きの手順

いくつか置いていた「配色の候補」カラーから思うままにいろんな配色を試していきます。この時使用する色塗りツールはほぼ以下の３点のみ！

 

ちなみに、

この機能は「iPad版クリスタ」はもちろん、「メディバン」アプリにも入っています。

PC上で行わなくても、ラフ描きの段階で行っても構いません。

私もラフの段階で「この色だ！」、と思うものがあればその時に色を入れるか、メモを入れるようにしています。

 

←　PC上で　　　　　　　　iPad上で→

 

 

配色下描きのメリット

 

どうしても納得がいかなければ以下のことも試してみてください。

• 時間をおいて再チャレンジ
• 候補に置いていた別の配色を使用

影レイヤーも作成

最後、「影レイヤー」も決めて作っておきます。

この時は黒の影ではなく、全体の雰囲気に合わせて茶色にしています。

 

 

塗りつぶしツールの記事でも詳しく書いていますのでこちらもよろしければご覧ください。

 

上で作った完成予定図を横に置いて配色

上で作った完成予定図を横に置いてテンプレートをもとに配色していきます。

 

 

ウィンドウズパソコンにデフォルトであったキャプチャーソフトを使用し画面上の完成図をコピー＆ペーストします。

 

 

キャプチャーソフトであれば何でも構いませんし、普通にクリスタから「JPEG画像の書き出し」を行って取り入れても構いません。

影・線・他パーツ細部の描き込みを行う

その他の描き込みを行いましょう。

影について

こちららは先ほど作った影（色塗り時は非表示にしておく）を出してそのまま使ってもいいし、少し補正したいところがあれば補正していきましょう。

 

この時もくっきりした影が嫌だったらなじませペンやぼかしツールで自然なグラデーションにすることもできます。

 

線色の変更

主線の色を変えることによって、だいぶ調和が生まれます。

場合によってはアクセントにもなるので、線画の色を変えるのはとってもおすすめです。

 

線色レイヤーの上に新規レイヤーと色を付けたし

 

この線画配色についても、こちらの記事で詳しくご紹介しています。

 

他パーツ細部

他パーツ細部は以下のような部分を指しています。

• 服の模様描き込み
• 髪の影・ツヤ足し
• 肌の赤み入れ
• 目のハイライト入れ

今回は「服の模様描き込み」「髪の影・ツヤ足し」は特にしていません。

頬の赤みと目のハイライト入れだけ行いました。

 

ほっぺた赤み入れ

 

適当に、水彩系ブラシとなじませペンなどを使って塗っています。

 

瞳を合成レイヤーで塗りこみ

 

瞳はシンプルに以下の【ペン+合成レイヤー】で行っています。

ハイライトなど、その他加工を行う

髪の毛や目以外にも、追加してハイライトを入れたいところがあれば入れていきます。

今回は以下のことを加えてみました。

 

• ヤシの木の陰(白と影)
• ボケ玉ブラシのハイライト
• 人物の影
• 背景絵の線をチョーク風に
• 背景黒板にグラデーション入れ

 

 

 

合成レイヤーを重ねて白線をチョーク風に

 

• 合成レイヤー
• テクスチャー加工
• グラデーション重ねなど…

こちらの【仕上げ後の追加テク】などは先程ご紹介した以下の記事で書いています。

興味のある方はこちらもよろしければご覧ください。

 

 

また、水彩画タッチに仕上げる裏技？などもこちらの記事で紹介していますので、よろしければ是非！

 

まとめ

いかがでしたでしょうか。

今回はカラーイラストの作成手順を1から解説してみました。

 

 

今回も拙い内容ではありましたが、また皆様の何かしらの参考になりましたら幸いです。

 

この他のカラーイラストに関する記事はこちら★

お時間のある時にご覧いただけるとうれしいです。