作業効率がアップする隠れた使い方教えます!
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』掲載記事号の情報はこちら!>>>