有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました

Photoshopを使って、ボタンのデザインを作るときに、いろいろなサイトを参考にしているのですが・・・

こちらの”Button collection
では、↓のように、ひたすら、いろんなサイトのボタンを130個!集めてくれていて、なかなか便利でございます。。


Button collection

こちらの、”107 Add to Cart Buttons of the Top Online Retailers“では、107個の「カートに入れる」ボタンを集められています。。これまた、参考になりますね。。


Add to Cart Button collection

っちゅうわけで、わたくしも集めようかと思ったのですが。。。せっかくなので、以前ご紹介した「Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた」みたいに、あとあと簡単にボタンが作れるように、Photoshopのレイヤースタイルファイルにしてみました。。

こんなん↓が簡単につくれますよん。

Add to Cart Button collection

今回、作ったレイヤースタイルファイルは。。。左上から・・・

  1. mixiの検索ボタン風
  2. YouTubeのタブのところ風
  3. Amazonの「ショッピングカートに入れる」風
  4. Amazonの「ウィッシュリストに追加する」風
  5. ニコニコ動画のタグ選択されてるとき風
  6. ニコニコ動画のタグ選択風
  7. Seesaaのタグサーチ風
  8. JUGEMのヘッダーのところ風
  9. 英語版CNETの検索ボタン風
  10. 英語版Appleのヘッダーボタン風
  11. Stage6のヘッダーボタン風
  12. AOLの検索ボタン風
  13. WordPressのスタートボタン風
  14. Monster Jobsの検索ボタン風
  15. FOX Sportsの検索ボタン風
  16. Expediaの検索ボタン風
  17. Veohの検索ボタン風
  18. Pogoのヘッダーボタン風
  19. StumbleUponのスタートボタン風
  20. Tumblrのスタートボタン風
  21. finetuneの検索ボタン風

っと、われながら微妙な選択ですが・・・日米の有名どころのサイトからボタンデザインを参考にさせていただきました。

欲しい方はこちらからPhotoshopのstyleファイルをダウンロードして使ってくださいな。。。

デザインblogランキング

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

この記事に関連する記事



20 Responses to “有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました”

  1. dai Says:

    素晴らしすぎます!

    いつも更新色んなサイトがありますが
    一番楽しみにしています。

    個人的に、配布ネタがカナリ好きですが
    いつも素晴らしいアイデアに驚きです。

    今後も密かにファンとして楽しませていただきます。
    お仕事の合間に更新大変でしょうが
    勝手に今後も期待させていただきます。

  2. Œ和 Says:

    いつもながらいい所を突いてきますね!ありがたく使わせてもらいます。

  3. mixi ミクシィの裏技情報・招待サイト Says:

    mixi ミクシィの裏技情報・招待サイト

    mixiで不労所得300万!初期費用0円でど素人でも片手間でできる驚愕の裏技!

  4. [bizmemo] Says:

    links for 2007-06-14

    すごいスピーチをするには? | P O P * P O P (ta…

  5. メモ帳であり備忘録でありブログであり・・・ Says:

    [メモ]有名サイトのボタンデザインをPhotoshopのレイヤースタイルファイルに – DesignWalker

    photoshopを使えないので意味ないかもしれないけど、参考になりそうなのでメモ。
    有名サイトのボタンデザイン21個をPhotoshop…

  6. 記事とは関係ないですが Says:

    こちらのブログを開くと必ずCPU使用率が上がって
    やたらと重くなるのは何故なのでしょう?
    ページをスクロールさせるのも引っかかるぐらいです。

  7. エニシングゴーズ Says:

    6/14の気になった記事

    ■振動していない携帯電話が振動しているように思ったことはありますか?(GIGAZIN) └あるある。 ■Yahoo!オークション、8月7日より無料ユーザ…

  8. そぶまさ Says:

    有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました – DesignWalker

    日米の有名どころのサイトからボタンデザインを参考にしたレイヤースタイル

  9. 管理人 Says:

    daiさん
    コメントどうもありがとうございます。「密かに」っと言わずに、どんどん表に出てきてくださいね(笑)

    和さん
    こちらこそ、わざわざコメントいただきましてどうもありがとうございます~。

    記事とは関係ないですがさん
    コメントありがとうございます。このブログでは、いろいろとスクリプトを使っているために、重くなってしまうのかと思われます。。ご迷惑をおかけして申し訳ございません。。

  10. 船橋で働く社長のブログ Says:

    SEO対策を行う前に知っておくべき5つのキーワードを選ぶ方法

    Yahoo と Google の検索結果ばかりみてた一日でした。

  11. Web*Lav Says:

    links for 2007-06-17

    有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイル…

  12. 初心者の初歩からはじめる画像勉強&素材屋 Says:

    はじめまして^^マサです。

    はじめてブログ見させてもらったんですけどすごく見やすくてよかったです。簡単にボタン作れちゃうんですね。
    僕も試しに作ってみます^^

    またお邪魔させてもらいますね。
    応援(*゚▽゚)ノ 凸ポチン

  13. 坂井 Says:

    はじめまして。
    いつも楽しく拝見&参考にさせていただいてます。

    Faviconsのデザイン集もかわいいですよ。
    http://www.smashingmagazine.com/2007/06/14/creative-favicons-when-small-is-beautiful/

  14. 管理人 Says:

    初心者の初歩からはじめる画像勉強&素材屋さん
    コメントどうもありがとうございます~。今後ともよろしくおねがいいたします!!

    坂井さん
    smashingmagazineはとても参考になるブログですよね!わたくしも、いつも参考にしているブログのひとつです。

  15. riri Says:

    参考になります^^ありがとうございます^^

  16. 管理人 Says:

    ririさん
    コメントいただきまして、どうもありがとうございました。今後とも宜しくお願いいたします~!

  17. ウィズダム・デザイン » Blog Archive » Photoshop無料レイヤースタイル&ベクトルデータ&ブラシ&プラグインまとめ Says:

    […] 有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました http://www.designwalker.com/2007/06/button_style.html […]

  18. iPhone アプリ » Blog Archive » 「ボタン参考サイト」 Says:

    […] http://www.designwalker.com/2007/06/button_style.html This entry was posted on 月曜日, 2 月 16th, 2009 at 4:18 PM and is filed under 未分類. You […]

  19. Web2.0風ボタンが一発で出来る無料Photoshopレイヤースタイルいろいろ - ZERO WEB スタッフブログ Says:

    […] ・Spice up your design with 56 Photoshop layer styles ・Ultimate Web 2.0 Layer Styles ・有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイル

  20. 通りがかりの人 Says:

    これはすごい、すごすぎる

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




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

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

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ