Home > その他 > WEB用ボタンをつくってみた。

WEB用ボタンをつくってみた。

WEBで使うリンクボタンの作成というのはなかなか難しい。ボタン単体でかっこよくするだけでも大変なのにサイト全体のバランスや、マウスオーバー時のデザイン、押したときのデザインなどなど考えなくちゃならないことが意外と多い。うちのサイトもリニューアルしたいし、WEB素材の作り方をまた少し勉強しておこうかなーと考えていたら下のエントリを発見。

Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法 – DesignWalker

なるほど、Photoshopのグラデーションを有効活用できるTipsらしい。早速リンクされているサイトからPhotoshopのグラデーションファイル(grd)をダウンロードしてきて試してみた。

Deziner Folio » Blog Archive » Ultimate Web 2.0 Gradients – FREE Download

ふむー、いわゆるWeb2.0ぽいグラデーションがたくさん表情9

試しにWEBサイトで使えそうなボタンを軽くつくってみた。

SEG2 Button 01

色鮮やかーなボタンがたくさん表情2

せっかくだからフルサイズでご提供。

Download

100×30サイズのアイコンが15個、カラーバリエーションが38種類、総勢570個表情2
てきとーに使いたいところを切り取ってね~。

さくっとつくっただけだから、あまりクオリティが良くないのはご勘弁表情15

このグラデーション、ボタンに限らず色々と応用ができそう。
あとで色々試してみようっと。

【via:Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法 – DesignWalker

ブックマークなど
  • Google Bookmarks
  • del.icio.us
  • Facebook
  • MySpace
  • Live
  • FriendFeed

関連記事

Comments:0

Comment Form
Remember personal info

Home > その他 > WEB用ボタンをつくってみた。

Meta

Return to page top