平面イラスト作成ガイド

608

プレゼンテーション

こんにちは!!!、この新しい TIPS へようこそ。今回は、フラット イラストの作成を可能にする最も重要な概念を紹介します。今日はその秘密を解き明かします。言うまでもなく…

はじめましょう!!

1. 色を選ぶ

フラットなスタイルからリアリズムまで、あらゆる種類のイラストから始めるには、イラストを印象的なものにし、感情的な感覚に視線を向けることで視聴者の注意を引き付けるこれらの構成概念を知る必要があります。

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

少し前に、色彩理論を説明する TIP エントリを作成しました。この知識は、あらゆるスタイルの描画に役立ちます。この TIP では、色とそのモデルの由来など、ここでは説明しない技術データについて説明します。詳細を知りたい場合は、ぜひご覧ください。また、このエントリでは、Clip Studio Paintがカラーパレットを作成するために必要なツールについて説明します。カラー理論はイラストの中心的な柱です。続きへのリンクを残します:

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

► 色彩心理学

色彩心理学は、色が人間の行動にどのように影響するかを教えてくれます。色は、私たちの気分や精神状態に大きな影響を与えます。それらを使用して、喜び、悲しみなどを刺激または作成できます。一部の色は、通常、青のような冷たい色に見られる、落ち着きや思いやりをもたらします。しかし一方で、私たちを怒りや不快感に駆り立てるものもあり、これらは暖かいものに見られます。

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

• 色の分類

色は寒色と暖色に分類できますが、この分類は、色が私たちに伝えるものによる色の心理学に基づいています。それらは低温または高温に視覚的に関連付けられているため、簡単に識別できます。感情的または雰囲気のあるアイデアを微妙に表現することができます。

1.暖色系

これらの色は赤から黄色までの範囲です。それらは、高温、熱意、情熱、喜び、愛、エネルギー、暖かさなどの感覚を視聴者に伝えます。また、春、秋、砂漠などの時期を表すこともできます.

2. 寒色系

クールな色は、紫から緑まで、カラー ホイール上を移動します。冷たい色調に最も関連するのは青色であり、他の色調に存在する場合、それらがより寒く知覚されるのに役立ちます.色が青くなるほど寒くなります。寒色は低温に関連しており、冬、夜、海、湖、静けさ、静けさ、孤独、静けさ、悲しみ、夜、冬などの色調です。

•飽和

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

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

► 色の選び方

本能的に、私たちは似た色や対照的な色の構図に引き寄せられます。色の調和は、私たちが色を選択することを可能にします。それらを組み合わせることは、色彩理論の技法です。最もよく知られている 5 つの色の調和を以下に説明します。また、感情的な論理 (喜び、悲しみ、怒り、愛などの感情を伝える) または場所 (永遠の未来、日没、夕暮れ、水生の雰囲気など)色の心理学で見たように。ハーモニーを使用すると、複雑なストーリーを伝える完璧な色の構造を作成したり、単にイラストを互いに補完する色と調和させたりするための武器が得られます.

1.補完的

補色とは、色相環の反対側にある色のことで、この組み合わせによってコントラストが生じます。この調和は、背景の人物を対比させたり、対立するアイデアを対比させたりするために使用できます。

2. アナログ

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

3.隣接補完

この調和のために、メインカラーと呼ばれる色が取られ、後でその補色に隣接する2つの色合いが取られます.この調和により、補完的な調和と同様の結果が得られますが、より多様性があります。

4.トライアド

3 つの等間隔の色を使用して、ハーモニック トライアドを作成します。下の図でわかるように、黄色、赤、青は互いに 3 色離れています。

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

5. モノクローム

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

2. フラットデザイン

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

► 抽象化

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

例を見てみましょう。猫は一連の円と三角形に単純化できます。フィギュアの構造を変更して、キャラクターにダイナミズムを与えることもできます。図形を変形させることは、湾曲したオブジェクトを作成するのに役立ちます。

これは本質的に抽象化を構成するものであり、あらゆる種類のイラストに使用されますが、フラット デザインでは不可欠です。抽象化を改善する最善の方法は、オブジェクトまたは人物を取り上げて、幾何学的図形とそれらの変形のみを使用して再作成することです。

► フォームの言語

形の言語により、自信に満ちた、温かみのある、威圧的なキャラクターを作成できます。これが可能なのは、基本的な形 (円、四角形、三角形) ごとに特定の特徴があるためです。見るだけで性格や全体の雰囲気が伝わってきます。

• 四角

正方形は、強さ、安定性、安全性、および堅固さを伝達します。不動の個人の特徴、時代の嵐にもかかわらず変わらない自分の信念の前の堅さを表します。

• サークル

優しさ、無邪気さ、快適さ、柔らかさを伝えるとても歓迎的なフィギュアです。角のない形なので、傷つかないかのような安心感が伝わってきます。その堅牢な構成により、広大さ、つまり多くのスペースを占めるものと関連付けることもできます。

• トライアングル

三角形は角がとがっているため、私たちを傷つける可能性のある危険に関連しています。このため、危険で脅迫的な意味合いがあります。以前のものに比べて細い体型ですが、ダイナミズムと活動に関連付けることができます.

逆三角形は通常、より不吉な特徴を表しますが、ストーリーの最大の悪役は、はるかに大きな脅威を表すために、構成に逆三角形を使用することがよくあります.

各フィギュアの特徴を伝えるために、キャラクターのポーズで表現することもできます。たとえば、足を開いて逆三角形の形をした四角いキャラクターを作成したり、走ったり、一般的にダイナミックなポーズで作成したりする場合、間違いなく三角形を暗示しているため、彼にフィギュアが持つダイナミズムの特徴。

注: 文字が図形の形状に従うことは厳密には必要ではありません。形状に従うのが最善ですが、形状に一致しないことが最善です。下の女の子は、形はあまりはっきりしていませんが、三角形のような体をしています。

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

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

• ステップ 1: シャドウ

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

この演習は、創造性を伸ばすのにも適しています。完成させるのが不可能に思える非常に多くのバリエーションを信じるように私たちを動機付けます.

• ステップ 2: スケッチ

キャラクターを影に入れるときは、レイヤーの不透明度を下げて、その上の新しいレイヤーで、髪、目の形、または服も影の構造を踏襲しながらも、そこまで厳密ではありません。出て、仕上げに湾曲した形状を与える方が良いです。

• ステップ 3: カラー

このステップでは、影のレイヤーを残し、スケッチの下にレイヤーを作成することに焦点を当てます。ここで、フラットな形状を色付きで配置することに専念します。次のセクションでは、Clip Studio Paint がキャラクターとフラット環境の作成を容易にするツールについて説明します。

影にはコントラストを使用します。色のコントラストは、2 つ以上の色の違いです。これは、彩度/明度またはトーンが異なる色を使用して、影と色のベースとの間にコントラストを作成できることを意味します。下の女の子の場合は、ベースの肌の色を使用しましたが、ライトを下げて影として機能させました.

注:時間の経過とともに、いくつかの手順をスキップして、色付きのフォームを直接追加できるようになります。これには、作成を容易にするClip Studio Paintプログラムのいくつかのツールを知ることが不可欠です.以下に例を示します。

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

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

► フィギュア


真円、三角形、長方形、またはその他の図形を手で作成するのは非常に複雑ですが、この機能が存在するのはこの困難なためです。このツールを使用すると、任意の図を作成できます。

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

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

• ポリライン

ポリラインを使用すると、連続した線を作成できます。2 つの塗りつぶしオプションのいずれかをオンにすると、図形の内部構造が直線のエッジを持つ単色で塗りつぶされます。線/塗りつぶし機能には 3 つのオプションがあります。最初のオプションは選択した単色で塗りつぶされた構造を作成し、2 つ目は実線のみ、最後は形状を均等に塗りつぶしますが、2 つの色、2 次色の線と塗りつぶしカラーメジャーの。

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

• 連続曲線とベジエ曲線

これらの 2 つは類似しており、それらの間で機能を共有しています。さらに、他の機能は前のものと同じです。前のツールと異なるのは曲線オプションのみです。4 つの「曲線」オプションは次のように分割されています。 : 直線、スプライン、2 次ベジエ、3 次ベジエ。

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

•弓でいっぱい

すべての形状サブツールの中で、自由に描画でき、線を閉じると内部が自動的に塗りつぶされるため、これが最も用途が広いです。プロパティの 1 つはスタビライザーで、これにより精度が向上します。

•楕円/長方形

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

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

「一度決めた角度を調整」では、円の角度を変更できます。この変更は、プロポーションが完全でない場合により顕著になります。

• ポリゴン

多角形を使用すると、最初に正方形と円が事前に定義されているため、さまざまな数の頂点を持つ形状を作成できますが、多角形は頂点の数を変更して三角形、五角形などを形成できるオプションです。もう 1 つの重要な機能は「コーナー」です。丸み」は、その名の通り角を丸くします。

フィギュアツールでできること

これらの図と正しい色の組み合わせにより、色またはオブジェクトのセクションで例示されているような構造、キャラクター、風景を、単純化された方法でフラットなスタイルで再現できます。私たちが必要としているのは、私たち自身だけが持つことができ、発展させることができるのは私たちの創造性です。基本的なフォームの組み合わせと変換を改善するために練習する必要があります。

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

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

► レイヤー

•最下層に調整

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

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

• 透明なピクセルをブロックする

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

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

•レイヤーフォルダー

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

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

► 変形

Transform は、選択範囲のサイズを縮小/拡大したり、その場所を変更したりします。この機能を利用するには、まず変更する部分を選択してから、「Ctrl + T」キーを押すか、次のパスにアクセスする必要があります: 編集 > 変形 > 拡大/縮小/回転。

ツール プロパティ ウィンドウにアクセスすると、モードの変更、回転の中心の変更、元の画像の保持、スケール、回転角度、位置と補間方法の調整を可能にするさまざまなオプションを見つけることができます。以下の GIF は、前述のオプションの機能を示しています。

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

下の GIF では、通常の変換も共有する上記のオプションを示しています。

► グリッド

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

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

このツールは、建物を作りたいときに便利で、視点を制御できます。以下の例では、グリッドを使用してイラストのランタンを作成しています。

► イラスト:灯台

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

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

注:最初に、このパレットと後で使用する「カラー スライダー」にアプローチする TIP「カラー パレットの作成方法」へのエントリを残しました。

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

色で形状を定義した後、「最下層にスナップ」または「ピクセルをロック」の 2 つの機能のいずれかを使用して影を追加します。また、オブジェクトの形状に合わせて、主に円、楕円、長方形などの幾何学図形で影を形成しました。

GIF は、プロセスと使用するすべてのツールを示しています。図、変換、グリッド、および G ブラシです。

以下のビデオには、前の GIF と同じ情報が含まれていますが、テクスチャリング部分に使用されるツールをより明確に理解できるように、時間が長くなっています。

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

► テクスチャ

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

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

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

イラストのそれぞれのものを別々のレイヤーで作成するのに時間をかけると、テクスチャを追加するのが簡単になります。これは、上のレイヤーを作成して下のレイヤーにスナップしたり、ピクセルをブロックしたりできるためです。オブジェクトの制限を回避し、残りを染色してから修正します。 GIF は、テクスチャリング プロセスを示しています。

以下のビデオには、前の GIF と同じ情報が含まれていますが、テクスチャリング部分に使用されるツールをより明確に理解できるように、時間が長くなっています。

最終結果として、このイラストができました。必要なだけ多くの詳細を追加できますが、それはそれぞれの好みに依存します.

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

別れ

このチュートリアルで見たことがあなたの好みに合っていることを願っています。まあ、言うことはありません。ここまで来てくれてありがとう! ପ(๑•̀ुᴗ•̀ु)* ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ *ॣ

高振動!!!また会いましょう ( •⌄• ू ) ✧

コメント

新着

公式 新着