TAKOYAKING’s blog 一覧

TAKOYAKING’s blog

たこ焼き系

Photoshopでアプリアイコンにサンバーストを入れて、集中線効果を出してみた!

アプリアイコンの参考になるアプリを探しているとサンバーストを入れてるアプリアイコンがあったので自分のアプリにもPhotoshopでサンバーストを入れてみました。
(サンバーストととは集中線のように太陽型線になっている線のことです。)
参考アプリ
City 2048 - Google Play の Android アプリ

完成品
Digital Puppet - 頭脳派パズルゲーム - Google Play の Android アプリ

f:id:TAKOYAKING:20160118163232p:plain


作り方

作業の流れ

  1. Photoshopファイル作成
  2. グラデーション(Gradiant Tool)
  3. フィルターの波形(Filter Wave)
  4. フィルター極座標(Filter Polar Coordinates)

です。

作成
1 Photoshopファイル作成(Gradiant Tool)f:id:TAKOYAKING:20160118180302p:plain
今回はFile(ファイル) -> New(新規作成)から
Width(幅) 1024
Height(高さ) 1024
Resolution(解像度) 200
で作成してみました。


2 グラデーション(Gradiant Tool)

グラデーションツールを選択します。
f:id:TAKOYAKING:20160118180427p:plain

ココを選択して、グラデーションの設定をします。
f:id:TAKOYAKING:20160118180454p:plain

グラデーションは透明になるように設定します。
f:id:TAKOYAKING:20160118180551p:plain

その設定のまま、キャンバスに上から下に垂直にドラッグして、グラデーションをかけます。
(シフトキーを押せば垂直になります。)
このような感じになります。
f:id:TAKOYAKING:20160118180825p:plain


3 フィルターの波形(Filter Wave)

上部のタブからFilter(フィルター) -> Distort(変形) -> Wave(波形)を選択します。
f:id:TAKOYAKING:20160118181058p:plain

Wave(波形)の設定を画像の通りに設定します。
Wavelength(波長)で一つの波の幅を調節できます。
今回はmin 110 max 111に設定しました。
f:id:TAKOYAKING:20160118181217p:plain

このように仕上がると思います。
f:id:TAKOYAKING:20160118181412p:plain


3 フィルター極座標(Filter Polar Coordinates)

上部のタブからFilter(フィルター) -> Distort(変形) -> Polar Coordinates(極座標)を選択します。
f:id:TAKOYAKING:20160118185955p:plain

OKを押して完了させましょう。
f:id:TAKOYAKING:20160118190040p:plain

仕上がり具合はこちら。
f:id:TAKOYAKING:20160118190144p:plain

コレを自分のアプリアイコンに適用した結果がこちら

Before
f:id:TAKOYAKING:20160118190341p:plain

After
f:id:TAKOYAKING:20160118163232p:plain


集中線効果が出てて少しはアイコンにデーンみたいな雰囲気が出てるような気がします!

以上

Goodbye baseball!