フラットなイラストが随所に。交通標識を考えてみてください。写真はきれいでシンプルで、詳細すぎず、一目でそれが何であるかを簡単に知ることができます.

『マッチ売りの少女』から、それぞれ異なる雰囲気と焦点を持った 3 つのシーンを描きます。お話はご存知の方も多いと思います。

 

主な焦点、配色の選択、およびすべてがフラットなイラスト スタイルでどのように機能するかについて説明します。

 

タイムラプスについては、以下のビデオ バージョンを確認することをお勧めします。

ツールとスタイル

フラットなイラストは通常線なしです。任意のペン、ブラシで自由に描画したり、なげなわツールを使用して塗りつぶしたりできます。図形ツールを使用して滑らかな輪郭を描くこともできます。

チョーク、パステルなどのテクスチャ ブラシも、好みに応じて最適に機能します。

お気に入りの改造したマッピング ペンとハード消しゴムを使用し、その他の効果にはグラデーション ツールとトーン スクレイピング エアブラシを使用しています。

セル シェーディングまたはグラデーションでイラストを陰影付けしても問題ありませんが、フラットなイラストはフラットに見える必要があることに注意してください。イラストにあまり奥行きを感じさせない方法で陰影を描きます。

グラデーションを使用している場合は、注意して使用してください。シェイプをシャープに見せたいのですが、グラデーションが多すぎると色がぼやけてしまいます。

カラースキーム

線のない性質のため、色は非常に重要です。線画を使って同系色のアイテムを分けることでごまかすことはできません。

形のコントラストでも色のコントラストでも、私たちの目は珍しいものに惹かれます。そして奇妙に見えるためには、主な焦点は周囲とは異なるものでなければなりません。

色は私たちの最大の武器です。色について話すときは、4 種類のコントラストを使用します。

 

1. カラーとグレースケール。これは...とほとんど同じです...

2. 飽和対非飽和。

3. 暖かい対冷たい。

しかし、それらすべての中で最も重要なのは価値です。色を選んだ直後に値について説明します。

カラースキームの選択は、私にとって悪夢でした。色の理論を知ることは重要ですが、どのように色を選択すればよいのでしょうか?

 

私のヒントは、最初にイラストのほとんどのスペースを支配する色を選択することです.

シーンは夜に発生し、周囲は青色になります。したがって、青が支配的になり、最初の色になります。

 

色彩理論では、青と相性の良い色がたくさんあります。そして、そうでないことはたくさんあります。これにより、多くの可能性を排除できます。

暖色は注目を集め、クールブルーとの良いコントラストです。

特に主人公の場合は、イラストにいくつか入れることをお勧めします。これにより、寒色のみのカラーハーモニーが排除されます。

少なくなったので、使用する色相を決定します。この図では、2 つでは少なすぎ、4 つでは多すぎます。 3つに固執しましょう。

残ったのは2つだけです。冬なのでグリーンだと変だし、ピンクも使いたくないので、スプリットコンプリメンタリーが優勝です。

おめでとうございます。配色が完成しました。

 

アートの色の選択に行き詰まったときに、このヒントが役立つことを願っています.

計画段階

早速下書きを描いていきましょう。実物を描くときにつまずくのが嫌なので、このステップで色を試し、キャラクターと環境を肉付けします。まず、これは楽しい話ではないので、彩度の高い色は避けます。

• 窓越しのライトには、色あせた黄色を使用します。

 

• 雪は白ではなく水色です。カラーイラストでは真っ白や真っ黒を避ける傾向があります。

 

• 視聴者の目を少女に引き寄せるために、通行人は彼女に比べて色あせて青みがかったように見えますが、もう少し彩度が高く明るい暖色を使用します。

 

• 星の場合、窓に比べて飽和した黄色が少し輝きます。

 

• 少女とおばあちゃんが天国に飛んでいく最後の写真では、流れ星の色を使ったグラデーションを使って暖かい光を浴びることにしました。

色が機能しているかどうかを確認するには、値を確認します。レイヤープロパティ→表現色→グレー。

カラー画像をグレースケールに変更します。

値は、色相の明るさまたは暗さです。さまざまな色が同様の値を持つことがありますが、これはフラットなイラストには適していません。形が異なれば値も異なることが重要です。

たとえば、女の子のスカーフの色と窓の色の値は似ています。

色相/彩度/明度を使用し、明るさを上げて明るくしました。視認性を高めています。

レイヤープロパティ>表現色に戻り、今回は「色」を選択して変更を確認します。グレースケール モードで行った変更は、カラー モードに引き継がれます。

スケッチ

最初の写真では、可哀想な少女がマッチを売ろうとして通りを誰かを追いかけています。狭い路地を表示し、より多くの情報をイラストに合わせるために、上から見下ろしたビューにします。

2枚目の写真は、女の子が流れ星を見て優しいおばあちゃんを思い出したシーンです。

 

焦点は流れ星です。カメラを女の子の後ろに置いて、女の子がそこを見上げていることを視聴者に伝えます。

 

建物の明かりをすべて消して、街が眠りについた後も少女は寒さの中にいることを視聴者に伝えます。

このロングショットではスペースがありすぎて星にピントが合いにくいので、少し短くしました。

星と女の子を左右逆にしてイラストのバランスをとっています。

女の子が星の真下にいると、イラストが片側に重すぎるように見える空白があります.

 

構成が良くない。

ラストは来世で祖母と出会うシーン。

イラストは左からなので、流れに合わせて女の子とおばあちゃんを右上に。

路地裏の女の子は3枚目のイラスト左下です。主な焦点は、彼らが天国に飛んでいることであり、地球上の少女が環境の色と調和するようにします.

 

3 番目のイラストの女の子 (路地 1) の位置のため、一貫性を保つために 2 番目のイラストを反転させました。

3つのイラストの値を確認してみましょう。大丈夫そうです。ファイナライズする時間です。

ファイナライズ

最初のイラストの上下に影をつけてみましょう。次に、女の子をよりよくフレームに収めるために建物にいくつか。

2 番目の図では、空に明るい青色の縞模様を追加して空の状態を減らし、建物を液状化して真っ直ぐにします。

3枚目は地球少女の頭を小さくし、飛行シーンのコントラストを上げました。

イラストをクリーンアップする前の最後のテストは、Squint テストです。

このテストの目的は、イラストの焦点が環境内の何かによって気を散らされていないかどうかを判断することです。

 

手動で行う方法は、画面から離れ、目を細めてイラストを見ることです。

ガウスぼかしでイラストをぼかすこともできます。

ご覧のとおり、最初の図は Squint テストに合格していません。窓からの光と少女は注目を集めようと戦っている。しかし、他の 2 人は見事に合格しました。

 

最終バージョンでウィンドウの色を変更しました。

色の値を確認し、別の Squint テストを行って、すべてがうまく機能することを確認しましょう。

1枚目のイラストの女の子のドレスを濃くしてポップにしました。斜視検査に...

図 1 は、かろうじて斜視テストに合格しました。

 

女の子の赤いドレスとヘッドスカーフは窓のライトよりもほとんど目立たなかったので、私は彼女の右側のライトを消して、最初のイラストの左下に光のある新しい窓を描くことにしました。

そして、これで完了です。新しいことを学んでいただければ幸いです。

 

次のチュートリアルでお会いしましょう!