7日間イラストレーター超速マスター!使い方と裏ワザを暴露

アドビイラストレーターの使い方を1週間でマスター!他では教えていない裏ワザもあります

illustrator 便利なテクニック illustrator 図形の描き方

illustratorで簡単なアバターを作ってみよう1 輪郭編

投稿日:2011年3月20日 更新日:

 

簡単な図形を応用して、オリジナルキャラや自分のアバターを作ってみよう!という企画です。

 

ここでは、シンプルなアフロキャラの作り方を説明します。

 

アバター作製方法1

スポンサーリンク

完成系はこんなアフロキャラです。
イメージ画像

1回目は、輪郭までを作ってみましょう。

①どこのパーツから作ってもいいのですが、
まずは最背面に位置するアフロヘアーから作ってみます。

②楕円形ツールで円を描きます。
ガイドにカーソルを合わせて、optionキーを押しながら円を描くと
中心がずれずに円が掛けます。

③円を全選択しておいて、画面上部メニューから
「オブジェクト」→「パス」→「アンカーポイントの追加」を実行します。
(※4回くらい繰り返して、円にポイントをいくつか追加しておきます。)

④円にある程度アンカーポイントが追加されたら、
画面上部メニュー「フィルタ」→「パスの変形」→「パンク・膨張」を実行し
数値を設定してアフロヘアーを作ります。(例では5%で設定。)

イメージ画像


④輪郭を作ります。ちなみに、塗りの色はカラーパレットの中から
自分の好きな色を選んでみてください。例では、C=47 M=73 Y=83 K=68です。

 

⑤先ほど同様にガイドに角丸長方形ツールのカーソルを合わせて
optionキーを押しながら角丸長方形を描くと、中心からずれません。
またoptionキーと合わせてshitキーも同時に押しながら描くと
角丸正方形になります。

⑥輪郭のアゴの部分を削りたいので、ダイレクト選択ツールで
四つ角の下半分ずつを部分的に選択します。

左下アゴを選択してキーボードの▶を数回押すと、
選択したポイントが中心側に移動していきます。

同様に右アゴも◀で中心側にアゴを削っていきます。(左側と同じ数だけ◀を押す)

イメージ画像


⑦次に耳を楕円形ツールで作っておきます。
そして、耳は「回転ツール」で輪郭に沿うように、やや傾けます。

耳ができたら反対側にリフレクトツールで反転コピーします。

イメージ画像

⑧次に顔と耳を結合します。 顔と耳を全選択しておいて
パスファインダの「形状エリアに追加」をoptionキーを押しながらクリックします。

イメージ画像

以上が輪郭までの作製手順になります。
<ワンポイントアドバイス>
ガイドを引いておくと、左右対称のイラストを作る時は非常に便利です。
そして、反転する時はリフレクトツールを使います。
リフレクトツールも非常によくつかうツールなので慣れておきましょう。
また、パスファインダを使うときは optionキーを押しながら
パスファインダのボタンをクリックすると、「拡張」も同時に行えるので便利です。
optionキーを押さずにパスファインダを実行すると、「拡張」ボタンを
押す必要があります。

⇒つづいてパーツ作製編はこちら

 

PR

PR

-illustrator 便利なテクニック, illustrator 図形の描き方

執筆者:

関連記事

色だけ(or 線だけ)をスポイトで抽出したい

  作ったオブジェクトの中から色だけ抽出したい時ってありますよね。 周りの枠線は抽出したくない!っていうときです。 今回はスポイトを使った便利な抽出方法をご紹介します。   イラレ …

イラストレーターCCでTypekitからフォントを追加する方法

  イラストレーターCCでは、無償でTypekitからフォントを追加することがきます。 数は、多くありませんが、使いたいフォントがあるかもしれないので、チェックしてみてください。 &nbsp …

イラストレーターのパス上文字ツールを使って、図形上に文字を書く方法

イラストレーターでは、図形の形など好きな形に文字を配置することができます。 おしゃれに文字を配置できるので、ぜひ覚えておきましょう。 イラストレーターのパス上文字ツールを使って、図形上に文字を書く方法

イラストレーターで文字やイラストに影をつける方法

イラストレーターでも文字やイラストに影をつけることができます。 簡単なので、ぜひ覚えておきましょう。 イラストレーターで文字やイラストに影をつける方法

【直線ツールで地図も描ける】イラストレーターで簡単に線路を引く方法

チラシやホームページに地図を作成することがでてくるかもしれません。 そんなとき、イラストレーターの直線ツールを使いながら 超簡単に初心者さんでも線路を引く方法をご紹介します。   直線ツール …