【Illustrator】ラスター画像を使ってスマートフォンアプリ風アイコンを作る（A）

【Illustrator】ラスター画像を使ってスマートフォンアプリ風アイコンを作る（A） | Blue-Scre{7}n․net | よそいちのDTPメモ

トップページ » Illustrator » 【Illustrator】ラスター画像を使ってスマートフォンアプリ風アイコンを作る（A）

公開日：2012年11月6日　最終更新日：2017年7月17日

　まず、512px×512pxの画像を用意します。（正方形であればピクセル数は任意で）

①写真を配置して、コントロールパネルの「マスク」をクリックします。

②クリッピングパスになっているオブジェクトを選択し、「効果→スタイライズ→角を丸くする」で任意の数値を入力。アイコンを角丸にしない場合は、この工程はスキップします。

③「アピアランス」パネルで、オブジェクトが「グループ」と表示されている状態から、効果を重ねていきます。

　まず、「ドロップシャドウ」で影をつけます。数値はお好みで。

④光沢とする塗りを作ります。「アピアランス」パレットの「新規塗りを追加」を選択します。

　④-1　この状態では、塗りが属性として存在しているだけで、見た目には出てきません。そこで、「新規効果を追加」から「形状に変換→角丸長方形（②の工程をスキップしている場合は長方形）」を選択します。すると、「塗り」属性に設定している色が現れます。

④-2　角丸を、アイコンの光沢になるように設定します。「新規効果を追加」「ワープ→下弦」、「パスの変形→変形」を使います。また、4.1で作成した角丸のサイズ調整、グラデーションの調整も行ないます。

　これで出来上がりです。リンクされている画像を変更すれば、お気に入りの画像をアプリアイコン風にできます。

更新履歴