AIのチュートリアル！興味深い小さなソーセージの作成方法をステップバイステップで教えます。 text Effects_html/css_WEB-ITnose

@ニックネーム 左側のアバターを参照: 今日は、この詳細な AI 初心者向けチュートリアルで、ソーセージ パターン ブラシの作成方法とフォント効果の描画方法を学びます。この記事には多くの実践的なスキルが含まれており、辛抱強く読むことで多くのことを学ぶことができます。

最終効果:

1. 新しいドキュメントを作成し、グリッドを設定します。

カラー モード: RGB。効果: スクリーン (72ppi)。

表示>リアルなグリッド表示>整列グリッド。

[編集]>[環境設定]>[ガ​​イドラインとグリッド]>[グリッド線の間隔]: 5 ピクセル; 2 番目の区切り線: 1。

ウィンドウを開く> 情報: オブジェクトの座標とサイズを観察します。

2. メイングラフィックを作成します

ステップ 1

長方形ツールを使用して 20x50 ピクセルを描画し、色で塗りつぶします: R=57 G=181 B= 74 長方形。

効果の追加 > 角丸化 > 半径: 10 ピクセル。

ステップ 2

緑色の四角形を選択し、オブジェクトの追加 > 外観を展開します。

四角形をコピーし (Control-C>Control-F)、コピーの色を R=180 G=43 B=0 に変更します。

ステップ 3

長方形ツールを使用して 5*30 ピクセルの長方形を描画し、R=223 G=88 B=30 で塗りつぶします。

エフェクトの追加 > スタイル化 > 丸みを帯びた角 > 半径: 2.5 ピクセル、外観を拡張します。

図の位置に長方形を移動します。

ステップ 4

ブレンディング ツールをダブルクリックし、間隔: 指定されたステップ: 10 を設定します。

茶色とオレンジの 2 つの長方形を選択し、[オブジェクト] > [ブレンド] > [作成] を追加します。

効果は写真の通りです。

ステップ 5

グリッドへの位置合わせを解除し、編集 > 環境設定 > 一般 > キーボードの増分: 1px を設定します。

レイヤーパネルを開き、レイヤーを展開し、緑色の四角形を選択してコピーを 2 つ作成します (Control-C>Control-F>Control-F)。緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して 1 ピクセル上に移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 30%、描画モードをソフト ライトに変更します。

ステップ 6

緑色の四角形を再度選択し、コピーを 2 つ作成します (Control-C>Control-F>Control-F)。

緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して 3 ピクセル上に移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 20%、描画モードをソフト ライトに変更します。

ステップ 7

緑色の四角形を再度選択し、コピーを 2 つ作成します (Control-C>Control-F>Control-F)。

緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して 5 ピクセル上に移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 10%、描画モードをソフト ライトに変更します。

ステップ 8

グリッドへのスナップをオンにします。

作成したばかりの 3 つの黒いシェイプを選択し、[オブジェクト] > [変換] > [対称] > [水平] に移動し、[コピー] ボタンをクリックして水平対称のコピーを完了します。

コピーしたグラフィックを図の位置に移動します。

ステップ 9

緑色の四角形を再度選択し、コピーを 2 つ作成します (Control-C>Control-F>Control-F)。

緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して右に 1 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を白 (R=225 G=225 B=225)、透明度を 30%、描画モードをソフト ライトに変更します。

ステップ 10

グリッドの位置合わせを解除します。緑色の四角形を再度選択し、コピーを 2 つ作成します (Control-C > Control-F > Control-F)。

緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して左に 4 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 20%、描画モードをソフト ライトに変更します。

ステップ 11

緑色の四角形を再度選択し、コピーを 2 つ作成します (Control-C>Control-F>Control-F)。

緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して左に 2 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を白 (R=225 G=225 B=225)、透明度を 50%、描画モードをソフト ライトに変更します。

ステップ 12

緑色の四角形を再度選択し、コピーを 2 つ作成します (Control-C>Control-F>Control-F)。

緑色の長方形の一番上のコピーを選択し、キーボードの矢印キーを使用して左に 3 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 40%、描画モードをソフト ライトに変更します。

ステップ 13

グリッドへのスナップをオンにします。 「編集」>「環境設定」>「ガイドとグリッド」>「グリッド線の間隔」: 1px。

長方形ツールを使用して 3x26 ピクセルの白い形状を描画し、図に示す位置に移動します。

効果の追加 > 角丸化 > 半径: 1.5 ピクセル。

オブジェクト>拡張された外観。

外観パネルで、透明度: 30%、描画モード: ソフトライトを設定します。

ステップ 14

楕円ツールを使用して 2 つの 6x4 ピクセルの黒い図形を描画し、図の位置に移動します。

外観パネルで、2 つのグラフィックの透明度を 20%、ブレンド モードをソフト ライトに設定します。

3. ソーセージの両端を作成します

ステップ 1

長方形ツールを使用して 10*5px、色: R=41 G を描画します=171 B=226 の長方形。

ダイレクト選択ツールを使用して、長方形の左下隅の端点を選択し、右に 5 ピクセル移動して、右の端点を削除します。

ステップ 2

三角形を選択し、効果>変形>押し出しを追加し、図に示すようにパラメータを設定します。

次に、Effect>Transform>Upper Arcを追加し、図のようにパラメータを設定します。

オブジェクトの追加> 外観を展開します。

ステップ 3

グリッドへの位置合わせを解除します。

青い図形のコピーを 2 つコピーします (Control-C>Control-F>Control-f)。

上のグラフィックを選択し、左に 1 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 50%、描画モードをソフト ライトに変更します。

ステップ 4

青い図形を選択し、2 つのコピーを作成します (Control-C>Control-F>Control-f)。

上のグラフィックを選択し、左に 2 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を白 (R=225 G=225 B=225)、透明度を 50%、描画モードをソフト ライトに変更します。

ステップ 5

青い図形を選択し、2 つのコピーを作成します (Control-C>Control-F>Control-f)。

上のグラフィックを選択し、右に 1 ピクセル移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 30%、描画モードをソフト ライトに変更します。

ステップ 6

青い図形を選択し、2 つのコピーを作成します (Control-C>Control-F>Control-f)。

上のグラフィックを選択し、1px 上に移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を黒 (R=0 G=0 B=0)、透明度を 30%、描画モードをソフト ライトに変更します。

ステップ 7

青色のグラフィックを選択し、色を変更します: R=180 G=43 B=0。

ステップ 8

グリッドへのスナップをオンにします。

楕円ツールを使用して 6x2 ピクセルの青い形状を描画し、図の位置に移動します。

コピーを 2 つ作成します (Control-C>Control-F>Control-f)。

下のコピーを選択し、1 ピクセル下に移動します。

両方のレイヤーのコピーを再度選択し、パスファインダー (ウィンドウ > パスファインダー) を開き、[マイナス フロント] をクリックします。

最終的な形をその上に置きます。

外観パネルで、色を白 (R=225 G=225 B=225)、透明度を 50%、描画モードをソフト ライトに変更します。

ステップ 9

青色のグラフィックを選択し、色を黒に変更し、描画モードをソフトライトに変更します。

ステップ 10

図に示すようにすべての図形を選択し、オブジェクト > 変換 > 対称 > 水平を追加します。 「コピー」をクリックして、水平対称コピーを完了します。新しい図形を図の位置に移動します。

4. ソーセージ ブラシを作成します

ステップ 1

前の混合シェイプを選択し、オブジェクトを追加 > 展開します。

ステップ 2

[編集] > [環境設定] > [ガイドとグリッド] > [グリッド線間隔] を 5px に設定します。

色 R=0 G=104 B=55 で新しい 30x20 ピクセルの長方形を作成し、図の位置に移動します。

図に示すようにすべての図形を選択し、コピーを作成し (Control-C>Control-F)、コピーを図に示す位置にドラッグします。

ステップ 3

最初に左側の形状を処理します。

シェイプ ビルダー ツールを選択し、Shift キーを押しながら、左側の緑色の領域で選択範囲をドラッグします。エッジに触れないように注意してください。

緑色の四角形を選択して削除します。

ステップ 4

図のように図形を選択し、グループを解除します (Shift-Control-G)。

次に、上部を選択してグループ化 (Control-G) します。

下の部分も選択し、グループ化 (Control-G) します。

ステップ 5

次に、右側の形状に取り組みます。

シェイプビルダーツールを選択し、同様の方法で両端の部分を削除します。

ステップ 6

右側の緑色の四角形を削除すると、最終的な効果は次のようになります。

残りの図形を選択し、グループ化 (Control-G) します。

図の位置に移動します。

ステップ 7

次に、すべての図形を選択し、オブジェクト > 変形 > 回転に移動します。回転角度を -90 度に設定します。

ステップ 8

これで、ソーセージのグラフィックには、左、中央、右の 3 つの部分があります。

左側の部分を選択し、カラー パレット ([ウィンドウ] > [カラー見本]) にドラッグして、パターンとして保存します。

新しいパターンをダブルクリックし、名前を「startTile」に変更して、[キャンセル] をクリックします。

ステップ 9

同じ方法を使用して、右側の部分をカラー パレットにドラッグし、「endTile」という名前で保存します。

ステップ 10

中央部分を選択し、ブラシ パネルの下にある [新しいブラシ] をクリックし、パターン ブラシを選択して、ブラシ設定オプションを開きます。

新しいブラシの名前を「Wiener Brush」に変更し、図のように設定します。

始点タイルに「startTile」を、終点タイルに「endTile」を追加します。

ブラシの設定を完了します。

5. ソーセージ テキストを作成します

ステップ 1

グリッドを非表示にし、ネットワークの位置合わせを解除します。

テキスト ツールを選択し、カスタマイズ可能なテキストを追加します:

• カラー: R=178 G=178 B=178

• フォント：フリースタイルスクリプト

• サイズ：200pt

レイヤーパネルに移動し、テキストレイヤーをロックします。

テキストを参照し、図に示すように、ペン ツールを使用して滑らかなテキスト パスを描画します (ペンはストロークするだけで、色は塗りつぶされないことに注意してください)。

ステップ 2

テキストレイヤーを削除します。

テキスト パスを選択し、ストロークを新しい「ウィナー ブラシ」ブラシに変更します。

「エフェクトを追加」>「ドロップシャドウ」を選択します。パラメータの設定は図の通りです。

同じ方法に従って、さらに 4 つのドロップ シャドウ効果を追加します。

ステップ 3

グリッドを表示し、グリッドにスナップをオンにして、グリッド線の間隔を 1px にリセットします。

楕円ツールを使用して、半径 1px、2px、3px の円を描きます。色は黒で、図の位置に移動します。

3 つの円を選択し、ショートカット キー Control-8 を使用してパスを一致させます。

透明度を 40% に変更し、描画モードをソフト ライトに変更します。

ステップ 4

上記のグラフィックをさらに数部コピーし、示されている場所に配布します。

ステップ 5

楕円ツールを使用して、半径 1px、2px、3px の円を描きます。色は白で、図の位置に移動します。

3 つの円を選択し、ショートカット キー Control-8 を使用してパスを一致させます。

透明度を 40% に変更し、描画モードをソフト ライトに変更します。

ステップ 6

上記のグラフィックをさらに数部コピーし、示されている場所に配布します。

6. マスタードを加えます

ステップ 1

最後に、マスタードを加えてみます。マスタードのチュートリアルは、http://design.tutsplus.com で参照できます (元のチュートリアルは英語です。気に入っていただければ、将来機会があれば翻訳します)。

ステップ 2

マスタードボトルを加えます。マスタードボトルの作り方は上のチュートリアルにもあります。

最終効果:

「1 月のプレミアム AI チュートリアル集」

猿 Sai Lei の絵チュートリアル：「AIチュートリアル！」春節祭のマスコット「康康」を 15 分で描く (ブール演算の例)」

張敬英さんのポスターの簡易版: 「AI チュートリアル!超クールなジェーン・チャンのコンサートポスターの作り方をステップバイステップで教えます (シンプルバージョン)"

漫画のフクロウのチュートリアル: "AI チュートリアル!カラフルな漫画のフクロウを描く方法をステップバイステップで教えます (ソース ファイルは添付されています)。

元のアドレス: design.tutsplus

[Ushe. comオリジナル記事投稿メール：2650232288@qq.com】