---
title: Web 2.0の香りがするボタンたち プロフェッショナル編
date: 2008-03-26T00:00:00.000Z
updated: 2026-07-28T14:00:00.000Z
tags:
  - barleyyoungleaves
url: https://baku89.com/barleyyoungleaves/2008-03-26_Web_2.0%E3%81%AE%E9%A6%99%E3%82%8A%E3%81%8C%E3%81%99%E3%82%8B%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%9F%E3%81%A1_%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E7%B7%A8
---

# Web 2.0の香りがするボタンたち プロフェッショナル編

![button](https://wp.baku89.com/wp-content/uploads/2026/07/fc2_missing-image.png "http://blog-imgs-21.fc2.com/b/a/r/barleyyoungleaves/20080326182813.gif")\
以前のエントリで「どことなくWeb2.0の香りがするボタンのは大きく3つに分類されるんじゃないの?」との思いつきを書きましたが、それとは比べ物にならないほどクオリティの高いボタンのチュートリアルを見つけました。　　僕はちっちゃなことから物凄いインスピレーションを得ちゃったりするタイプなので、もう、インスピレーションの嵐ですよ!!　(デザイナーでもないのにインスピレーションって...^^;)

[45 Photoshop Tutorials for Better Navigation | Vandelay Website Design](http://vandelaydesign.com/blog/design/photoshop-navigation-tutorials/)

プロの方々は凄いですね〜。　中にはVistaのボタンをイメージしたものも。\
たとえばコレ\
![たくさんVistaボタン](https://wp.baku89.com/wp-content/uploads/2026/07/fc2_missing-image.png "http://blog-imgs-21.fc2.com/b/a/r/barleyyoungleaves/20080326200532.gif")

つい押したくなるようなボタンです。　　ちなみにクリックしても何も起きませんよ(笑)

![クリックめ](https://wp.baku89.com/wp-content/uploads/2026/07/fc2_missing-image.png "http://blog-imgs-21.fc2.com/b/a/r/barleyyoungleaves/20080326200651.gif")

このブログのイメージとぴったりです。\
![みどりとくろぼたん](https://wp.baku89.com/wp-content/uploads/2026/07/fc2_missing-image.png "http://blog-imgs-21.fc2.com/b/a/r/barleyyoungleaves/20080326200750.gif")

すべてチュートリアル形式になっているので、Photoshopをお持ちの方はぜひ！

今度時間があったら作ってみよっと。

---

- カテゴリ: サイト紹介