LINEで送る
Pocket

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

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

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

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

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

gradient

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

gradient

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

gradient

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

gradient

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

gradient

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

Similar Posts:

LINEで送る
Pocket


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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です