基本的なDashboard widgetアイコンの描き方

Dashboard widget用 Photoshop tip

Top
QuakeInfoDash
SecretNotePadPlus
Secret NotePad
Console Lite
鉄道運行情報
ゆうパックTrack
12-Color Wheel
RevenuSense

はじめに

誰も教えてくれない、ということで基本的な黒いアイコンの作り方を書いておきます。作業はPhotoshopで行っていますが、作業環境によって違う点があると思いますので、ご自身の環境用に変換しながら読んでください。

では早速

まずカンバスサイズは横79x縦79pxですが、最初から79x79にするか、あとでするかは適当にやってください。

1) カンバスの中に75x75で黒の角丸半径10pxの四角を描きます。横はセンターに合わせて、縦は下に空きが必要なので上に1px空きを作る感じで詰めればいいと思います。	2) 先程作った黒四角のレイヤーをコマンドクリックして選択し、さらにその選択範囲を2px縮小します。
3) 次に新規レイヤーを作って、その範囲を新規レイヤー内に白で塗りつぶします。	4) 今度は円選択ツールでこのように選択します。まあ適当に。
5) その選択範囲を反転。	6) で、カットします。
7) そのレイヤーの不透明度を80%に下げます。	8) そのレイヤーにグラデーションオーバーレイをかけます。不透明度90%、比率150%で他はそのままです（あるいはお好みで）。そうするとこんな感じに。
9) 1)の黒四角のレイヤーにレイヤー効果からドロップシャドウをかけます。不透明度50%、角度90、距離2、スプレッド0、サイズ2。はい、できあがり。色を変えたり、上に何か乗せたり、グラデーションレイヤーと下の黒四角レイヤーの間に何か挟んだりしてもっと工夫すればオリジナルの完成です。