Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法
Photoshopを使って、ボタンなどの素材を作ってみても、なかなかしっくり来ない・・・という方も多いのではないでしょうか。
グラデーションのバランスや色味などを調節するだけで、見た目もかなり向上します。
Deziner Folioというブログで、Photoshop用のグラデーションファイルを無料配布されていたので、試してみました。。
まずは、↓から無料のグラデーションファイルをダウンロード。きれいなグラデーションが多数登録されています。。
ファイルをダウンロードすると、『web_20_gradients_v2.grd』という名前のファイルが開きます。
Photoshopを起動して、ツールボックスから、グラデーションツールを選択。すると、上のメニューにグラデーションのプルダウンが表示されるので、右側の矢印をクリックして、ダウンロードした、グラデーションファイルを読み込みます。
ファイルの読み込みが完了すると、グラデーションファイルのサムネイルが↓こんな感じで表示されます。これで、準備完了です。。
角丸長方形ツールなどを使って、ボタンの形を描きます。
描いたボタンのレイヤーをダブルクリックして、レイヤースタイルウインドウを開きます。グラデーションオーバーレイをクリックします。
さきほど、インストールしたお好きなグラデーションを選択して完成!
ボタンだけじゃなくて、サイトのヘッダー部分の画像に使ったり、アイコン素材に使ったり。。いろいろと使い道がありそうですね。。





![Web Designing (ウェブデザイニング) 2008年 07月号 [雑誌]](http://images-jp.amazon.com/images/P/B001APYMOY.09.TZZZZZZZ.jpg)






May 2nd, 2007 at 12:49 am
最後に「これ作りました。どーぞー」って配布かと思った。私の考えは甘かった・・・(笑)
May 2nd, 2007 at 5:22 am
links for 2007-05-01
Yahoo!ニュース - ITmedia Biz.ID - Googleパーソナライズドホームが「iGoogle」に (tags: Goog…
May 2nd, 2007 at 2:26 pm
emiさん
コメントありがとうございます。あ・・・そこまで考えが及びませんでした。。。でも、本当に簡単なので、ぜひお試しくださいね。