Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

ベクトルの動物イラストに毛皮を追加する方法

by
Difficulty:IntermediateLength:LongLanguages:

Japanese (日本語) translation by poipoi (you can also view the original English article)

特にこれらの動物のベクトル図面フラットと古く見える傾向があります。 Photoshop に依存することがなく、豊富なテクスチャ部分に図面を有効にする、動物の毛皮を追加することができます。このチュートリアルは、中級から上級のアドビイラストレーター CS3 ユーザーを向けです。

最終的なイメージのプレビュー

下に向かって取り組んで最終的な設計です。

h

ステップ 1 - の色を設定します。

まず、私たちの特定の動物となるカラー パレットを設定したいことができます。あなたの動物は、ウサギは、クリームと白人場合があります、パンサーは黒人とブルースを必要があります。 色を設定するとき、Kuler は偉大なリソースです。4 ~ 6 さまざまな色合いと同じような色の濃淡を表現しようとしました。

このチュートリアルは、テディベアに取り組んでいるつもりだし、6 ブラウンズ既定イラストレーターのパレットが使用されます。 ミッドレンジの音の 2 つの基本のグラデーションを作成します。このグラデーションを保存するスウォッチ ライブラリの下部にある新規スウォッチ アイコンをクリックします。

setting up a color palette

ステップ 2 - あなたの動物を描く

我々 は動物で動作する必要があります。どちらかあなた自身を描くことができます、ファイルにこの映像を置き、リファレンス ガイドとして使用することとしてそれを使用したりできます。あなた自身の動物を描画する場合は、留意すべきいくつかの事があります。

  • いつでも可能は可能な最も単純な形を維持しようとします。シンプルな形状、簡単に毛皮を持っていることが正しい方向に横たわっていた。
  • あなたの動物の各部分を別のレイヤーに作成します。これは多くの簡単かつ迅速に作業を行います。 何千行もの数百を作成するので動作が遅く既に完了したレイヤーの可視性をオフしないかどうかはイラストレーターがあります。
  • あなたが行くよう、各部分にベースのグラデーションを適用できます。かどうか、グラデーションは放射状または線状はまだ心配しないでください。後で調整させていただきます。
  • 私はストライプとこの手法を用いた最初の試みのためのスポットを持つ動物に延期でしょう。不可能ではないが彼らは多くの作業が必要です。最初に基礎を得ることをお勧めします。

以下は私が始まる動物です。頭、目、足のパッドの残りのペンツール [円] ツールを使用してこのクマを描きました。私はそれ自身のレイヤー上にクマの部分の各部分を入れて確かめた。

ステップ 3 - 毛皮の概要を追加

動物の毛皮を追加するには、我々 は最初 (実際毛皮毛を作成する) に多くの短い線で構成されているカスタム ブラシを作成しています。 次に、動物の各セクションを取り上げ、複製して、テクニックを使用して、図形を行を作成します。その後、毛皮ブラシが適用されます。 最後に毛皮 i fied 図形の後我々 は、暖かく、ファジー、抱擁-licious 動物を作成するつもりです。最終的な設計は、毛皮を追加したら、クマを示しています。

h

ステップ 4 - 毛皮の行を作成します。

ライン ツール描画水平方向の直線を使用してください。側に引きまたはアートボードをどこかそれはされませんように。 行が非常に長くする必要はありません。100 px について行います。この皮膚の線と呼ぶことにします。それだけ使用されます一時的にガイドとして毛皮を描画します。

まだ [線] ツールを使用して、20 から 30 の小さい線皮膚線に垂直を描画します。選択した 5 色の非常に濃い線およびここにある非常に軽いラインで投げてから主に中間調を使用します。

約 5-10 度右と左の毛のいくつかを傾けます。皮膚線の上に少し行開始の数があるし、それの下のいくつか少し始めます。これはあなたの毛皮に深さを与えます。 ほとんど、ほとんどのラインが上下にまっすぐ右左と斜めの線のいずれもが (これはブラシを確立したら、私たちは毛皮に大きなギャップをされてからが維持されます) を超えて拡張することを確認します。 下の画像のように見える何かが必要です。

k

ステップ 5 - 毛皮ブラシの作成

それがスケールを言うところの注意してください。我々 はこれを後で調整する必要があるつもりです。 % 我々 はそれを変更は、どのような厚さにたいする毛皮とどのように大規模な私たちは毛皮だった我々 はもともとブラシ パレットにドラッグされたときに決定されます。今のところ 100% のまま。

角の髪の小さなパッチを削除できます。ただし、アクションであなたの毛皮ブラシを参照してください後までそれを維持することをお勧めします。 毛のレイアウト方法を調整する場合、その既存のパッチにそれを行うために簡単だし、全体新しいものを作るために。

長く長くの毛皮になりますあなたの垂直線を作る。問題がなければ、一度皮膚の線を削除できます。毛の全部のパッチを選択します。バウンディング ボックスを使用して、グループとしてそれらを縮小します。 毛の長さの合計は 50 px よりもないはずです。一度動物に応用していますが、それは開始する少し小さい場合に役立ちますを調整することができますので、サイズが正確な場合は問題ではないです。

まだ選択パッチの毛皮毛のグループ全体をブラシ パレットにドラッグします。ダイアログ ボックスが表示されます。新しいパターンのブラシを選択し、[ok] を押します。 次のダイアログ ボックスに色づけ法を濃淡と網掛けに変更します。これは我々 はそれを適用する線の色に変換私たちは毛皮を作る。

k

ステップ 6 - オブジェクトをコピーし、グラデーションを設定

テディベア (またはあなたの動物の体の最も基本的な図形) の頭を選択するをクリックします。それは毛皮の適用を開始する簡単な場所になりますので、くまの頭は単純な円です。他のレイヤーの時点で取り組んでいる 1 つを除いてすべてをロックすることをお勧めします。

選択した頭で行きなさい編集 > コピーの後に編集 > ペースト。我々 はそれをすぐに使用しない、2 番目の円を側にドラッグします。 図形 (1 つの場所にまだある) の最初のインスタンスでレイアウトする動物の毛皮をする方向をグラデーションの色の線の方向は、基本のグラデーションを調整します。 テディー ・ ベアの毛皮、頭の後ろに向けて鼻の領域からフロー。放射状グラデーションは、よくここで動作します。我々 は何も変更する必要はありませんので、私たちのグラデーションは放射状既にです。

setting up a color palette

ステップ 6 - オブジェクトを展開

同じオブジェクトをまだ選択したオブジェクトに移動 > 展開。グラデーション メッシュまたは特定の数のオブジェクトのオブジェクトを展開するかどうかを確認ダイアログ ボックス表示されます。 指定する] をクリックします。これは、それは少しトリッキー得ることができます、番号、し、適切な量を見つける数回にそれを元に戻す必要があります。

あなたが探しているものは、希望する毛皮の長さと同じ距離の間隔が線を与える番号です。私のクマの頭、この数は 45 です。 円はあまりにも緩間隔出て、編集に行く > オブジェクトをして元に戻す展開オブジェクト > 異なる番号を使用して展開します。

setting up a color palette

ステップ 7 - オブジェクトの展開を視覚的なガイド

以下対象拡大の理想的な間隔を達成するために簡単なガイドです。

setting up a color palette

ステップ 8 - 最初の毛皮ブラシを適用します。

うまく間隔を見つけたら毛皮のベースコートの適用を開始する準備が整いました。オブジェクトを選択した状態で、線の色を変更、半ば、パレットから暗い色に。 我々 は今、暗い色はあなたの毛皮に奥行きを追加する基本の毛皮を作っています。ブラシ パレットに移動し、以前に作成した毛皮ブラシをクリックします。うん!私たちは毛皮を持って!

setting up a color palette

ステップ 9 - ブラシをスケールするビジュアル ガイド

あなたの毛皮は大丈夫に見えますか。この時点であなたの毛のブラシのスケールを調整する必要があります。あなたの毛皮は不格好に見える、大きすぎるかもしれません。毛皮ブラシ ブラシ パレット] ダイアログ ボックスを開きますをダブルクリックします。 25% スケール ダウン ドロップしてください。クマ顔上の円のリングがあるように見える場合、あなたの毛が小さすぎる、25% によって規模を増額してください。

あなたの動物のための完璧な組み合わせを見つけるまでに遊ぶ。[Ok] を別のダイアログ ボックスがポップアップし、既存のストロークに適用ボタンをクリックします。

メモこと、クマに余分な深さを追加する場合は、追加できるドロップ シャドウこの基本毛皮オブジェクトに効果に行くことによって > スタイライズ > ドロップ シャドウ。私は、約 40% の不透明度と 3 ピクセルのぼかしをお勧めします。

setting up a color palette

Step 10 - Setting up the Blend

以前に作った頭のコピーをクリックします。塗りつぶしの色を削除し、あなたの暗いトーンに線の色を変更します。 今その円の中心に別の非常に小さな円を描くし、セットの最も明るいトーンに線の色を設定します。それはそれに適用される塗りつぶしの色がないかどうかを確認します。両方の円を選択したオブジェクトに移動 > ブレンド > ブレンド オプション.

ダイアログ ボックスが表示されます。指定された手順を選択します。つまり、イラストレーターが私たちの最初のオブジェクトを取るし、ステップ数を 2 番目のオブジェクトに変換します。 Again we are looking for the number that will produce lines that are about as far apart as the length of our fur. 15 is going to be about right for this head. Click OK.

何事も右ですか。我々 だけは、よくブレンド用のオプションを設定します。両方のオブジェクトを選択した状態でオブジェクトに戻る > ブレンド > とこの時間を選択します。 If your circles are too tight, or too loose, you can go to Object >Blend >Options and edit the number of specified steps. You should end up with something like the image below.

setting up a color palette

Step 11 - Adding and Positioning Highlight Layer

ブラシ パレットでクリックし、リングに毛皮ブラシを適用します。それは毛皮の他の層の上に直接座っている、この毛皮のレイヤーをドラッグします。 You can use the white arrow to adjust the position of the center circle. I moved mine so that it sitting almost directly behind the bears nose. Tada! Look how much more alive the little bear already looks!

setting up a color palette

ステップ 12 - 他の身体部分にこれらの手順を適用します。

今行くし、毛皮のようななりたいクマの各部分に同じ手順を適用する必要があります。

With the First Objects

  1. 図形をコピーして、側に 1 つのコピーを移動します。
  2. Apply a gradient in the direction you want the fur to lay. If you are stumped, try and think about the direction that you would pet the animal on that part of their body. Adjust the type and angle of the gradient to fit this.
  3. setting up a color palette
  4. オブジェクトを展開-しようし、離れてはあなたの毛の長さについてする行を取得します。大きな体の部分より高い番号を必要があります。小さな部分は、小さい数字を必要があります。耳は、彼らは非常に小さいために、12 個のオブジェクトを拡張する必要があります。
  5. setting up a color palette
  6. 線の色、毛皮の色パレットから暗いトーンの 1 つを作る。
  7. Apply the fur brush—your brush’s scale shouldn't need to be adjusted again.
  8. Go to Effects > Stylize > Drop Shadow to add extra depth.

With the Second Objects

  1. Remove fill and make the line the darkest tone you have.
  2. 強調表示された毛皮の場所に小さな円、線、またはオブジェクト内の単純な形を作る。塗りつぶしが設定されてないライター (いない場合は最も明るい色) の行であることを確認します。
  3. 両方のインライン図形を選択し、オブジェクトに移動 > ブレンド > を作る。
  4. オブジェクトに移動 > ブレンド > ブレンド オプション... と離れてはあなたの毛の長さの間隔が線になるまでブレンドを調整します。 いくつかの複雑な形状は、1 つ以上の毛皮をカバレッジを得るためにブレンドする必要があります。一部の図形は、単純な分割にカットする場合良い仕事します。 このクマの腕は、彼の構造のこれまでで最も複雑な形状です。正しく適用する毛皮を得るために私があっただけでなく、図形のコピーに分割小さいビットが、同様の毛皮の余分なレイヤーを追加します。
  5. setting up a color palette
  6. Apply the fur brush.
  7. Drag the object so it sits directly on top of the first object.
  8. 白の矢印を使用して、位置を調整する、サイズ、および内部の形状は、毛皮の積層方法で納得のいくまで形をブレンドします。

デザインにアクセントを加える手順 13-

場合は、彼らは毛皮に埋め込まれたように見えるもの (内部のようなクマの耳、彼のフィートのパッドと彼の目と鼻の部分。図形を選択し、毛皮ブラシを適用します。 線パレットの線のサイズを調整することによってそれを行うことができます長さと単一の線または図形の毛皮のサイズを調整する場合は、(例えば、目の周りすることができますはるかに薄い毛皮ライン)。

あなたの動物だけでなく、余分な装飾を追加できます。弓に描きましたが、キャンディの杖がされてもいいと思います。背景の任意の並べ替えに、クマを入れたり彼のスーパー抱擁能力に浴することができます。

h

結論

This technique doesn't have to stop at fur either. Fur is just the beginning. You can make custom brushes and apply them to expanded gradients for all sorts of things: grass on a hill, bricks on a house, chain-linked fences, leaves on a bush, wallpaper patterns, rugs and carpets… the possibilities are endless!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.