鉛筆（新規作成）アイコンを作ってみよう

アイコン

このカリキュラムではAdobe Illustrator CCを使って、Twitter風のアイコンを制作していきます。ホームや通知、メッセージなどのアイコンを、角丸・中を塗った状態で仕上げていきます。今回は新規作成や編集など用途に使われる鉛筆マークのアイコンを作成していきたいと思います。

公開日：2019/10/02最終更新日：2019/10/02

1.ざっくりとした作り方

鉛筆の本体と先端用に長方形と正方形を作成します。

先端部分に使う正方形は対角線上の長さと長方形の短辺の長さを同一にするために回転を使って45度回転して合わせて、拡大縮小ツールや縦幅のサイズ変更を行っていきます。

次に2つの図形を統合していきます。

長方形の片側の短辺の両端のアンカーポイントと、先程回転した正方形の対角線上にあるアンカーポイントが合わさるように移動し、［パスファインダ］から［合体］を選択し、図形を統合させます（スマートガイドを使用すると調整しやすいです）

統合が完了したら、鉛筆のポジション（角度）を調整します。

先程の正方形を回転させて方法と同じ要領で鉛筆を選択し［オブジェクト］→［変形］→［回転...］を選択し角度を45度に設定します。

最後に角丸を少しかけ、シンプルな鉛筆アイコンの完成です。

ベタ塗りでもアウトラインでもどちらでも利用が可能です。

シンプルな物以外にも鉛筆らしい鉛筆も作成可能です。

TPOに合わせて是非作成してみてください。