有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました
Photoshopを使って、ボタンのデザインを作るときに、いろいろなサイトを参考にしているのですが・・・
こちらの”Button collection”
では、↓のように、ひたすら、いろんなサイトのボタンを130個！集めてくれていて、なかなか便利でございます。。
こちらの、”107 Add to Cart Buttons of the Top Online Retailers“では、107個の「カートに入れる」ボタンを集められています。。これまた、参考になりますね。。
っちゅうわけで、わたくしも集めようかと思ったのですが。。。せっかくなので、以前ご紹介した「Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた」みたいに、あとあと簡単にボタンが作れるように、Photoshopのレイヤースタイルファイルにしてみました。。
こんなん↓が簡単につくれますよん。
今回、作ったレイヤースタイルファイルは。。。左上から・・・
- mixiの検索ボタン風
- YouTubeのタブのところ風
- Amazonの「ショッピングカートに入れる」風
- Amazonの「ウィッシュリストに追加する」風
- ニコニコ動画のタグ選択されてるとき風
- ニコニコ動画のタグ選択風
- Seesaaのタグサーチ風
- JUGEMのヘッダーのところ風
- 英語版CNETの検索ボタン風
- 英語版Appleのヘッダーボタン風
- Stage6のヘッダーボタン風
- AOLの検索ボタン風
- WordPressのスタートボタン風
- Monster Jobsの検索ボタン風
- FOX Sportsの検索ボタン風
- Expediaの検索ボタン風
- Veohの検索ボタン風
- Pogoのヘッダーボタン風
- StumbleUponのスタートボタン風
- Tumblrのスタートボタン風
- finetuneの検索ボタン風
っと、われながら微妙な選択ですが・・・日米の有名どころのサイトからボタンデザインを参考にさせていただきました。
欲しい方はこちらからPhotoshopのstyleファイルをダウンロードして使ってくださいな。。。
|
|
|
6月 14th, 2007 at 6:06 PM
素晴らしすぎます！
いつも更新色んなサイトがありますが
一番楽しみにしています。
個人的に、配布ネタがカナリ好きですが
いつも素晴らしいアイデアに驚きです。
今後も密かにファンとして楽しませていただきます。
お仕事の合間に更新大変でしょうが
勝手に今後も期待させていただきます。
6月 14th, 2007 at 6:29 PM
いつもながらいい所を突いてきますね！ありがたく使わせてもらいます。
6月 14th, 2007 at 9:41 PM
mixi ミクシィの裏技情報・招待サイト
mixiで不労所得３００万！初期費用０円でど素人でも片手間でできる驚愕の裏技！
6月 14th, 2007 at 10:28 PM
links for 2007-06-14
すごいスピーチをするには？ | P O P * P O P (ta…
6月 15th, 2007 at 12:10 AM
[メモ]有名サイトのボタンデザインをPhotoshopのレイヤースタイルファイルに – DesignWalker
photoshopを使えないので意味ないかもしれないけど、参考になりそうなのでメモ。
有名サイトのボタンデザイン21個をPhotoshop…
6月 15th, 2007 at 1:18 AM
こちらのブログを開くと必ずCPU使用率が上がって
やたらと重くなるのは何故なのでしょう？
ページをスクロールさせるのも引っかかるぐらいです。
6月 15th, 2007 at 10:19 AM
6/14の気になった記事
■振動していない携帯電話が振動しているように思ったことはありますか？（GIGAZIN） └あるある。 ■Yahoo!オークション、8月7日より無料ユーザ…
6月 15th, 2007 at 5:57 PM
有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました – DesignWalker
日米の有名どころのサイトからボタンデザインを参考にしたレイヤースタイル
6月 16th, 2007 at 3:24 AM
daiさん
コメントどうもありがとうございます。「密かに」っと言わずに、どんどん表に出てきてくださいね（笑）
和さん
こちらこそ、わざわざコメントいただきましてどうもありがとうございます～。
記事とは関係ないですがさん
コメントありがとうございます。このブログでは、いろいろとスクリプトを使っているために、重くなってしまうのかと思われます。。ご迷惑をおかけして申し訳ございません。。
6月 16th, 2007 at 4:37 AM
SEO対策を行う前に知っておくべき5つのキーワードを選ぶ方法
Yahoo と Google の検索結果ばかりみてた一日でした。
6月 17th, 2007 at 10:23 AM
links for 2007-06-17
有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイル…
6月 18th, 2007 at 1:10 AM
はじめまして＾＾マサです。
はじめてブログ見させてもらったんですけどすごく見やすくてよかったです。簡単にボタン作れちゃうんですね。
僕も試しに作ってみます＾＾
またお邪魔させてもらいますね。
応援(*ﾟ▽ﾟ)ﾉ 凸ﾎﾟﾁﾝ
6月 19th, 2007 at 4:26 PM
はじめまして。
いつも楽しく拝見＆参考にさせていただいてます。
Faviconsのデザイン集もかわいいですよ。
http://www.smashingmagazine.com/2007/06/14/creative-favicons-when-small-is-beautiful/
6月 20th, 2007 at 2:33 PM
初心者の初歩からはじめる画像勉強＆素材屋さん
コメントどうもありがとうございます～。今後ともよろしくおねがいいたします！！
坂井さん
smashingmagazineはとても参考になるブログですよね！わたくしも、いつも参考にしているブログのひとつです。
7月 7th, 2007 at 9:01 AM
参考になります＾＾ありがとうございます＾＾
7月 12th, 2007 at 4:50 PM
ririさん
コメントいただきまして、どうもありがとうございました。今後とも宜しくお願いいたします～！
1月 21st, 2009 at 4:29 AM
[...] 有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました http://www.designwalker.com/2007/06/button_style.html [...]
2月 15th, 2009 at 10:17 PM
[...] 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 [...]
4月 12th, 2009 at 4:44 PM
[...] ・Spice up your design with 56 Photoshop layer styles ・Ultimate Web 2.0 Layer Styles ・有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイル
5月 15th, 2009 at 4:02 AM
これはすごい、すごすぎる