アイコンの作り方

f:id:keiwt:20141229214210p:plain

今回アイコンの作り方をご紹介します。

まず、前提条件として以下のサービスに加入していて、
Adobe illustrator CCが使える状態にあることが必要です。

クリエイティブ制作ツールとクラウドサービス | Adobe Creative Cloud

まず、Aiを起動します。

そして、Command+Nで新規aiファイルを作成します。

f:id:keiwt:20141207182631p:plain

次に150px 150pxの円を作成します。

f:id:keiwt:20141207183515p:plain

f:id:keiwt:20141207183708p:plain

f:id:keiwt:20141207184539p:plain

f:id:keiwt:20141207184813p:plain

整列します。

100px 80pxの楕円を作成します。

20pxの三角形を作成します。

ダイレクト選択ツールで頂点の半径を7pxにして、丸くします。

PathfinderでUniteします。

20pxで四角形を作成します。

Rotateで45°回転します。

Alignで整列させます。

円の内側2pxぐらいのところに配置します。

ひし型をコピーして、上の頂点を-15px移動します。

最後にネクタイの下の頂点を-2px移動します。

細かい調整は頂点を移動して行います。

最後にPathfinderのUniteします。

aiファイルから画像を作成する。

Save for WebでPNG24を選択します。

Saveをクリックします。

nekotai.pngができています。

画像を作成する際にサイズを変更すると画像が荒くなってしまいます。

そんなときにはPhotoshop CCを使用します。