カラフルなイラストの作り方

1,153

AriaAsimov

AriaAsimov

プレゼンテーション

こんにちは!

私はAria Asimovです。イラストとキャラクターデザイン(キャラクターデザインと呼んでもいいでしょう)の分野でフリーランスとして活動しています。主にX(旧Twitter)で作品を公開しています。

 

このチュートリアルをクリックしたということは、イラストをもっとカラフルに、またはポップにしたいということです。その場合は、私があなたのプロジェクトの改善をお手伝いします!

 

このチュートリアルを初心者にもわかりやすくするために、スケッチ(または下書き)から仕上げまで、もちろん線画や着色も含め、すべての手順を示します。これは数ある方法の1つにすぎないことを指摘しておくことが重要です。自分の描き方に合わせて変更したり、興味のある部分だけを選んだりすることができます!

 

この方法またはこの方法のバリエーションで作成したイラストの例を以下に示します。(Clip Studio PaintのProバージョンとExバージョンで実行できます)

この記事はフランス語で書かれています。ただし、フランス語を母国語としない方にもチュートリアルを理解しやすいように、スクリーンショットは英語になっています。


準備

最低限の経験がある方のためのオプション部分


ワークスペースに注意を払う

デジタル描画に慣れていない方は、健康に注意し、モチベーションを維持するための部分です。

 

デジタル描画を練習するには、気分が良いワークスペースにいることをお勧めします。デスクを整理し、好きなように飾り付けてください。キーボードを常に準備して、ショートカットをすばやく使用できるようにすることをお勧めします。[Ctrl+Z]で最後の操作を元に戻す、[Alt+X]でソフトウェア外部のソースでスポイトを使用する、[Ctrl+U]で現在のレイヤーまたは選択した色相、彩度、明るさを変更するなどです。

 

椅子にしっかりと座っていることを確認し、スクリーンタブレットまたはiPadを使用している場合は、描画モニターをできるだけ垂直に配置して、首が痛くならないように頭をまっすぐに保てる位置を確保してください。

 

ストレスの原因となるものをすべて避けて描画する時間を確保し、水分補給できるものをそばに置いてください。また、血液循環に問題が生じないように、目と歩行のために休憩を取ってください。長時間描画すると、偏頭痛や脚の不快感を引き起こす可能性があります。何よりも健康が大切です。


インスピレーションを見つける/参考にする

描き始める前に、テーマを選び、グラフィック スタイルの参考資料を探すことをお勧めします。

 

ファンアートを作るか、オリジナル作品を作るかを選択できます。大切なのは、描くものを愛することです。

 

参考資料を利用する

視覚的に気に入ったものなら何でも、イラストに含めることができます。参考資料は、体の複雑な部分や衣服の描き方をより視覚的に理解するために、どの色から始めるかを知るのにも役立ちます。

 

プロは、ムードボードにすべての参考資料をまとめます。これは、Clip Studio Paint または PureRef のようなソフトウェアで行うことができます。選択はあなた次第です。


スケッチ(または下書き)

描きたいものを選び、参考資料を取ったら、目の前に白紙が広がります。スケッチの段階です。

 

スケッチをいくつか描いてから、それぞれの気に入った要素を選んで 1 つのスケッチにまとめることをお勧めします。

 

このステップで従来の描画を使用する場合は、選択したスケッチを写真に撮ったりスキャンしたりしてソフトウェアに取り込むことを強くお勧めします。選択ツールを使用してから、キーボードの [Delete] キーを押して、写真の不要な部分を削除します。補正レイヤーを使用してコントラストを調整できます。[レイヤー] 部分に移動して [新しい補正レイヤー] を選択します。より正確な調整結果を得るには、[レベル補正] または \ レイヤー [トーン カーブ] から始めることをお勧めします。

下書きがあるレイヤーに修正レイヤーを適用するには、[右クリック] してから [下のレイヤーと結合] または [Ctrl+E ] を選択します。次に、[編集] → [明るさを不透明度に変換] に進みます。


スケッチを CSP (Clip studio Paint) で作成したか、従来の方法で作成したかにかかわらず、その後 CSP にインポートします。この段階では、スケッチは白い背景に透明になっているはずです。

最終結果をよりよく視覚化するために、スケッチに色を付けることをお勧めします。

スケッチに色を付ける

キャラクター(例の図のように複数のキャラクターがいる場合もあります)にあらかじめ定義された色がある場合は、その色を風景とは別のレイヤーに配置して、カラースケッチにその参照色を残すことをお勧めします。

 

例では、キャラクターが非常にカラフルであるため、背景の色の選択を 2 色に制限しています。選択したキャラクターの色が非常に少ない場合は、背景に色を追加できます。

 

少数の色を引き立たせるために、常に支配的な色を用意しておくのが賢明です。

 

最も見栄えの良い色を見つけるために、何度か試すことができます。

このイラストでは、カラフルなスケッチのバージョン 3 を選択しました。これは、3 人組の最後のキャラクターがより目立ち、夏と昼間の雰囲気に近づいており、友人との外出の状況をよりよく表現しているためです。


線と単色

線の描き方は人それぞれです。私のやり方は、細かい要素や重要でない要素にはかなり細い線を使い、より実質的で重要な要素には太い線を使うことです。

 

私はペンキ缶でフラットカラーを作るために線画を閉じることが多いのですが、穴の開いた線の方が好みなら、なげなわツールでフラットカラーを作ることができます。


レイヤーをうまく分けてフォルダを作る

ファイル内を移動したい場合、推奨されるレイヤーの構成は次のとおりです。図面内の各色は、簡単に修正できるように別のレイヤーにあります。

 

スケッチの背景には 2 色だけを選択しましたが、装飾に植物を追加したことにお気づきかもしれません。緑は黄色と青の混合色であるため、選択した色合いのままで、さらに色彩が加わります。


黒い線画とカラフルな線画

完全に閉じた線であっても、線の間に間隔があっても、それぞれのタイプの線画の利点をリストにして、黒の線画とカラーの線画の違いを確認することをお勧めします。

ラインアート ブラック

ラインアートノワールの利点は次のとおりです:

- 簡単に実行できます

- 線の太さの変化が見やすくなります

- 色が簡単に出ます

- イラスト内でキャラクターがはっきりと目立ちます

カラフルな線画

カラフルな線画の利点は次のとおりです:

- オブジェクト/キャラクターをイラストに統合できます

- 特定の細かい要素 (髪の毛など) の質感をよりよく理解できます

- より控えめでクリーンです

ここで述べた利点が、線画に色を付けるかどうかを決める際の参考になれば幸いです。


影と光

このパートでは、影と光を追加する 2 つの方法を紹介します。

 

1 つ目は、非常にシンプルですが効果的なセル シェーディングなので、初心者に適しています。

 

2 つ目は、よりリアルな結果を望み、光を楽しみたい勇敢な人向けです。グレー値を使用して色を付けるテクニックです。

 

両方のテクニックを読んで試してみて、自分に最適なものを選択してください。


光と影の基本をおさらい

(これはオプションの部分です)

 

この部分では、将来選択するテクニックに関係なく、光と影の効果を理解して実現するための基本的な概念をいくつか確認します。

 

影と光は、描画のボリュームをよりよく読み取るために使用されます。したがって、立方体、球、円柱、ピラミッドなどの単純なボリュームで強調したい要素を確認する必要があります。

フランス語への翻訳:

  • CellShading

— 見やすさが向上

— ハード サイド

  • よりリアルなシェーディング

— 光と影をよりソフトにできます。

— 光が表面で反射し、影にわずかなグラデーションが生じるため、影は均一ではありません。

1 つの例は千の言葉に値します。基本的なソリッドよりも複雑な形状がある場合は、「ジャガイモ」で行ったように、ソリッド カラーとは別のレイヤーでグリッド化できます。

レイヤーの構成を観察して再現してみてください。


セルのシェーディング

「セルシェーディング」とは何ですか?

セル シェーディングは、漫画から受け継がれたシェーディング テクニックです。セル シェーディングは、セルロイド (「セル」と略されます) でアニメーションを作成しなければならなかった時代の技術的制約によって課された、かなりハードな影と光 (劣化せず、ぼやけていない) によって認識できます。この当時は、各イメージをグアッシュでペイントする必要がありました。

 

元のサポートの技術的制約はもう存在しませんが、アニメーション スタジオは、より簡単かつ迅速に作成できるため、影とハードな光というこの側面を大部分維持しています。

 

イラストレーターは、アニメーション作品を再現するだけでなく、光と影の効果を様式化できるため、このテクニックを採用しています。

セルシェーディングを行うにはどうすればいいですか?

イラストでは、セル シェーディングを作成するのほど簡単なものはありません。影には [乗算] レイヤーを使用し、光には [追加] レイヤーを使用し、なげなわや G ペンなどのツールを使用して色を配置するだけで、このテクニックを実現できます。

 

ただし、影の中に スクリーントーン を使用して、セル シェーディングをより「ポップ」にする方法を一緒に見ていきましょう。

GIF で何が起こるかを、ステップごとに説明します。

 

①- レイヤー [Multiply] でグレーを使用しました。そのため、オーバーフローせずに影に他の色を使用できるように不透明度をロックしました。

②- [Ctrl+C][Ctrl+V] を実行して、[乗算] レイヤーを複製しました。複製するレイヤーを「新規レイヤーの作成」アイコンにドラッグするか、[右クリック]→ [レイヤーの複製] を実行することもできます。

③- このアイコンを押して最初のシャドウ レイヤーの複製を 非表示 にし、ブレンド モードを [オーバーレイ] に変更しました。異なるスクリーントーン効果が必要な場合は、他のブレンド モードを選択できます。

④- このボタンを押して、レイヤーの色をスクリーントーンに変換しました。下の画像のように、[濃度]→[画像の明るさを使用]になっていることを確認してください。好みに応じて、さまざまなタイプの[ドット設定]を選択できます。ここでは「円」を選択しました。

(周波数パラメータは、スクリーントーン効果のサイズを変えます。お好みに合わせて変更できます。)

- 希望する結果が得られたら、スクリーントーン効果が配置されているレイヤーを[レート設定]できます。

- レイヤーの不透明度をロックして、効果に色を付けることができます。

 

*手順 ①を確認して、不透明度をロックするアイコンを確認します。*

では、光はどうですか?

上記の手順を繰り返しますが、レイヤー モードは [Multiply] ではなく [Add] になります。


影と光 + コンプレックス

フランス語への翻訳:

— ステップ 1: 下書き

— ステップ 2: 線

— ステップ 3: フラット カラー

— ステップ 4: 単色のグレーを作成します。レイヤーを追加した後、**[乗算]**して影を作成します

— ステップ 5: 単色のグレーを引き続き使用します。レイヤーを追加して [追加] してから、ライトを作成します。

— ステップ 6: 単色のグレーを削除します。影とライトに色を付けます。

より複雑なシェーディングをしたい方は、上の画像のチュートリアルに従ってください。このテクニックは、すべてのプロフェッショナルな描画ソフトウェアで使用できます。影と光のレイヤーに色を付けるには、上にレイヤーを配置し、影または光のレイヤーで 非表示 にすることをお勧めします。このタスクには、[リニア ライト] ブレンド モードを使用することをお勧めします。

**セルシェーディングのチュートリアルのステップ 3 を参照してください。


仕上げ

ここまでできましたか? これまでのステップの結果が気に入っていただければ幸いです。次は、イラストをカラフルでキラキラにするための最後のステップに進みます。完成です!

画像の色彩が足りないのですが、どうすればいいでしょうか?

あまりに地味な色を選んでしまったかもしれません。心配しないでください。以下のテクニックに従えば、色を完全にやり直す必要はありません。

上の GIF に示されている手順を 1 つずつ説明します。

 

- すべてのレイヤーを取り除かないように、階層の最上位レイヤーを [右クリック] し、[表示レイヤーを新しいレイヤーに結合] を選択します。

- 新しいレイヤーを作成したら、それを複製します。コピーは [ソフト ライト] マージ モードにする必要があります。

- 引き続きコピーにガウスぼかしを適用します。この効果は [フィルター]→[ぼかし]→[ガウスぼかし] にあります。

- [Ctrl+U] を押して [色相/彩度/明度] ウィンドウを開きます。描画に鮮やかな色が足りない場合は、彩度を上げます。

この例では明るい色だけでなくコントラストも不足していたため、明るさも下げました。

満足のいく結果が得られるまで、[オーバーレイ]、[追加]、または[乗算] レイヤーを楽しんでください。


ちょっとしたヒントをまとめて

カラフルなハイライトとステッカー

同じテクニックなので一緒に紹介します。 選択した色で好きな形を描き、ボタンを押してアウトラインの太さと色を選択します。

カラフルで様式化された幾何学的形状

様式化された幾何学的形状の場合、セルシェーディングに関連する部分の手順 4 のように、スクリーントーンに変換する形状を描く必要があります。そこまで戻りたくない場合は、この部分だけ一緒に実行します。

ご覧のとおり、これらのシンプルですが効果的な効果を実現するには、1 つのレイヤーで十分です。スクリーントーンの厚さはグレー値によって異なり、グレーが明るいほど、スクリーントーンは薄くなります。

 

これが、興味深い効果を得るために特定のジオメトリを明るくした理由です。

 

その後、レイヤーで [右クリック]→[評価] を実行し、不透明度をロックして色を付けました。


ありがとう

最後まで読んでいただきありがとうございました。私のチュートリアルが皆さんの次のイラスト制作に役立つことを願っています。また、このチュートリアルのテクニックを 1 つでも使用する場合は、遠慮なく Twitter で私に言及してください。私の作品を気に入っていただけたら、ぜひフォローしてください。

また、このチュートリアルで彼らのために作成されたいくつかのプロジェクトを使用させてくれた友人やクライアントにも感謝したいと思います。

 

役に立ったと感じた場合は、共有して「いいね!」してください。

 

これは私が書いた最初の記事です。自分の規模で役立つと思ったら、この演習をもう一度試してみます。

コメント

新着

公式 新着