イラストレーターで晴れのち曇りのアイコンを作ります

アイコンを作りながら
イラレのいろんな機能を解説していく企画の第3弾です。

こういうアイコンを作っていきます。

 

最終的に作るアイコン

 

 

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

 

  • 自由変形ツール
  • パスファインダー(分割)
  • 移動ツール
  • アンカーポイントの切り替えツール

雪だるまを描画します

楕円形ツールで正円を2つ描いてください。

「整列パネル」で左右を均等に整列させて、「パスファインダー」で合体させます。

 

パスファインダーで合体

 

 

長方形ツールで、雪だるまの帽子の部分を描いていきます。

長方形ツールで「塗り:赤色」の図形を描画。

自由変形ツールを選んで、長方形の右上をクリックしながら、

ショートカットキー「Ctrl + Alt + Shift」(command + option + Shift)を押して左にドラッグします。

 

自由変形ツール長方形を自由変形ツールで整形

 

 

台形が作成されます。

バウンディングボックスを表示させて台形の大きさと角度を調整します。

 

自由変形ツールで台形を作る

 

 

楕円形ツールで目の部分を描画、

鉛筆ツールで口の部分を描画すると、雪だるまが作成されます。

 

雪だるまが完成

傘を描画します

楕円形ツールを選択します。

 

楕円形ツール

 

 

アートボードの上で1回クリックすると、

楕円形ツールのダイアログボックスが表示される。

  • 幅:240px
  • 高さ:180px

を設定してOKボタンをクリック。

 

楕円形の設定

 

 

「幅:240px」「高さ:180px」の楕円形が描画されます。

 

幅と高さを設定して楕円形を描画

 

 

さらにもう一度、アートボードの上でクリックして

楕円形ツールのダイアログボックスを表示させる。

  • 幅:80px
  • 高さ:50px

を設定してOKボタンをクリック。

 

楕円形の幅と高さを指定

 

 

作成した2つの楕円形を選択して、

もう一度、大きい方の楕円形をクリック。

(こうすることで、大きい方の楕円形を中心として整列させる事ができます)

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

 

図形を整列パネルで整列させる

 

 

垂直方向中央で、水平方向左に整列する。

 

整列後の図形

 

 

小さい方の楕円を選択した状態で、

選択ツールをダブルクリックすると、「移動ツール」のダイアログボックスが表示される。

 

  • 水平方向:80px
  • 垂直方向:0px

 

に設定して、「コピー」ボタンをクリックしてください。

 

移動ツールで位置を指定する

 

 

右に80px移動したオブジェクトがコピーされます。

 

位置を指定してオブジェクトをコピーする

 

 

ショートカットキー「Ctrl + Dキー」(command + Dキー)で直前の動作を再度実行できます。

 

同じ動作を繰り返す

 

 

すべてのオブジェクトを選択して、

パスファインダーの「分割」をクリックしてください。

これで、選択したすべてのオブジェクトが分解されます。

 

パスファインダーの分割でオブジェクトを分割する

 

 

グループ選択ツールに持ち替えてください。

 

グループ選択ツールに持ち替える

 

 

先ほど分解したオブジェクトの上の部分だけ選択して、

上にドラッグ&ドロップすると、分解した部品を移動させることができます。

他の部品はDeleteキーで削除しておいてください。

 

分割したオブジェクトを操作する


スポンサーリンク

傘の柄の部分を描画する

角丸長方形ツールを選択します。

 

角丸長方形ツール

 

 

縦長に描画して、「線パネル」で線幅を5pxに設定してください。

 

傘の柄の部分を作成

 

 

はさみツールを選択して、

下記の図のように2箇所を切断してください。

 

はさみツールで2箇所を切断

 

 

グループ選択ツールで、切断した上の部分を切り離してDeleteキーで削除してください。

残った下の部分の色は、

  • 塗り:なし
  • 線:黒

に設定しておく。

 

図形の塗りを無しにしておく

 

 

 

先ほど作成した図形と合わせて傘を完成させてください。

  • 傘の柄の部分は「重ね順」:最背面
  • 傘の部分は「塗り」:青

 

重ね順を調整して傘の図形を作成

 

 

楕円形ツールで縦長の楕円を描画します。

  • 塗り:水色
  • 線:なし

 

楕円形ツールで水玉を作成

 

 

アンカーポイントの切り換えツールを選択

 

アンカーポイントの切り換えツール

 

 

上のアンカーポイントをクリクして解放させると、

楕円の上が尖ります。

 

上のアンカーポイントを解放

 

 

Altキー(optionキー)を押しながらドラッグ&ドロップさせて

雨粒を複製させてください。

 

作成した雨粒をAltを押しながら複製

 

 

先ほど作成した雪だるまと並べて、

背景を作るとアイコンが完成します。

 

背景を作ってアイコン風にする

 

以上になります。


スポンサーリンク