LINEで送る
Pocket

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ファイルをダウンロードして使ってくださいな。。。

Similar Posts:

LINEで送る
Pocket


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

コメントを残す

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