フラットイラスト作成ガイド

2,928

AriaVon

AriaVon

プレゼンテーション

こんにちは!学ぶ。今日はその秘密を解き明かしていきます。これ以上言うまでもなく…

 

始めましょう!!

1. 色を選択する

フラット スタイルからリアリズムまで、あらゆる種類のイラストを始めるには、イラストを印象的にし、見る人の注意を集中させ、感情的な感覚に視線を向ける特定の構図の概念を知る必要があります。

 

• 色に関するその他のヒント

 

少し前に、色の理論を説明する TIP エントリを作成しました。この知識は、あらゆるスタイルの描画に役立ちます。色とそのモデルの由来など、ここでは説明しない技術データに対処します。もっと詳しく知りたい場合は、ぜひご覧ください。さらに、そのエントリでは、CLIP STUDIO PAINT がカラーパレットを作成するために必要なツールについて説明しています。以下にリンクを残しておきます。

 

 

最近、CLIP STUDIO PAINT を使用して色を追加するためのさまざまなツールと方法を示す TIPS を作成しました。これは非常に広範であり、何よりもあらゆるスタイルに役立ちます。以下のエントリを残します。

 

 


► 色彩心理学

色彩心理学は、色が人間の行動にどのような影響を与えるかを教えてくれます。色は私たちの気分や精神状態に大きな影響を与えます。色によっては、喜びや悲しみなどを刺激したり生み出したりすることができます。色によっては、静けさや思いやりを生み出すものもありますが、それらは通常、青のような寒色に見られます。しかしその一方で、怒りや不快感を引き起こすものもあります。これらは暖かいものに見られます。

 

色の心理学、人々が色と関係する場所や感情を知ることで、メッセージに満ちた意味のあるイラストを作成できます。言葉を必要とせずに物語を語ること。では、その特徴を見てみましょう。

 

• 色の分類

 

色は、私たちに何を伝えるかに応じて、寒色と暖色に分類できます。これらは視覚的に低温または高温と関連付けられるため、簡単に識別できます。これらにより、感情や雰囲気のアイデアを微妙に表現することができます。

1\。温かみのある色

 

これらの色の範囲は赤から黄色です。それらは見る人に高温、熱意、情熱、喜び、愛、エネルギー、暖かさなどの感覚を伝えます。また、春、秋、砂漠などの季節を表すこともあります。

2\。寒色系

 

寒色は紫から緑までの色相環上にあります。冷たい色調に最も関連しているのは青であり、他の色調に青が存在すると、より冷たく感じられるようになります。色が青ければ濃いほど寒くなります。寒色は低温に関連しており、冬、夜、海、湖、静けさ、静けさ、孤独、静けさ、悲しみ、夜、冬などの色調です。

  • 彩度

彩度は色の純度であり、その強度を定義します。これは含まれるグレーの量によって決まり、グレーが多いほど彩度は低くなり、グレーが少ないほど彩度は高くなります。しかし、彩度は色彩心理学とどのような関係があるのでしょうか?そうですね、彩度の低いイラストは、悲しみ、憂鬱、衰退、荒廃の感情を伝えることがわかりました。一方、熱意、希望、喜びなどの生き生きとした感情が飽和しています。

イラストの彩度を調整できるツールは次のとおりです。「トーン/彩度/明度」 このツールは、次のパスにアクセスすると見つかります: 色調補正 > トーン/彩度/明度。


► 色の選択方法

本能的に、私たちは似た色の、または対照的な色の構図に惹かれます。カラーハーモニーは色を選択することを可能にし、それらを組み合わせるのが色彩理論のテクニックです。最もよく知られている 4 つの色の調和を以下に説明します。また、感情の論理 (喜び、悲しみ、怒り、愛などの感情を伝える) や場所 (永遠の未来、夕焼け、夕暮れ、自然、など) に従って色を選択できることも知っています。水生大気など)色彩心理学で見たとおり。ハーモニーを使用すると、複雑なストーリーを伝える完璧な色構造を作成したり、相互に補い合う色でイラストを単純に調和させたりするための武器が手に入ります。

 

1\。補完的

 

補色はカラーホイール上で反対の色であり、この組み合わせによりコントラストが生じます。この調和は、背景の人物を対比させたり、対立する考えを対比させたりするために使用できます。

2\。類似物

 

類似した調和は、カラーホイール上で近い色の実装によって形成されます。それらは近いため、互いにうまく組み合わされます。青、紫、ピンクが順番に近づいていくような感じです。たとえば、自然界の風景には通常この特徴があり、連続した色で構成されています。

3\。トライアド

 

調和のとれたトライアドを作成するには、等距離の 3 つの色が使用されます。下の図からわかるように、黄色、赤、青は互いに離れた 3 色です。

少し前に、平面図形とパース定規のみを使用してこの未来都市を作成する方法に関するチュートリアルを作成しました。以下のエントリを残しておきます。

 

 

4\。単色

 

この調和を備えたパレットを作成するために、すべての色は単一の色から派生し、そこから明度と彩度のさまざまなバリエーションが使用されます。さまざまなニュートラル グレーを追加することもできます。

2. フラットデザイン

フラット デザインは、フラットで明るい色、幾何学的な形状、明確な理解を提供するシンプルなメッセージを備えた大きな活字サイズの使用を特徴としています。他のイラストのような線画がないことに加え、そのシンプルさと魅力的なメッセージが印象的で、代わりにコントラストを使用して人物の輪郭を区別しています。簡単に言えば、フラット スタイルはグラフィック要素を使用し、明るい色の幾何学的形状を使用します。以下で説明する概念は、フラットなイラストを作成するのに役立ちます。

 

 

► 抽象化

フラットデザインでは、幾何学的形状を使用した抽象化を考慮します。抽象化は簡単です。再作成したいオブジェクトの複雑さのレベルを下げ、単純な幾何学的形状に変換するだけです。このような場合、三角形、正方形、円などの主要な幾何学的形状が使用されます。

例を見てみましょう。クマは一連の円と三角形に単純化できます。また、人物の構造を変更して、キャラクターにさらなるダイナミズムを与えることもできます。図形の変形は、曲線状のオブジェクトを作成する場合に便利です。

本質的にこれは抽象化であり、あらゆる種類のイラストに使用されますが、フラット デザインでは不可欠です。抽象化を向上させる最善の方法は、物体や人物を取り出し、幾何学的図形とその一部の変形のみを使用してそれを再作成してみることです。

 

 

► 幾何学的図形を使用してキャラクターを構築する

形の言語を理解すると、そのデザインでストーリーを伝えるキャラクターを作成できます。たとえば、愛情深いキャラクターが必要な場合は円を使用しますが、機敏性も必要な場合はその構造に三角形を追加します。次に、無限に多様なキャラクターをデザインできる幾何学的形状を使用した方法を見てみましょう。

 

• ステップ 1: 影

 

デザインを開始するには、キャラクターのシルエットを形成するように基本的な幾何学的図形を配置します。このためにサイズを変更します。

この練習は創造性を養うのにも役立ちます。それは、完成するのが不可能に思えるほど多くのバリエーションを信じる意欲を私たちに与えます。

  • ステップ 2: スケッチ

キャラクターを影にしている場合、レイヤーの不透明度を下げて、その上の新しいレイヤーで髪や目の形などのキャラクターのより具体的な特徴を備えたスケッチを描くことができます。または、影の構造に従う衣服さえありますが、それほど厳格ではありません。仕上げに曲線的な形状を与えるとより良いです。

  • ステップ 3: カラー

このステップでは、シャドウレイヤーを放棄し、スケッチの下にレイヤーを作成することに集中し、そこで色付きの平らな形状を配置することに専念します。次のセクションでは、フラットなキャラクターや環境の作成を容易にする CLIP STUDIO PAINT のツールについて説明します。

 

影にはコントラストを使用します。色のコントラストは、2 つ以上の色の違いです。これは、異なる彩度/明度または色調で色を取得し、影と色のベースの間にコントラストを作成できることを意味します。下の女の子はベースの肌の色を使い、明度を下げて影の役割を果たしました。

3.CLIP STUDIO PAINTを使ったフラットデザイン

プログラム内には、ブラシを使用せずに実用的かつ何よりも迅速な方法で、さまざまな平面作品を作成できるツールが含まれています。

 

 

► 図

正円、三角形、長方形などの図形を手作業で作るのは非常に複雑ですが、だからこそこの機能が存在します。このツールを使用すると、あらゆる図を作成できます。

 

これは 「ツール」バー にあり、デフォルトのショートカットはキー (U) です。

すべての図サブツールには、より実用性を高めるプロパティがあります。以下では、これらのサブツールのいくつかについて説明します。直感的に使用できるように、直線と曲線は省略します。

 

  • ポリライン

ポリラインを使用すると、連続した線を作成できます。2 つの塗りつぶしオプションのいずれかをチェックすると、図の内部構造が直線のエッジを持つ単色で塗りつぶされます。線/塗りつぶし関数には 3 つのオプションがあります。最初のオプションは選択した単色で塗りつぶされた構造を作成し、2 番目は連続線のみ、最後に最後のオプションも形状を塗りつぶしますが、2 色 (二次色の線と塗りつぶし) で塗りつぶします。色彩専攻。

 

ブラシのサイズ、不透明度、柔らかさは一目瞭然です。

  • 連続曲線とベジェ曲線

これら 2 つは似ており、機能を共有しています。さらに、他の機能は前のツールと同じです。前のツールと唯一異なるのは曲線オプションです。4 つの 「曲線」 オプションは次のように分かれています。直線、スプライン、二次ベジェ、三次ベジェ。

このツールは、影の詳細を作成したり、構造上の制限により基本的な幾何学図形ではカバーできないスペースを埋めるために使用します。

  • リボンがいっぱい

図形サブツールの中で最も汎用性が高く、自由に描画でき、線を閉じると内部が自動的に塗りつぶされます。特性の 1 つはスタビライザーであり、これにより精度が向上します。

  • 楕円/長方形

このツールを使用すると、その名のとおり、楕円または円を作成できます。完全な円を形成するには、SHIFT キーを使用して円のサイズを決定します。一方、手動で変更したい場合は、「比率調整」オプションを使用して変更できます。

 

オプションは長方形の場合と同じですが、角を丸くできるオプションが追加されています。

※「一度決めたら角度を調整」※すると、円の角度を変更することができます。比率が不完全な場合、この変化はより顕著になります。

  • ポリゴン

Polygon を使用すると、さまざまな頂点数の図形を作成できます。まずデフォルトでは正方形と円がありますが、Polygon は頂点の数を変更して三角形や五角形などを形成できるオプションです。もう 1 つの重要な機能は * です。 「角丸加工」※その名の通り、角に丸みを持たせています。

Figure ツールで何ができるの?

 

これらの図形と正しい色の組み合わせを使用すると、色やオブジェクトのセクションで例示したようなあらゆる構造、キャラクター、風景をフラット スタイルで簡略化して再現できます。私たちに必要なものは、私たち自身でしか持ち、発展させることができないもの、それは私たちの創造性です。基本的な図形の組み合わせや変形を改善するには練習が必要です。

1 つ目は、顔がどのように構築されるかをより広く観察する GIF です。 2 番目の図では、すべての顔を覆い、このプロセスがキャラクターごとに繰り返されることを示しています。

あらゆる種類のボディを作成することもできます。以下の 3 つの例は、純粋な円と角の丸い長方形から作られていますが、これは円に限定されず、他の図形を使用して無限の数の身体構造を生成できることを覚えておいてください。


► レイヤー

• 最下層にフィット

 

この機能はレイヤー オプションにあり、一番左のすぐ近くにあるアイコンです。色を適用するための非破壊的な方法が提供されるため、非常に便利です。これにより、残りの部分を損なうことなく特定の部分を変更できます。ただし、もちろん、そのためにはすべてをレイヤーで分離する必要があります。

その機能は、偽のカットアウトを作成することです。つまり、その上に描画される内容は、それが参照するレイヤー (下位レイヤー) に描画される内容の制限に従ってのみ表示されます。クリッピングを削除すると、作成したものがすべて表示され、同じレイヤーに対して複数のクリッピング レイヤーを適用することもできます。

  • 透明ピクセルをブロック

この機能はレイヤーオプションにあり、小さな鍵が付いた四角いアイコンです。

これは前のものと似ていますが、これが破壊的なメソッドであるという違いがあります。この機能を使用すると、新しいレイヤーは作成されませんが、同じレイヤー上でアクティブ化すると、色の付いたピクセルにのみ描画でき、透明なピクセルは完全に無視されます。

  • レイヤーフォルダー

この機能はレイヤー間に秩序を持たせるのに役立ちます。フラットの特徴は、変更するオブジェクトごとに 1 つ作成する必要があるため、多くのレイヤーを生成することです。最終的には多すぎるため、必要なものを見つけるのが難しくなります。いくつかを 1 つのフォルダーに入れると (クリックしたままフォルダーに向かってドラッグすることで)、順序が維持されます。

 

例: 家のすべてのレイヤーを 1 つのフォルダーに入れ、風景を別のフォルダーに入れます。


► 変換

変形は、選択範囲のサイズを縮小/拡大したり、その位置を変更します。この機能を使用するには、まず変更するパーツを選択し、次に「Ctrl + T」キーを押すか、次のパスにアクセスする必要があります: [編集] > [変形] > [スケール/回転]。

 

ツールのプロパティ ウィンドウにアクセスすると、モードの変更、回転中心の変更、元のイメージの保存、スケール、回転角度、位置と補間方法の調整を可能にするさまざまなオプションが見つかります。

一方、自由変形では、オブジェクトの視点を変更して、一般的な視点と組み合わせることができます。これには、「Ctrl + T」 キーを押すことでアクセスできます。後でオブジェクト内で右クリックします。変換の境界ボックス。このようにして、「自由変換」 オプションを見つけるメニューが表示されます。別の方法は、次のパスにアクセスすることです: [編集] > [変換] > [自由変換]、または変形ツールのモードを「自由変形」に変更します。


► グリッド

グリッドは、幾何学的な図形をより正確に描くことを可能にするツールであり、これを使用すると、比率をよりよく理解できるようになります。グリッドは、[表示] > [グリッド] にあります。

グリッドの特性を編集するには、次のパスにアクセスする必要があります: [表示] > [ルーラー/グリッド設定]。このウィンドウでは、正方形のサイズとルーラー/グリッドの原点を変更します。


► イラスト: 灯台

上記で説明した知識があれば、より複雑に見える平面的なイラストを作成できます。このイラストの場合、灯台についてのアイデアのスケッチを作成することから始めました。これを行うために、インスピレーションを得た参考資料を探しました。次に、連続曲線とグリッドを使用して、最終的な線画を作成しました。

次のパスにあるパレット ツール 「色の混合」 を使用します: [ウィンドウ] > [色の混合] に、イラストで使用する色を配置します。これを使用すると、従来のアナログ メディアで行うのと同じように、色を混合して完全に手動で新しい色を生成できます。

 

注: 最初に、ヒント 「カラー パレットの作成方法」 へのエントリを残しました。ここでは、このパレットと、後で使用する 「カラー スライダー」 について説明します。

次のステップとして、線画の下にいくつかのレイヤーを作成します。連続曲線、ポリライン、長方形、円、投げ縄塗りつぶしサブツールを使用して、線画の後に色の付いた形状を追加します。線画レイヤーの不透明度を下げます。

 

色で形状を定義した後、「下のレイヤーに合わせる」 または 「ピクセルをロック」 の 2 つの機能のいずれかを使用して影を追加します。影も、オブジェクトの形状に沿って、主に円、楕円、長方形の幾何学的な図形で形成しました。

GIF では、プロセスと使用されるすべてのツール (図、変換、グリッド、G ブラシ) を確認できます。

最終的な結果は次のとおりです。


► テクスチャ

最後に、テクスチャについて説明します。イラストをより良く仕上げるために、完成後にテクスチャを追加できます。やり方はとても簡単です。これを行うにはテクスチャ ブラシが必要です。これらは CLIP STUDIO ASSETS からダウンロードして入手できます。このタイプのイラストでは、通常、以下に示すような粒子の粗いブラシが使用されます。

 

 

2 番目のステップとして、ペイントする場所の上に、テクスチャを追加するオブジェクトよりも明るい色または暗い色でレイヤーを作成します。より簡単に色を選択するのに役立つツールは次のとおりです。 「カラー スライダー」 この機能には、次のパスからアクセスできます: [ウィンドウ] > [カラー スライダー]。

 

このツールから、カラー ホイールから選択された色の明度と彩度を抽出できます。最初の色のアイコンは主色に対応し、2 番目は二次色に対応し、3 番目は透明度に対応します (使用した場合は消しゴムとして機能します)。これを使用するには、色を選択し、スライダーを移動して、その色のさまざまな彩度と明度を取得します。あとは塗装するだけです。

イラストの各作業を別々のレイヤーで時間をかけて行うと、上にレイヤーを作成して下のレイヤーに調整したり、ピクセルをブロックしたりできるため、テクスチャを追加するのが簡単になります。オブジェクトの範囲外にある部分を汚さないようにしてから修正します。 GIF はテクスチャリングのプロセスを示しています。

 

 

最終結果としてこのイラストが完成しました。必要に応じて詳細を追加できますが、それは各人の好みによって異なります。

注意: テクスチャを与えるために任意の種類のブラシを使用することもできます。私のように、灯台を使ってイラストに色を追加するために、単純に塗りつぶした図形を使用する必要はありません。下のイラストはテンペラブラシだけで描いた砂漠の夜景です。

別れ

このチュートリアルでご覧になった内容が気に入っていただき、お役に立てば幸いです。まあ、何も言うことはありませんが、ここまで来てくれてありがとう! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ

 

高く振動してください!もう会えません( •⌄• ू ) ✧

コメント

新着

公式 新着