Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法
Photoshopを使って、ボタンなどの素材を作ってみても、なかなかしっくり来ない・・・という方も多いのではないでしょうか。
グラデーションのバランスや色味などを調節するだけで、見た目もかなり向上します。
Deziner Folioというブログで、Photoshop用のグラデーションファイルを無料配布されていたので、試してみました。。
まずは、↓から無料のグラデーションファイルをダウンロード。きれいなグラデーションが多数登録されています。。
ファイルをダウンロードすると、『web_20_gradients_v2.grd』という名前のファイルが開きます。
Photoshopを起動して、ツールボックスから、グラデーションツールを選択。すると、上のメニューにグラデーションのプルダウンが表示されるので、右側の矢印をクリックして、ダウンロードした、グラデーションファイルを読み込みます。
ファイルの読み込みが完了すると、グラデーションファイルのサムネイルが↓こんな感じで表示されます。これで、準備完了です。。
角丸長方形ツールなどを使って、ボタンの形を描きます。
描いたボタンのレイヤーをダブルクリックして、レイヤースタイルウインドウを開きます。グラデーションオーバーレイをクリックします。
さきほど、インストールしたお好きなグラデーションを選択して完成！
ボタンだけじゃなくて、サイトのヘッダー部分の画像に使ったり、アイコン素材に使ったり。。いろいろと使い道がありそうですね。。
|
|
|
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さん
コメントありがとうございます。あ・・・そこまで考えが及びませんでした。。。でも、本当に簡単なので、ぜひお試しくださいね。
August 31st, 2008 at 4:20 am
はじめまして!販促企画の流れでWEBサイトの制作もやっている者です。
元々営業畑でクリエイティブな仕事は大の苦手なので、色々ググッて
こちらにたどり着きました。
早速試してみたところ・・・・自前で一から作ったボタンとは
えらい違い!(笑)出来栄えに感激しました。ありがとうございます。
これからも色々教えてください!