- 2007-05-04 (金) 18:47
- その他
WEBで使うリンクボタンの作成というのはなかなか難しい。ボタン単体でかっこよくするだけでも大変なのにサイト全体のバランスや、マウスオーバー時のデザイン、押したときのデザインなどなど考えなくちゃならないことが意外と多い。うちのサイトもリニューアルしたいし、WEB素材の作り方をまた少し勉強しておこうかなーと考えていたら下のエントリを発見。
Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法 – DesignWalker
なるほど、Photoshopのグラデーションを有効活用できるTipsらしい。早速リンクされているサイトからPhotoshopのグラデーションファイル(grd)をダウンロードしてきて試してみた。
Deziner Folio » Blog Archive » Ultimate Web 2.0 Gradients – FREE Download
ふむー、いわゆるWeb2.0ぽいグラデーションがたくさん![]()
試しにWEBサイトで使えそうなボタンを軽くつくってみた。
色鮮やかーなボタンがたくさん![]()
せっかくだからフルサイズでご提供。
100×30サイズのアイコンが15個、カラーバリエーションが38種類、総勢570個![]()
てきとーに使いたいところを切り取ってね~。
さくっとつくっただけだから、あまりクオリティが良くないのはご勘弁![]()
このグラデーション、ボタンに限らず色々と応用ができそう。
あとで色々試してみようっと。
【via:Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法 – DesignWalker】
- Photoshopのチュートリアルやらブラシやら色々。
- 気になったニュースを徒然と71
- 気になったニュースを徒然と50
- Photoshopのチートシートとかリファレンスシートとか。
- WEBデザイン処方箋(WEBデザインなどに効きそうなリンク集:第2版)
- Newer: Tokyo Midtown
- Older: 壁紙: RIDE_ON(XGA SXGA UXGA WUXGA)