イラストレーターで牛乳瓶の「アイコン」を作ります

アイコンを作りながら

イラレのいろんな機能を解説していく企画です。

 

最終的に、こういうアイコンを作ります。

 

牛乳アイコン

 

 

以下の説明を盛り込んでいきます。

 

  • パスファインダー
  • ペンツール
  • リフレクトツール
  • はさみツール

図形を描画します

これらの図形ツールを使って

牛乳瓶の元となるパーツを描画します。

 

図形を描画する

 

 

楕円形ツールと長方形ツールを使用して、

牛乳瓶の元となるパーツを作成。

 

作ったパーツをすべて選択して、

「整列」パネルで「水平方向中央に整列」をクリックして

左右対称にしておく。

 

整列パネルで、水平方向中央に整列

ペンツールで曲線を描く

ペンツールを選択

ペンツールに持ち換える

 

 

下記の図のように、ペンツールで曲線を描く。

 

ペンツールで曲線を描画する

 

 

「アンカーポイントの追加ツール」に持ち替える。

 

アンカーポイントを追加する

 

 

さきほど描いた曲線の中央あたりをクリックして

アンカーポイントを作成する。

 

曲線の中央にアンカーポイントを追加する

 

 

ダイレクト選択ツールを選択する

 

ダイレクト選択ツールを選択する

 

 

さきほど作ったアンカーポイントを右下にドラッグして

線を湾曲させる。

 

ダイレクト選択ツールでアンカーポイントを右下にドラッグ

 

 

再度、ペンツールに持ち替える

 

ペンツールに持ち換える

 

 

下記の図の順番通りにクリックして

ペンツールで完全パスを作る

 

ペンツールでパスを作る

 

 

スマートガイドをオンにしておくと、

図形の中心が分かるので便利です。

 

ペンツールでパスを作る

 

 

完全なパスが完成。

 

パスが作成された

リフレクトツールで反転コピーする

選択ツールを選んで、

さきほど作ったパスを選択します。

 

選択ツールに持ち替えて、パスを選択しておく

 

 

リフレクトツールに持ち替える

 

リフレクトツールを選択

 

 

Altキー(Macではoptionキー)を押しながら、

回転の起点になる場所をクリックする。

 

Altキーを押しながらリフレクトの支点をクリック

 

 

オブジェクトの左右の中心をクリックしたので

右側に反転します。

プレビューにチェックを入れているので、反転後のオブジェクトが表示されている。

ここでは「OK」ボタンではなく、「コピー」ボタンを押してください。

そうすることで回転前のオブジェクトを残しながら、回転後のオブジェクトは新しくコピーされる。

 

プレビューを確認してコピーボタン

 

 

左のオブジェクトが、回転して右側にコピーされました。

 

リフレクトの完成図

 

 

再度、選択ツールに持ち替えます。

 

選択ツールを選ぶ

 

 

作成したすべてのオブジェクトを選択してください。

Shiftキーを押しながらクリックすると複数選択できます。

 

すべて選択したら、パスファインダーの「合体」をクリックしてください。

 

オブジェクトを全部選択して、パスファインダーで合体

 

 

すべてのオブジェクトが結合されました。

 

合体したオブジェクト


スポンサーリンク

はさみツールを使う

楕円形ツールで

牛乳瓶の口の部分を描画する

 

牛乳瓶の口を作る

 

 

はさみツールに持ち替えてください。

 

はさみツールを選ぶ

 

 

切断する箇所をクリックします。

今回は下記の2カ所をクリック。

 

はさみツールで切れ目を入れる

 

 

 

選択ツールに持ち替えます。

 

選択ツールを選ぶ

 

 

選択ツールでドラッグすることで、

切断したオブジェクトを動かすことができます。

切断した部分はDeleteキーで削除してください。

 

ドラッグして切れ目を剥がす

 

 

 

牛乳瓶の口の部分が完成しました。

「MILK」の文字を入力しておきます。

 

完成図

色を塗る

作成したオブジェクトを選択してください。

 

オブジェクトを選択

 

 

塗りの色:白

線の色:赤

 

塗りを白、線を赤にする

 

 

牛乳瓶の口の部分と、文字も赤色にしてください。

 

牛乳瓶の口の部分の線と、文字も赤色にする

 

 

全てのオブジェクトを選択して、右クリックして「グループ化」する。

 

全選択して右クリック、グループ化

背景を作る

角丸長方形に持ち替える。

 

角丸長方形

 

 

さきほど作成したオブジェクトを覆うように描画してください。

その後、オブジェクトを右クリックして「重ね順」→「最背面」にする。

 

作成したオブジェクトを覆う、右クリックして最背面

 

 

背景の上下左右の余白が均等になるように、

整列パネルの「水平方向中央に整列」と「垂直方向中央に整列」をクリックする。

 

上下左右の幅を整えて完成

 

 

完成しました。

 

完成図

 

以上になります。


スポンサーリンク