Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法

Photoshopを使って、ボタンなどの素材を作ってみても、なかなかしっくり来ない・・・という方も多いのではないでしょうか。

グラデーションのバランスや色味などを調節するだけで、見た目もかなり向上します。

Deziner Folioというブログで、Photoshop用のグラデーションファイルを無料配布されていたので、試してみました。。

まずは、↓から無料のグラデーションファイルをダウンロード。きれいなグラデーションが多数登録されています。。



ファイルをダウンロードすると、『web_20_gradients_v2.grd』という名前のファイルが開きます。
Photoshopを起動して、ツールボックスから、グラデーションツールを選択。すると、上のメニューにグラデーションのプルダウンが表示されるので、右側の矢印をクリックして、ダウンロードした、グラデーションファイルを読み込みます。

gradient

ファイルの読み込みが完了すると、グラデーションファイルのサムネイルが↓こんな感じで表示されます。これで、準備完了です。。

gradient

角丸長方形ツールなどを使って、ボタンの形を描きます。

gradient

描いたボタンのレイヤーをダブルクリックして、レイヤースタイルウインドウを開きます。グラデーションオーバーレイをクリックします。

gradient

さきほど、インストールしたお好きなグラデーションを選択して完成!

gradient

ボタンだけじゃなくて、サイトのヘッダー部分の画像に使ったり、アイコン素材に使ったり。。いろいろと使い道がありそうですね。。

デザインblogランキング

コメント No Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



No Responses to “Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法”

  1. emi Says:

    最後に「これ作りました。どーぞー」って配布かと思った。私の考えは甘かった・・・(笑)

  2. showBOO's delicious BOOKMARK Says:

    links for 2007-05-01

    Yahoo!ニュース – ITmedia Biz.ID – Googleパーソナライズドホームが「iGoogle」に (tags: Goog…

  3. 管理人 Says:

    emiさん
    コメントありがとうございます。あ・・・そこまで考えが及びませんでした。。。でも、本当に簡単なので、ぜひお試しくださいね。

  4. Karla Says:

    はじめまして!販促企画の流れでWEBサイトの制作もやっている者です。
    元々営業畑でクリエイティブな仕事は大の苦手なので、色々ググッて
    こちらにたどり着きました。
    早速試してみたところ・・・・自前で一から作ったボタンとは
    えらい違い!(笑)出来栄えに感激しました。ありがとうございます。
    これからも色々教えてください!

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ