Advertisement

ultimatebuttonpsd

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

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

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

 

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

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

 

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

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

 

 

詳細は以下から。

 

 

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


 

5 Black Buttons

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

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

black-buttons-psd

 

 

Free Button Pack

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

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

free-button-pack

 

 

Glossy Button

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

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

glossy-button-psd

 

 

Buttons PSD

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

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

buttons-psd

 

 

Button Docks

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

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

button-docks

 

 

Glassy Button

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

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

a-glass-button-psd

 

 

Color Diamonds

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

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

color-diamonds-psd

 

 

Generic Pair

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

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

generic-pair-psd

 

 

Button Badges

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

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

buttons-badge-psd

 

 

Free Vista Buttons Pack

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

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

vista-psd-button

 

 

Skull Buttons

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

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

skull-buttons-psd

 

 

Stylish 3D Buttons

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

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

stylish-3d-buttons-psd

 

 

Magic Blue Button

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

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

metallic-blue-button-psd

 

 

iPhone Style Buttons

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

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

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

iphone-style-buttons-psd

 

 

Glossy Buttons

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

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

glossy-buttons

 

 

2 Buttons

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

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

two-buttons-psd

 

 

Glossy Icon Template Part1

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

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

glossy-icons-template-psd

 

 

PSD Glossy Buttons

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

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

psd-glossy-buttons

 

 

Dark and Glossy Web Button 2

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

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

dark-and-glossy-psd

 

 

Windows 7 Buttons

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

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

windows-7-buttons-psd

 

 

Stylish 3D Buttons V2

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

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

3d-buttons-psd

 

 

10 Buttons

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

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

ten-buttons-psd

 

 

Brown & Blue

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

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

brown-and-blue-psd

 

 

Buttons

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

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

free-buttons-psd

 

 

Slick and Clean Button

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

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

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

slick-and-clean-buttons

 

 

Glossy Twitter Button

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

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

glossy-twitter-button-psd

 

 

Color Walk

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

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

color-walk-button-psd

 

 

Industrial Style Buttons

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

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

industrial-style-navigation-buttons

 

 

Really Simple Switches

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

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

really-simple-button-psd

 

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

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

 

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

750pslayerstyle1

 

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

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

 

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