目次
4. アイシングとチョコチップのドーナツを作成します
5. プレーンシュガードーナツを作成します
6. ストロベリーフロストドーナツを作成します
7. ドーナツ ドロップ シャドウを作成します
「偉大なデザイナーでも無視できないデザイントレンド」
ホームページ ウェブフロントエンド htmlチュートリアル AIのチュートリアル! Scratch_html/css_WEB-ITnose から 4 つの美味しくて魅力的なドーナツを描く方法を教えます

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

Jun 24, 2016 am 11:15 AM

このチュートリアルでは、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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか?この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース(写真、CSS、JSなど)やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

この記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

See all articles