ホームページ >ウェブフロントエンド >htmlチュートリアル >AIのチュートリアル! Scratch_html/css_WEB-ITnose から 4 つの美味しくて魅力的なドーナツを描く方法を教えます

AIのチュートリアル! Scratch_html/css_WEB-ITnose から 4 つの美味しくて魅力的なドーナツを描く方法を教えます

WBOY
WBOYオリジナル
2016-06-24 11:15:091306ブラウズ

このチュートリアルでは、Adobe Illustrator でチョコレート、ストロベリー、シュガー コーティング チョコレート パーティクル、ピュア シュガー ドーナツを含む 4 種類のドーナツを作成する方法を学習します。このチュートリアルでは、主にスキャッター ドットをマスターするのに役立ちます。ブラシとペンツールを併用する。

最終効果:

1. 新しいプロジェクトを開始します

Illustrator を起動し、[ファイル] > [新規] に移動して、新しい空のドキュメントを開きます。 ファイル名を入力し、サイズを設定し、単位としてピクセルを選択し、カラー モードとして RGB を選択します。 次に、[編集] > [環境設定] > [一般] に移動し、キーボードの増分を 1px に設定します。 [単位] と [表示プロパティ] に移動して、単位が以下の図と同じに設定されていることを確認します。

2. ドーナツベースを作成します

ステップ 1

まず、楕円ツール (L) をつかんで 187 x 187 ピクセルの楕円を描き、塗りつぶしの色として暖かい茶色を選択します。 円を選択したまま、オブジェクト > パス > パスのオフセットに移動し、オフセット値 -2 ピクセルを適用して、少し小さい形状を取得します。 新しく作成した円を放射状のグラデーションで塗りつぶし、グラデーション ツール (G) を使用して方向を調整します。

ステップ 2

ドーナツにマテリアルを追加し、ペン ツール (P) を選択して、下の画像に示すように直線のパスを描きます。 次に、[ブラシ ライブラリ] メニュー > [アーティスティック エフェクト] > [アーティスティック エフェクト] > [チョーク チャコール ペンシル] から選択した、「チョーク」というアート ブラシでストロークします。 ストローク幅を 4pt に増やし、色をウォームブラウンに変更します。 次に、ブレンド モードのカラー焼き込みと 30% の透明度を選択します。 ブラシ ストロークはそのままにして、後でマスクを追加します。

ステップ 3

もう一度、楕円ツール (L) を使用して 54 x 54 ピクセルの円を描き、ドーナツの中央に配置します。 塗りつぶしの色として白を選択し、[効果] > [スタイライズ] > [外側の輝き] に移動し、以下に示す設定を適用します。 この円が選択された状態で、「外観」パネルに移動し、「塗りつぶし」プロパティのみを選択し、そのブレンドモードを「乗算」に設定します。 このようにすると、白い塗りつぶしは透明になりますが、外側のグロー効果が見えるようになります。

ステップ 4

今度はマスクをセットアップします。 最初の茶色の円とその中心を選択し、コピーして前に貼り付けます (Control-F)。 両方の複製レイヤーを塗りつぶしもストロークも持たないように設定します。そして、「オブジェクト」>「配置」>「最前面に移動」(Shift-Control-]) の順に選択して、それをすべてのレイヤーの最前面に移動します。

コピーした 2 つのレイヤーを選択したまま、オブジェクト > 複合パス > 作成 (Control-8) に移動し、アートボード上のすべてのオブジェクトを選択し、オブジェクト > クリッピング マスク > 作成 (Control-8) 7) に移動します。 最終結果は次のグラフで特徴付けられます。

結果グループに「Basic Donut」という名前を付けます。 これは他の種類のドーナツを作成するために使用されます。

3. チョコレート キャンディ ドーナツを作成します

ステップ 1

ペン ツール (P) または鉛筆ツール (N) をつかんで、次の画像を指す形状を描きます。 塗りつぶしの色としてダークブラウンを選択し、[効果] > [スタイライズ] > [内部グロー] に移動して、表示されている設定を適用します。

ステップ 2

チョコレートの図形の後ろにコピーして貼り付け (Control-B)、キーボードの下矢印キーを 3 回押して、3 ピクセル下に移動します。 既存の外観を維持し、描画モードをオーバーレイに設定すると、影が得られます。

ステップ 3

次に、以下に示すようにパスを描画し、7 ポイントの明るい茶色のストロークを与えます。 [効果] > [ぼかし] > [ガウスぼかし] に移動し、6 ピクセルの半径を適用し、パス ブレンド モードを [オーバーレイ] に設定します。

ステップ 4

輝きを追加するには、下の画像のような形状を描画し、以下に示す線形グラデーションで塗りつぶしてから、[効果] > [スタイライズ] > [ぼかし] に移動して、11 ピクセルの半径を適用します。

ステップ 5

ドーナツの下部の右側に新しい同様の図形を描画し、黒から白の線形グラデーションで塗りつぶし、グラデーション ツール (G) で角度を調整します。 シェイプを選択したままにして、再度 11px のぼかし半径を適用し、ブレンド モードをスクリーンに設定します。

ステップ 6

次に、ペン ツール (P) または鉛筆ツール (N) をつかんで、以下に示すようにチョコレート ドロップのような形状をいくつか描きます。 完了したら、以下に示す線形グラデーションで塗りつぶします。

ステップ 7

引き続きペン ツール (P) または鉛筆ツール (N) を使用して、前のステップで形成した図形の上にいくつかの小さな図形を描き、指定した色 (1) で着色します。 さらに輝きを加えるには、さらに図形を描画し、指定した色で塗りつぶします。 (2) この画像内に 2 つの図形を描画し、白で塗りつぶし、描画モードをオーバーレイに設定します (3)。 最終結果を図 4 に示します。

ステップ 8

キャンディ粒子散布ブラシを作成しましょう。 まず、以下のように図形を描き、中央のグレーで塗りつぶします。 ペンツール (N) を使用して、影として下部にランダムな形状を描き、塗りつぶし色として濃い灰色を描きます。 今回はライトグレーを使用して、ハイライトとして上に小さな図形を描きます。

次に、すべてを選択してブラシパネルにドラッグし、新しい散布ブラシを選択します。 [散布ブラシ オプション] ウィンドウで、他の設定は変更しないで、名前を入力し、カラー モードを明暗に変更します。

ステップ 9

ペンツール (N) を再度つかみ、チョコレート上にいくつかのランダムなパスを描き、前に保存したキャンディースプリンクル散布ブラシでストロークを追加します。 パスを選択し、[外観]パネルをダブルクリックして、[ブラシ ストローク オプション]の設定を適用して変更し、キャンディーの粒子を広げて小さくします。

カラーモードが明暗に設定されている場合、任意のパスストロークの色を選択して、さまざまな色のキャンディーパーティクルを作成できます。 私は緑、青、ピンクを選びます。

これらの設定は私が使用するものです - 完全にランダムです。

ステップ 10

ストローク パスを選択したまま、オブジェクト メニューに移動し、外観の展開を選択します。 次に、分離モードに切り替えて、キャンディーの不要な部分を削除します (キャンディー ビーズ グループの 1 つをダブルクリックします)。これで、最初のドーナツが完成します。

4. アイシングとチョコチップのドーナツを作成します

ステップ1

まず、「基本のドーナツ」を選択してコピーします。 楕円ツール (L) を使用して、168 x 168 ピクセルと 74 x 74 ピクセルの寸法で 2 つの円を描き、下の画像に示すように配置します。 円を選択した状態で、[オブジェクト] > [複合パス] > [作成] (Control-8) に移動し、結果の形状を指定した色で塗りつぶします。 これに「アイシング シェイプ」という名前を付けました

ステップ 2

アイシング レイヤーを選択し、[効果] > [歪みと変形] > [ラフ エッジ] に移動し、下の画像に示す設定を適用して、[OK] をクリックします。 次に、[エフェクト] > [スタイライズ] > [インナー グロー] に移動し、指定した設定でこのエフェクトを適用します。

ステップ 3

チョコレート キャンディ ドーナツからハイライト シェイプのコピーを 2 つ作成し、新しいドーナツの同じ位置に移動します。 黒から白への線形グラデーションを設定し、グラデーション ツール (G) を使用して角度を調整します。 ブレンド モードを [スクリーン] (黒いエッジを透明) に設定します。 次に、[効果] > [スタイル化] > [ぼかし] に移動し、5 ピクセルの半径を適用します。

ステップ 4

次に、ペンツール (N) をつかみ、スプレー散布ブラシを使用してドーナツ上にランダムなパスを描きます。 設定を変更するには、ストロークの色として茶色を選択し、[外観]パネルでブラシ ストロークをダブルクリックします。 今回は回転相対パスも設定します。

ステップ 5

ストローク パスが選択された状態で、[オブジェクト] メニューに移動し、[外観の展開] を選択します。

ここで、チョコレートチップの不要な部分を削除し、分離モードに入ります(このグループ内のチョコレートチップの1つをダブルクリックします)。 完了したら、新しいチョコレート グループを選択し、[効果] > [スタイライズ] > [ドロップ シャドウ] に移動して、以下の設定を適用します。 この時点で、チョコレートチップドーナツの完成です。

5. プレーンシュガードーナツを作成します

ステップ 1

基本的なドーナツグループとグレーズドチョコレートドーナツから 2 つの「ハイライトシェイプ」を選択し、コピーして描画ボ​​ードに貼り付けます (Control-V)。 2 つのハイライト形状を同じ外観のままにしますが、ぼかし半径を 5 ピクセルから 9 ピクセルに増加します。

ステップ 2

鉛筆ツール (N) をつかみ、ドーナツ上にランダムなパスを描き (前のパスを再度使用しました)、スプレー散布ブラシでストロークします。ただし、今回は色を白に設定します。 「外観」パネルから「ストローク オプション」ウィンドウを開き、非常に小さなドーナツのダスティングが得られるように設定を変更します。 金額はランダムに選択されます。

ステップ 3

ドーナツにさらにダスティングを追加するには、ストローク パスをコピーして上に貼り付け (Control-F)、表示される変形パネル メニューで [垂直方向に反転] を選択します。

ステップ 4

このステップでは、余分なドーナツのスプリンクルを取り除く必要がありますが、今回はあまりにも多すぎたので、代わりにマスクを使用することにしました。 ベースのドーナツ マスクとして以前に使用した複合パスのコピーを取得し、このシェイプがすべてのシェイプの前にあることを確認してから、[オブジェクト] > [配置] > [最前面に移動] (Shift-Control-] ) に移動します。 次に、2 つのストローク パスと複合パス (塗りつぶしなし、ストロークなし) を選択し、[オブジェクト] > [クリッピング マスク] > [作成] (Control-7) に移動します。

ステップ 5

レイヤーパネルで、作成した各マスクレイヤーを見つけて名前を付け、「Sugar」としてグループ化します。 このグループを開いて 2 つのストローク パスを選択し、[オブジェクト] > [外観の展開] に移動します。 ここで分離モードに移行し、使用するすべてのグループから 2 つのパスを削除してから、分離モードを終了します。 次に、[エフェクト] > [スタイライズ] > [ドロップ シャドウ] に移動し、2 つのグループに示されている設定を適用します。 これで白砂糖ドーナツの完成です。

6. ストロベリーフロストドーナツを作成します

ステップ 1

アイシングチョコレートチップドーナツから「基本ドーナツ」とアイシングと「2 つのハイライトシェイプ」を取り出し、それらをコピーして (Control-V) 描画ボードに貼り付けます。 アイシングの形状を選択したら、その塗りつぶしの色を明るいピンクに変更し、[Inner Glow] ウィンドウを開いて、この効果を使用して色を変更します。 2 つの「ハイライト シェイプ」では、ぼかし半径を 9 ピクセルに増やします。 他の部分も同じにしておきます。

ステップ 2

ペンツール (P) または鉛筆ツール (N) をつかみ、下の画像のように 2 つの波状のパスを描きます。 ストローク幅を 7pt に設定し、ストロークパネルで端を丸くするオプションを選択します。 「オブジェクト」メニューから「展開とグループ解除」(Shift-Control-G) を選択して、2 つのストロークされたパスを塗りつぶしに変換します。

ダイレクト選択ツール (A) を使用していくつかのアンカー ポイントを移動し、厚くて不均一な領域を作成します。これは、より適切で自然なためです。 十分なアンカー ポイントがない場合は、アンカー ポイントの追加ツール (+) を使用してアンカー ポイントを追加できます。 次に、青と緑のシェイプを選択し、[オブジェクト] > [複合パス] > [作成] (Control-8) に移動し、(3) に示す線形グラデーションで結果の複合パスを塗りつぶします。

ステップ 3

輝きを追加するには、波形に沿って細いパスをいくつか描き、白で塗りつぶします。

ステップ 4

影を追加するには、波形の後ろにコピーして貼り付け (Control-B)、塗りつぶしの色をピンクに変更し、キーボードの下矢印キーを 3 回押して 3 ピクセル下に移動します。 。

7. ドーナツ ドロップ シャドウを作成します

ステップ 1

まず、「ドーナツ」の下に新しいレイヤーを作成し、「シャドウ」という名前を付けます。 次に、「レイヤー」パネルで「基本ドーナツ」のマスクに使用した複合パスを見つけて、コピーして新しいレイヤーに貼り付けます (Control-V)。 塗りつぶしの色として茶色を選択し、[効果] > [スタイライズ] > [ドロップ シャドウ] に移動して、以下に示す設定を適用します。

ステップ 2

同じ設定を使用して、他の 3 つのドーナツに対して前の手順を繰り返します。この手順は完了です。

おめでとうございます! これで完了です。

今お腹は空いていますか?

「偉大なデザイナーでも無視できないデザイントレンド」

VR分野に参入するときに遭遇する困難を事前に知ってください!

「個人的な経験です!」デザイナーがVR分野に参入すると、どのような状況に遭遇するのでしょうか? (解決策付き)》

おそらく中国で VR について最も深く研究している Tencent のデザイナーです。

「テンセントのお役立ち情報!」デザイナーはVRデザインを3つの側面からどのように学べばよいのでしょうか? 》

VR デザインガイド:

》チュートリアルはこちらです! VRデザインガイド:基本概念とデザインツール》

【Ushu.comオリジナル記事投稿メール:2650232288@qq.com】

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。