作業効率がアップする隠れた使い方教えます！
WEB制作、プロの無料サービス活用術
──デザインに使えるツール（3）
[technique 21]
いろいろなスタイルのボタンを作成する
文＝駒場元彦（DtoP）
Tool Buttonator
URL http://www.buttonator.com/
Buttonatorは、ボタンの文字を入力するだけで、すぐにイメージが合成され画像ボタンができるツールだ。入力文字は、Fontを「Japanese」に選択すれば英語だけでなく日本語も使用できるため、Webサイト以外でも活用できるだろう。
ボタンのスタイルは、おなじみのデザインから、タブ、アイコンまで用意されており、これらを「Button Preview」にドラック＆ドロップすればデザインに反映される。さらに各種の色はもちろん、マウスカーソルが重なったときのロールオーバーデザインも合わせて作成できる。
Fontを「Japanese」にすると日本語も使える
Propertiesのadvancedをクリックし、Rolloverにチェックを入れるとボタンのロールオーバーがつくれる
[INDEX]
>>> [technique 19]特別なツールなしにスクリーンキャストを撮影する
>>> [technique 20]出来上がりがイメージできるダミーテキストを用意する
>>> [technique 21]いろいろなスタイルのボタンを作成する
>>> [technique 22]基調色から、ルールに従った配色パターンを作成する
>>> [technique 23]トイカメラ風に画像を加工する
>>> [technique 24]フリーのアイコン素材をすばやく検索する
本記事は『web creators』2010 vol.101からの転載です。本特集全記事は誌面で読むことができます。
月刊『web creators』掲載記事号の情報はこちら！＞＞＞
![[technique 24]フリーのアイコン素材をすばやく検索する](https://www.mdn.co.jp/di/images/common/np_article.gif)
