前書き

こんにちは！今日は、Clip Studio PaintのFigureサブツールを使用して、食べ物のイラストを簡単かつ迅速に作成する方法を紹介します。

 

主に[ベジエ曲線]と[楕円]を使用します。これらのツールを使用するすべてのレイヤーはベクターレイヤーであるため、簡単に編集できます。 [Ellipse]サブツールはかなり単純ですが、[Bezier curve]を使用するには、コントロールポイントに慣れる必要があります。ゲームでそれを行う方法を見つけました！

ツール

ベジェはハンドルとアンカーを使用します。アンカーはパスの移動先を決定しますが、アンカーは線の曲率を表します。オンラインでベジェツールの使い方を教えるゲームを見つけました。これはCSP用ではありませんが、キーは同じであるため、同じである必要があります。

このリソースで練習してください！学習曲線は少しありますが、そのようなグラフィックデザインの必須ツールを習得する価値は十分にあります。

ベジェ曲線でツールを使用するためのキーについて説明します。これは、チュートリアルをよりまとまりのあるものにするための概要にすぎません。これらのすべては、ClipStudioPaintによるチュートリアルでよりよく説明されています。ぜひチェックしてください。

ベジェ曲線は、[図]ツールの[ベジェ曲線]サブツール、[定規]ツールの[曲線定規]、[選択]ツールの[ポリライン]サブツールで使用できます。 [ポリライン]の選択で使用するには、[サブツールの詳細]メニューでアクティブにする必要があります。私はそれが私が合うと思うように切り替えて見えるようにしたいです。

直線を描くには、ドラッグせずにキャンバスをクリックするだけです。

描画中にクリックするとベジェが完成します。ハンドルは、ドラッグする方向に設定されます。

ドラッグ中に[Shift]をクリックすると、ハンドルが45°ずつ移動します。

[サブツールの詳細]メニューから、増分を変更できます。

[1] [ツールプロパティ]パレットに表示します。

[2]角度に近づくと、ライン/ハンドルを角度でスナップします。

[3]スライダーをドラッグするか、ユニット番号を変更して角度を設定します。

 

注意：これらは角度であり、パーセンテージではありません。角度を4つの基本方向に設定する場合は、50ではなく90に設定する必要があります。

最後に作成したアンカーポイントを再開するには、キーボードの[Delete / Backspace]をクリックします。

アンカーポイントをクリックして削除します。

線をクリックして新しいアンカーポイントを追加します。

描画中にアンカーまたはハンドルを移動するには、キーボードの[Ctrl]を押しながら移動します。

 

アンカーの削除と追加の両方を行うには、[サブツールの詳細]パレットの[描画中のコントロールポイントの追加/削除]がオンになっていることを確認する必要があります。

描画中にカーブをコーナーにしたい場合は、キーボードの[Alt]を押しながらアンカーをクリックします。

コーナーにしたい場合は、[Alt]を押しながらアンカーをドラッグすると、ハンドルが表示されます。

キャンバスをクリックするとコーナーになり、ドラッグするとカーブになります...

...しかし、両方を同じアンカーにしたい場合はどうなりますか？コーナーでマージする2つの曲線、または片側が直線で、次に曲線ですか？最後に描いた角をドラッグするとハンドルが表示されるので、曲線になる可能性があります。そして最後に描いた曲線をクリックすると角になります。さらに、カーブを閉じたい場合は、[Alt]を押しながら最初のポイントをクリックすると、最初のポイントと融合するのではなく、最後のハンドルを制御できます。

これらはすべて、曲線を描くときに行われる動作であり、しばらくすると第二の性質になります。しかし、すでに曲線を完成させた場合はどうでしょうか。 【修正】ツールに入ります。 [コントロールポイント]サブツールには、描かれた曲線のアンカーとハンドルを変更するための多くのオプションがあります。

ベジェ曲線を使用して線画を作成することを選択した場合、[ペン]ツールを使用して異なる圧力で描画する場合と同様に、[線幅の調整]サブツールを使用して曲線に異なる幅を与えることができます。

了解しました。すべて設定しました。イラストを作成するときの手順を説明します。

サムネイル

すべてのイラストが始まるのと同じように、サムネイルから始めます！

おそらくあなたはすでに何かを心に留めているかもしれませんが、すぐに始めた場合、その構図があなたの好みではないことを途中で理解するためにドローイングを始めるリスクがあります。いくつかの小さな箱の中に、あなたが考えているものの小さなバージョンを描きます。バリエーションを作って、さまざまなことを試してください。多分別の角度？他の要素を追加するとどうなりますか？サムネイルごとに2分以内にすばやく作成してください。やりすぎないでください。これらは使い捨てのスケッチなので、量を狙うのが一番です。

私がやるラーメンのイラストのために作ったものをいくつか紹介します。

これらはすべて同じコンセプトのバリエーションです。ボウルを動かし続けます。一番下のものに落ち着きました。

気に入ったものができたら、キャンバス全体に拡大するように拡大します。

通常、次のステップはスケッチですが、ベクターレイヤーで曲線ツールを使用してイラストを作成しているので、不満があれば変更できるので、直線アートにまっすぐ進むことに自信があります。通常、要素が複雑すぎる場合にのみスケッチします。これが、ゲームチェンジャーカーブツールで可能なことです。

線画

この部分をわかりやすく説明するために自分で録音しようとしましたが、私のコンピューターは古くて時代遅れなので、あきらめざるを得ませんでした。私もできる限り説明しますが、ご不明な点がございましたら、コメント欄でお気軽にお寄せください。

図面の要素ごとに異なるベクターレイヤーを使用します。別のものに分離したい場合は、別のレイヤーで選択、切り取り、貼り付けを行うよりも、後で結合したい場合はそれらをマージすることを好みます。後で色で塗りつぶすので、非常に細いブラシサイズ（1.5）を使用します。ベクターレイヤーを塗りつぶすことができればいいのに！ CSPチームは今後の更新に向けて頑張っていると思います;）

私はボウルから始め、3つの楕円を使って形を作りました。

それからお箸を作りました。私はベジェツールを使用しましたが、側面をまっすぐに保ち、先端で少しだけ湾曲させました。

卵に移り、円を使用して、卵の上部の楕円形の部分にベジエ曲線を追加しました。曲線は、深みを作るのにも役立ちます。

次に、このイラストの重要な部分である麺。これらはすべて、ブラシサイズが15のベジェカーブです。4つのレイヤーがありました。

さて、お肉。これらはそれぞれ色分けを簡単にするために異なるレイヤーであり、すべてベジェで作成されています。

次に、スープ。ボウルが高い位置から落ちたように、こぼれているように見せたかったのです。どんぶりがどんどんどんどんとどんどん動くようにしてみました。

見た目は良いのですが、何か不足しています。コーンとネギが入ったラーメンが欲しかったのですが、一枚一枚描くのが面倒だったので、代わりにカスタムブラシを作りました。目的に応じて、さまざまなソリューションを見つけることができます。

これらはすべてイラストの要素です。さて、カラーリングです。

着色

これらのレイヤーのカラーリングはかなり簡単です。レイヤーごとに規則正しく、各領域を選択してラスターレイヤーにペイントします。必要に応じて、[選択削除]ツールを使用して、不要な領域の選択を解除します。

私はそれを各要素（もちろん麺を除く）について行い、無地またはグラデーションで色を付け、必要に応じて詳細を追加しました。このセクションでは説明のために線図を残しましたが、レイヤーを通過するときはレイヤーをオフにします。

ポークチョップの内側は、EllipseグラデーションをRepeatに設定して作成されました。また、乗算するように設定された別のレイヤーにグラデーションを付けて、それらに深さを与えました。

麺は特別な扱いを受けました。それぞれにクリップレイヤーを使用し、シャドウを追加して、まるで同じスペースにあるかのように見せました。

スープへ。グラデーションを使用して、描画モードを乗算に設定しました。

次に、マスクの上で、色のスペースを消して、中身が表面張力を破ったように見せます。

スープを通して背景を見たくなかったので、その下にしっかりしたレイヤーを作りました。

デザインによっては、コンテンツ間の相互作用をより確実にするために、特定の要素をマスクする必要があります。麺や箸などで作りました。

次に進む前に、影や深みを作成する必要がなかった場所にグラデーションを追加しました。

最後に、ハイライトをスープに追加しました。

[1]すべての上にあるラスターレイヤーで、[ベジェ曲線]ツールを使用して、反射をシミュレートする形状を作成します。

[2]次に、形状の1つを選択します。

[3] [グラデーション]ツールの[グラデーションを消去]を使用して、選択した形状の境界を削除します。すべての形状が完成するまで、[2]と[3]を繰り返します。

[4]レイヤーの不透明度を下げます。

これは、ノイズ、ドロップシャドウ、追加のグラデーションを追加し、背景に色を付けた後の外観です。

追加の例

あなたが何ができるかについてのアイデアをあなたに与えるために、私が図ツールを使用して行ったいくつかの食べ物のイラストのいくつかの追加の例を含めます。

私はこの1つのイチゴとブルーベリーでさえベジエツールで実行しました。これは非常に動的なツールです。

すべての食事を落ちるように見せる必要はありません。平らなイラストも好きです！これは、上記のワッフルのバージョンです...：

...そしてこのチュートリアルで行われるラーメン：

使用できるもう1つのツールは、[定規]ツールのサブツールである[曲線定規]です。 [ベジエ曲線]と同じように機能します。この図では、[対称定規]と一緒に使用しました。ボトルを対称に見せたいためです。

ベジェ曲線は、食べ物のイラストだけに適しているわけではありません。彼らはあらゆるものに最適です！花と動物のモチーフで作ったパターンです。すべてが[ベジエ曲線]ツールを使用して作成されました。

終わりに

ベジェ曲線はグラフィックデザインに不可欠なツールです。最小限の労力で美しいイラストを作成できます。キーボードのCtrlキーとZキーがなければ、キーボードのCtrlキーとZキーをなくしていたことは確かです。ワコムは古くて失敗することが多いので、イラストやラインアートなどに使っています！

 

このチュートリアルがあなたのイラストでそれらを使ってみるきっかけになったといいのですが。ご不明な点がございましたら、お気軽にお問い合わせください。このページの下部にコメントを残すことができます、私はそれを頻繁にチェックします。

私の作品をもっと見たい場合は、私のInstagramをチェックしてください...：

...または私のTwitter：

ああ、そして文法の誤りがあってすみません、英語は私の母国語ではありません:)

（編集27/05/20）私は市長をツールセクションに追加し、タイトルとサムネイルを編集し、別の例を追加し、テキストを通じて文法の誤りをいくつか変更しました。はじめにのようにリンクするのではなく、紹介マニュアルの「連続曲線とベジェ曲線の描画」エントリのショーケースのみを作成しました。ここでマニュアルを確認してください：

私がそうしたのは、チュートリアルを投稿した後、チュートリアルが教育的というより説明的なように思えたからです。ベジェツールの使用方法を紹介しましたが、使用方法については説明しませんでした。私はそれを残しましたが、時間が経つにつれ、私はそれに悩まされました。今後は、このような状況を防ぐために、チュートリアルを数日間ドラフトとして保持します。

#CurveToolの検索結果で他のチュートリアルをチェックして、誰も不便をかけていなかったことを確認しました。投稿されたどのチュートリアルにもこの情報はありませんでしたが、同じトピックをカバーするCSPチームのチュートリアルを見つけ、それに応じてクレジットしました。