ホームページやブログ、ショッピングサイトなどで使われているボタン。

ユーザーに分かりやすく直感的にクリックしてもらうためには、ボタンのデザインにも気を配りたいところです。

今回はそんなボタンデザインの中でも、フォトショップで加工、編集することができるPSDファイルを42個まとめた「Ultimate Collections of Free Buttons in PSD Formats」をご紹介します。

 

紹介しているファイルはすべて無料でダウンロードすることが可能となっているのですが、「これが無料？」と思うほど高品質なデザインが揃っています。

オリジナルでデザインすることもできますが、これらのファイルを使うことでデザイン制作の時間を大幅に短縮することができとても便利ですよ。

 

それぞれのボタンは細かくレイヤーに分けてデザインされているので、色の変更なども簡単に行うことができます。

またステッカー感覚でデザインに加えることができるのもメリットのひとつではないでしょうか。

 

 

詳細は以下から。

 

 

Photoshopで編集可能なボタンデザインのPSDファイルまとめ

---

 

5 Black Buttons

光沢感のある5種類の黒いボタンをデザインしたPSDファイル。

お好みのテキストに変更したら簡単にオリジナルボタンをデザインすることができます。

 

 

Free Button Pack

家電製品などで使われていそうな高品質なボタンをデザインしたファイルのひとつ。

収録されているボタンの色も白、青、緑の3色が用意されているのでお好みで選ぶことができそうです。

 

 

Glossy Button

ツルツルとした質感の丸っこいデザインが印象的なボタンのひとつ。

apple製品を中心によく使われているボタンですし、持っておくと便利かもしれません。

 

 

Buttons PSD

5種類のカラフルな立体的なボタンをデザインしたPSDファイル。

ダーク系ウェブサイトとの相性のほうが良いかもしれませんね。

 

 

Button Docks

上記のボタンをベースにデザインされた、各種インターネットサービスロゴのアイコンセット。

こちらは.pngファイルとなります。

 

 

Glassy Button

ツルツルとした質感が本物そっくりなボタンアイコン。

ユーザーに注目して欲しいところにレイアウトすると効果がありそうです。

 

 

Color Diamonds

ダイアモンドのような立体的なアイコンを一緒にデザインしたボタンファイル。

カラーリングも豊富で、光沢のあるデザインが印象的ですね。

 

 

Generic Pair

キラキラに光るライティングエフェクトがまぶしいボタンデザイン。

あまり他にはないユニークなデザインなので、ユーザーの目にも留まりやすそうです。

 

 

Button Badges

ボタンの代わりに缶バッジをデザインに使ってみるのはいかがですか。

7種類のデザインのほかに、オリジナルを作ることができるテンプレートも同時に収録しています。

 

 

Free Vista Buttons Pack

縦型ドロップダウンメニューに使えそうなアイコンも一緒にデザインされたボタンファイル。

落ち着いた色の全8色のボタンがまとめられています。

 

 

Skull Buttons

黒を基調としたボタンにユニークなドクロマークがデザインされています。

ボタンの形も豊富に揃っているので、オリジナリティを出したい方にオススメです。

 

 

Stylish 3D Buttons

やさしい印象を与えてくれる丸みのあるボタンデザインのひとつ。

黒を中心として、カーボン柄など珍しいボタンも一緒に揃っていますよ。

 

 

Magic Blue Button

ステンレスの縁を使ったツルツルとした丸型ボタンデザイン。

グラデーションもとてもきれいで、影などもうまくデザインされています。

 

 

iPhone Style Buttons

どこかで見たことのあるボタンデザインではないでしょうか。

iPhoenで使われているアイコンをモチーフにデザインされたボタンだそうです。

色もカラフルでいろいろな用途に応用することができそうです。

 

 

Glossy Buttons

ポップな印象のボタンをお探しの方にオススメしたボタンがこちらです。

デザインされているワンポイントも自由に変更することができますよ。

 

 

2 Buttons

2種類のボタンが用意されているのですが、ボタンをクリックしたときの光の当たり具合が個人的に好みのボタンデザイン。

スタイリッシュで未来的なウェブデザインとの相性がよさそうです。

 

 

Glossy Icon Template Part1

こちらのボタンの特長はなんと言っても美しいグラデーションではないでしょうか。

個人的にいつか使いたいボタンのひとつです。

 

 

PSD Glossy Buttons

このファイルだけで21種類のカラフルなボタンデザインが収録されたボタンセット。

もちろんテキストを変更すれば、自分だけのボタンが簡単にデザインできてしまいます。

 

 

Dark and Glossy Web Button 2

メニューボタンなどに使うことを前提にデザインされたボタンセット。

フーバー時とクリック時、通常時の微妙なグラデーションの変化をたのしむことができます。

 

 

Windows 7 Buttons

タイトル通り、Windows7で使われているボタンデザインを忠実に再現したボタンセット。

透明感のあるボタンをお探しの方にもオススメしたボタンのひとつです。

 

 

Stylish 3D Buttons V2

キャンディーのようなツルツルとしたポップなボタンをセットにしています。

丸みを持ったやさしい印象のボタンなので、どんなデザインにうまく合わせることができそうです。

 

 

10 Buttons

さまざまなスタイルのデザインを10種類まとめてセットにしたお得なボタンセット。

質感の高いデザインが多く、あまり他でも見かけないデザインではないでしょうか。

 

 

Brown & Blue

エレガントなデザインをお考えの方はこちらのボタンはいかがでしょう。

シャンパンゴールドのようなグラデーションを使って仕上げたボタンセットです。

 

 

Buttons

宝石のようなカラフルな色合いがポイントの丸型ボタンセット。

収録されているカラーも全部で9種類と豊富で、女性向けホームページ、ブログなどで使ってみてもよさそうです。

 

 

Slick and Clean Button

企業用ホームページなどで使われていそうな質感の高いボタンセット。

ボタンをフォトショップでデザインするチュートリアルも一緒に掲載されており、レイヤースタイルを使って色違いのアイコンをデザインすることもできます。

もちろんサンプル用PSDファイルもダウンロード可能となっています。

 

 

Glossy Twitter Button

光沢間のある丸っこいデザインのアイコンに型押し風twitterロゴを使って仕上げています。

お好みのロゴに変更することも簡単にできますよ。

 

 

Color Walk

七色の虹色を使ってデザインされたボタンが揃った質感の高いボタンセット。

色の種類が豊富なので、色々なホームページで応用することができそうですね。

 

 

Industrial Style Buttons

工事現場を連想させるような黒と黄色のストライプを使ったPSDファイル。

メニューボタン用にデザインされていますが、アイデア次第で使い道はいろいろありそうですね。

 

 

Really Simple Switches

シンプルで落ち着いた色合いが特長のボタンが色違いで6種類揃っています。

企業用ホームページなどでよく使われているカラーリングかもしれません。

 

ボタンデザインの多くはフォトショップの便利な機能のひとつ「レイヤースタイル」を使用してデザインされています。

ボタンを簡単にデザインすることができるレイヤースタイルをまとめた以下の記事も参考にされると良いかもしれません。

 

保存版！Photoshop用無料レイヤースタイル750個+まとめ

 

このほかにもかっこいいボタンデザインがありましたら教えてください、追加させていただきます。

また参照元サイトにも今回紹介していないボタンをデザインしたフォトショップ用PSDファイルがまとめられていますので、こちらもよろしかったら一緒にどうぞ。

 

[参照元 : Ultimate Collection of Free Buttons in PSD Format - NaldzGraphics]