---

1. イントロ

初めまして、NisaRFです！ CSP の最初のチュートリアルへようこそ^^

ここでは、私がスイーツ、カラフルで甘いお菓子を描くときに使用するヒントとコツを紹介します。

 

初めてのチュートリアルなので、やはり初級から始めるのが良いと思います。今まで人に教えることはなかったのですが、チャレンジしてみようと思いました！分かりやすいようにできるだけシンプルに、お菓子の絵を描いた私の経験を共有します。

 

さっそく、美味しそうなお菓子の描き方を一緒に学びましょう！

2. スイーツの種類も豊富

世界にはたくさんの種類のお菓子があり、それぞれの国で地元の食材を使った独自の名物やさまざまな甘さ...それを話すだけで永遠に長くなりそうです~!

 

多様性は別として、このチュートリアルを作成しているときに、ここで色のルールを持ち出すと多すぎることに気づきました。そのため、物事が複雑になりすぎないように、これ以上深くは考えないことにします。今回は、お菓子の形や質感、道具などに焦点を当てていきます。

 

ここでは特別なパレットや色のルールは使用しませんので、色についてはあまり心配しないでください。このチュートリアルで使用する色を、[スポイト] ツールを使用して添付の画像から選択してみたり、デジタル着色を自由に試してみたりすることができます (お菓子はとにかくカラフルです)。ただし、覚えておいていただきたいのは、食べ物の色を選ぶには、実際の食べ物がどのように見えるかを研究した方が良いということです。実際の生活を参考にしてください。

3. お菓子はすべてある形から始まる

世の中の多くのものは、よく見ると実は「隠れた形」を持っています。

お菓子にも、包装されているものと包装されていないものなど、特定の形状があります。描き始めるときは、何か甘いものに変化するある種の形だと考えてください。

 

以下のサンプルは、お菓子が特定の形状からどのように誕生したかを示しています。

上の図のタイムラプス ビデオでプロセスを確認できます。

下の図に示すように、サブツール [選択領域] メニューのツールを活用して、図形を描画するのに役立ちます。物を測ったり平らにするのが難しい場合は、メニューの [表示] オプションからグリッドと定規 (Ctrl+R) をアクティブにしてください。

[楕円] ツールの例を見てみましょう。このツールは、特に円形のオブジェクトを描くのが難しい場合に役立ちます。オブジェクトにシェーディングとシャドウを追加して、平面円形の 2D 画像を 3D に見せます。

3D 幾何学的形状は、構造の構築に役立つ同じツール グループを使用して作成できます。線を作成するときは、[なげなわ] ツールを使用するか、[Shift] を押しながら、ある点から別の点まで直線を引くことができます。形を工夫してお菓子のバリエーションを増やしてみよう！

 

注意: 形が多少乱れていたり、不均一に見えても心配する必要はありません。実際、それはスイーツを自然に見せ、堅くなりすぎないようにするのに役立ちます。

 

まず、サブツール [選択範囲] の使用例として 団子 を作成してみましょう。

 

1. [新しいラスター レイヤー] を作成し、レイヤー モードを [乗算] に設定します。

[楕円] ツールを使用して、3 つの円形を並べて描きます。

次に、[編集]>[輪郭選択]->[外側を描画]をクリックし、線画に必要な値を入力します(数字は線の太さを表します)。

注: スケッチから描画を開始することも、[楕円] ツールを使用して直接円を描画することもできます。スケッチから開始する場合は、画像に見られるように編集を容易にするために、スケッチを別のレイヤーに描画することをお勧めします。

 

2.) 別のレイヤーを作成し、再度 [乗算] に設定してから、[長方形] ツールを使用して団子をまとめる棒を描きます。スティックの端を尖らせるか尖らせないかはあなた次第です。団子はもちもちで柔らかいお菓子なので、棒の先が鈍くてもお団子は通ります。団子で覆われるべきスティックの一部を消去します。

注意: CSP で消去するには 2 つの方法があります。1 つは、PC を使用している場合はキーボードの [選択領域] ->[なげなわ] -> Delete キーの組み合わせです。またはサブツール[消しゴム]を使用します。

3\。 ) 団子とスティックのレイヤーの下に別のレイヤーを作成し、モードを [通常] に設定します。サブツール[塗りつぶし]→[他のレイヤーを参照]を使って、それぞれにベースカラーを与えます。ピンク、白、緑の「花見団子」なので、実物の色に合わせてみましょう。

4\。 ) シェーディング用の輪郭レイヤーの上に別のレイヤーを作成し、[乗算] に設定します。

このレイヤーを着色レイヤーとして使用すると、追加された色は選択した実際の色よりも暗く見えます。ここではサブツール[ブラシ]→[水彩]→[水彩丸ブラシ]を使用して陰影を付けています。その後、サブツール[ブレンド]→[ブレンド]→[ぼかし]を使って色を滑らかにします。

5.) シェーディング レイヤの上に別のレイヤを作成し、そのレイヤを [グローの追加] レイヤとして設定します。名前の通り、このレイヤーは色を輝かせます。サブツール[エアブラシ]→[ソフト]で団子の表面に白または淡い色を少し加え、[丸水彩ブラシ]で光が跳ねるような色合いを出します。

6.) 必要に応じて、サブツール [選択領域]->[なげなわ] ツールを使用して新しいレイヤーの団子の下に影を追加し、濃い色 (例: グレー) で塗りつぶして、設定します。レイヤー モード ボックスの横にあるレイヤーの透明度パラメータを低い値に設定します (ここでは 35% の透明度を使用しています)。

[表示ボタン]をクリックすると、餃子の輪郭が非表示になります。

お花見団子・団子が完成しました！

タイムラプスで作られた甘い団子をここでご覧ください:

タイムラプスが速すぎる場合には、ゆっくりとしたステップバイステップを示す別のビデオを用意しました。

形を理解し、試してみることで、既存のお菓子だけでなく、オリジナルのお菓子のデザインを描くこともできるかもしれません。

4. お菓子の素材特性を理解する

柔らかい食感のお菓子「団子」の絵を描く練習をして、お菓子にはそれぞれ特徴があることを学びました。それぞれのお菓子の特徴を考慮すると、より本物らしく見えるかもしれません。しかし、これらの特徴を図面で示すにはどうすればよいでしょうか?

ａ．他の素材と区別できるハード＆ソフトスイーツを作る

特にお菓子を他のものに挟み込みたい場合は、種類の違いを明確に示すことが絵を描く上で重要です。たとえば、グミやゼリーは、フルーティー ドロップやキャンディー ケーンなどの他のお菓子とは異なる食感を持ちます。前者は柔らかめの食感、後者は硬めでサクサクとした食感としっかりとした形が特徴です。

 

一部のお菓子は半透明で多少の反射があるように見えますが、ガラスベースの素材やクリスタルのように光をあまり反射しません。たとえば、金属片のように見えるキャンディーは望まないでしょう。

 

この違いを説明するために、同じような見た目の 2 つのクマを使ったサンプルを以下に作成しました。1 つはソフト キャンディー、もう 1 つは別のもので作られたクマです。

奇妙に似ていませんか？

 

どちらもコピーした同じ線画と同じカラーパレットから描きましたが、右側のものは少し濃いめの色合いで、固体素材のヒントを与えています。左側のものは、触れると弾みそうな柔らかい水っぽいビジュアルですが、もう一方は、より硬く光を反射するクリスタルベースのクマのような外観です。

ハード & ソフト スイーツに関しては、ソフト キャンディは光にさらされたときの光の跳ね返りが少なく、硬くないように見えます。一方、ハード キャンディーは、光源にさらされると、まるでクリスタルのように、パリパリに見え、より多くの光を反射します。裂いたり潰したりすると見た目も変わります。以下の別の例を見てください。

モチモチ＆柔らかなお菓子を描くときは、表面に少し凹凸感を出すのがポイントです。固すぎると硬い印象を与えてしまいます。

 

注意: グミやゼリーは他のお菓子に比べて水分が多いので、サブツール[ブラシ]→[水彩]を使って「水っぽさ」を出すことをおすすめします。

b.テクスチャを使用して表面に異なる感触を与える

場合によっては、異なる食感の要素が分離されたタイプのお菓子もあります。たとえば、ナッツとガナッシュを添えたチョコレートプラリネ。さまざまな[ブラシ]とテクスチャ付き[マテリアル]を使用して、お菓子にふわふわ感と凹凸のある表面を与えます。

 

スライスしたチョコベリー トリュフを描いている様子を見てみましょう。

1.) 円形を 2 つ描きます。ここで行ったようにスケッチから始めることも、以前のように [楕円] ツールを使用して丸い形状を直接描くこともできます。ただし、スライスしたチョコベリートリュフなので、もう1枚も1枚目と同じ大きさと形にすることを忘れずに。したがって、最初に単一の丸い形を作成し、次にこの単一の円の底にボウルのような形を描きます。完了したら、[編集]->[コピー] & [貼り付け]、または単に[レイヤーを複製]します。次の図のように並べて配置します。

2.) 次に、別の [乗算] レイヤーに線画を描きます。 2 番目の線画は 1 番目の線画のコピーになるため、右側のトリュフの線画を描くだけで済みます。ここでは、円形パーツの線画を作成する[楕円ツール]と、[SU-クリームペンシル]というサブツール[鉛筆]を組み合わせて、次の値を入力して「ボウル」を描画しています。 [SU-Cream Pencil] はダウンロード可能なアセットですが、このチュートリアルでは線画は色付けプロセスを高速化するためにのみ必要であるため、お好みのサブツール [Pen] または [Pencil] を使用できます。

ご興味がございましたら、ここから [SU-Cream Pencil] をダウンロードしてください:

両方のトリュフを並べて配置し、次の画像のような結果が得られるまで不要な線画を [消去] します。

3.) ベースカラー用に新しい [Normal] レイヤーを作成します。サブツール[自動選択]→[全レイヤーを参照]で範囲を選択します。これにより、クリックした領域全体が選択されます。先ほどの団子と同じようにサブツール[塗りつぶし]で色を塗りつぶします。

4.) トリュフのフィリング（ガナッシュ）部分に色を塗る場合は、[なげなわ]で範囲を選択し、先ほどと同じように色を塗りつぶしていきます。このチュートリアルでは、チョコベリー トリュフなのでピンクを選択しました。トリュフの下に溶けるチョコレートを入れて、よりオーガニックな雰囲気を出しました。

5.) 先ほどの団子と同じように、すべてのレイヤーの上にシェーディング用の新しいレイヤーを作成し、[乗算] に設定します。シェーディングのベースカラーよりわずかに暗い色を選択し、両方のトリュフの下半分にブラシで塗ります。サブツール[ブレンド]の[ブレンド]と[ぼかし]を使用して色を滑らかにします。

6.) 次に、柔らかいガナッシュのフィリングにテクスチャを適用して、チョコレート コーティングの滑らかな表面とは異なる外観にします。ここでは「トースト」というテクスチャを使用します。これは、CSP アセット ライブラリの [画像マテリアル] タイプ セクションから無料でダウンロードできます。まずそこからダウンロードして、CSP のマテリアル ライブラリで見つけます。右上の矢印をクリックしてこのライブラリを開き、検索列に「toast」と入力すると表示されます。テクスチャをイラストにドラッグ＆ドロップします。

 

ご興味がございましたら、ここから資料をダウンロードできます:

7.) レイヤーを右クリックし、[ラスター化] を選択して、テクスチャ レイヤーをラスター レイヤーに切り替えます。右側の[レイヤープロパティ]メニューでテクスチャを編集します。 [表現色]→[色]を変更し、[レイヤーカラー]をクリックしてテクスチャの色を変更します。ガナッシュの色よりも濃い色を選んでください。その後、レイヤーモードを[オーバーレイ]に変更し、レイヤーをコピーします。コピー レイヤ モードを [乗算] に変更し、[オーバーレイ] レイヤの上に置きます。

8.) ガナッシュ部分に合わせてレイヤーの不要な部分を[消去]します。

9.) 以下に示すように、別の [通常] レイヤーに [丸い水彩ブラシ] を使用してトリュフの上にトッピングを追加します。

10.) 新しい [グローの追加] レイヤーを作成して、トリュフに明るいノートを追加します。

まずはサブツール[エアブラシ]→[ソフト]を使って、トリュフの表面にふんわりと明るい色を付けていきます。これにより、トリュフの平坦な感じが悪くなります。

11.) 2 番目の [グローを追加] レイヤーを作成し、[丸い水彩ブラシ] を使用して表面に反射光の色合いを加えます。あまり自然に見えないように、与えすぎないように注意してください。 [ブレンド] と [ぼかし] を使用して滑らかにします。

12.) [グラデーション マップ] を使用して色を強調しましょう。 [レイヤー]->[新規補正レイヤー(J)->[グラデーションマップ]をクリックします。

必要な[グラデーション セット]を選択します。ここでは[くすんだ色合い]->[くすんだ色合い(赤)]を選択します。 [OK] をクリックすると、新しい [グラデーション マップ] レイヤーが表示されます。

 

右側の[レイヤーのプロパティ]でレイヤーを編集します。レイヤーを [オーバーレイ] レイヤー モードに切り替え、[透明度] を 35% またはより適切だと思われる値に設定します。

13.) 必要に応じて背景を付けて、あなただけのチョコベリー トリュフを手に入れましょう!

注: さまざまなテクスチャを使用して実験して、お菓子をより本物らしく見せるために何がより適しているかを見つけてください。

 

ここでタイムラプスを見ることができます:

または、こちらの遅いバージョン:

5. お菓子にアウトラインを使用する : アウトラインがあるのとないのはどちらが良いですか?

輪郭や線画はお菓子をざらざらした、ごわごわとした硬いものに見せますが、場合によっては形を強調することもあります。

 

お団子と同様にアウトラインレイヤーの[表示ボタン]をオフにすると、シーンから線を完全に消すことなく消去することができます。ただし、線画を残しておきたい場合は、線画の色をお菓子と同系色の色に変更することをおすすめします。こうすることで、お菓子がより柔らかく見え、お菓子が粗くなりすぎずに形を保つことができます。

 

影を作る側の線は光が当たる側の線よりも暗くなるため、線画の色を選択するときは光源を考慮してください。

色を選択したら、[なげなわ] ツールで輪郭を選択し、[編集] ->[描画色に変換] をクリックします。

お菓子のエッジは尖っているものが多いですが、お菓子を描くときはあまり尖りすぎないエッジを避け、丸みを帯びたエッジを使うと、たとえ硬い質感のお菓子であっても自然で柔らかな印象になります。

以下の詳細な比較をご覧ください。

あなたのスタイルに合った、スイーツを最高に美しく見せるものを選んでください。

6. [複製]を使ってお菓子を増やす

以前学んだように、何らかの理由でお菓子を増やす必要がある場合があります。

[レイヤー] メニューの [レイヤーの複製] をクリックすると、いつでも既製のお菓子を複製できます。まず、既製のお菓子を含むレイヤー全体を選択し、コピーを作成する前にそれらを結合して簡単にします。お菓子が入っているレイヤーやフォルダーを選択すると、お菓子をコピーすることができます。

 

これがどのように機能するかを確認するために、簡単な丸ごと チョコレート バーを作りながら試してみましょう。

1.) [乗算] レイヤー上に [長方形] ツールを使用してチョコレートの線画を描きます。 [編集]->[選択範囲のアウトライン]->[外側を描画]をクリックし、必要な値を入力します。

線画を複製して 2 番目を作成し、この 2 番目の線画を変形 (Ctrl+T) して小さくします。

2.) ベースカラー用の線画レイヤーの下に [新しいレイヤー] を作成し、シェーディング用に線画レイヤーの上に別のレイヤーを作成します。ベースカラーとシェーディングをそれぞれのレイヤーにサブツール[塗りつぶし]で色を追加します。 [ブレンド]を使用して色を均一にし、滑らかな色合いを作成します。

3.) 陰影レイヤーに、[丸型水彩ブラシ]で陰影と同じ色の太い線を描きます。小さい線画のパターンに従って線を描きます。完了したら、線画レイヤーをオフにします。

4.) [消しゴム] と [ぼかし] を使ってチョコレートの端を少しトリミングし、端に柔らかくきれいな効果を与えます。カラーレイヤーとシェーディングレイヤーの両方でこれを実行します。

5.) [新しいレイヤー]->[グローの追加] を作成して、チョコレートにライトを追加します。

[丸型水彩ブラシ] で照明を追加し、[ブレンド] と [ぼかし] を使用して色を滑らかにします。

さて、チョコレートバーを手に入れました。

6.) 次に、[レイヤーの複製] オプションを利用して、チョコレート バー全体の作成を開始します。レイヤータスクバーの[新しいフォルダー]アイコンをクリックし、小さなバーを構築するすべてのレイヤーをそのフォルダーに配置し、「Tiny Bar」フォルダーという名前を付けます。フォルダーをクリックし、右クリックして [レイヤーの複製] を選択し、フォルダーの複製を取得します。 「Tiny Bar」フォルダーのコピーを取得したら、それをもう一度右クリックし、[選択したレイヤーを結合] をクリックします。

注意: もう一方の「Tiny Bar」フォルダーは、後で必要になった場合のバックアップ用にそのままにしておきます。これをレイヤーの一番下に配置し、後で必要になった場合に備えてレイヤーを非表示にすることができます。転ばぬ先の杖！

7.) 結合後、タイニー バーを小さいサイズに変換して隅に移動します。正確な位置を設定したい場合は、[表示] ->[グリッド] をアクティブに戻すことができます。もう一度 Tiny Bar レイヤーを右クリック→[レイヤーの複製] をクリックして複製を作成します。複製したバーを、間に非常に小さな隙間を残して並べて配置します。レイヤーを結合し、バー全体が完成するまでこの操作を繰り返します。

8.) これでバー全体が完成しましたが、間にはまだ隙間がいくつかあります… [長方形] ツールで隙間を選択し、小さなバーと同じような色で [塗りつぶし] しましょうバー！編集を容易にするためにギャップを埋めるための新しいレイヤーを作成するか、同じレイヤーに直接追加するかを選択できます。

 

 

9.) [ぼかし] を使用してギャップの色を滑らかにします。必要に応じて、チョコベリー トリュフ チュートリアルで使用したものとして [グラデーション マップ] 設定を追加するか、この新しい設定 [レイヤー]->[グラデーション マップ]->[くすんだ色合い ( red)] を選択し、レイヤー モードを 25% の透明度で [Multiply] に設定します。

10.) 出来上がり！自分だけのチョコレートバーを手に入れました！

注: [グラデーション マップ] 設定にはさまざまな種類があります。あなたのイラストに合うものをぜひチェックしてみてください。

 

タイムラプス ビデオでプロセスをご覧ください。

または、遅いバージョンをご覧ください。

7. エンドノート

ここまでこのチュートリアルを読んでいただきありがとうございます。

それでそれはどうだった？自分でお菓子を描く準備はできていますか？形、色、質感を試してお菓子を作りましょう!これらのヒントがあなたの絵を描くのに役立つことを願っています^^

お菓子を描くための基本を学んだ後、次回機会があれば、焼き菓子やプリンなどのデザートの描き方、食べ物の食欲をそそる色の選び方など、より複雑なトピックについて別のチュートリアルを作成するかもしれません。

 

個人的には、このチュートリアルでお菓子の世界にさらに深く入り込むことができました。これまで考えていたよりもはるかに広く、本当に楽しんでいます~!

皆さんも楽しんでいただければ幸いです。また次回お会いしましょう!

 

(私の作品の詳細については、IG @khoiruunisarf の私のギャラリーをご覧ください)