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

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

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




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




っちゅうわけで、わたくしも集めようかと思ったのですが。。。せっかくなので、以前ご紹介した「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ファイルをダウンロードして使ってくださいな。。。

関連記事

20件のコメント

  1. 素晴らしすぎます!

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

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

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

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

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

  4. 6/14の気になった記事

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

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

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

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

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

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

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

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

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

コメントを残す

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