Fireworks(ファイヤーワークス)でのウェブサイト制作に便利な、ボタンデザイン用のスタイル集をご紹介します。
提供されているサイトは以前Fireworks(ファイヤーワークス)のテクスチャ素材集『indigonote』でもご紹介しました『indigonote』。
フリーランスWebデザイナーの「indigo」さんが運営されているサイトです。※2011年12月以降更新は止まっているようです
このサイトの中に「Fireworksで使えるボタンスタイルのページ」があるんですが、使いやすくて便利なボタンデザイン用のスタイル素材が大量かつフリー&商用OKで提供されているんです。
Fireworks(ファイヤーワークス)で使える無料ボタンスタイル素材『indigonote』
おすすめ度:★★★★★
データ形式:Fireworks PNG版、Fireworks Style版
■無料 ■商用利用可能 ■会員登録不要 ■クレジット表記不要
圧倒的な数とクオリティ!Fireworks用ボタンスタイル素材集
Fireworksにはデフォルトでもスタイルがインストールされていますが、そのままボタン制作用のスタイルとして使うにはイマイチなデザインが多いですよね。
『indigonote』で提供されているボタンスタイルは、ECサイト(ショッピングサイト)やLP(ランディングページ)をはじめとしたウェブサイトでよく使われているようなボタンの色やテクスチャのデザインが網羅されています。
なのでほとんどアレンジすることなくそのまま使えてとっても便利です。
その数なんと600種類以上!バリエーション豊富なボタンスタイル集
見ての通り、圧倒的な数です。しかもどのスタイルもボタンデザインとしてよく使われるデザインばかり。
Photoshop向けのものは多くありますが、Fireworksのスタイルでここまでのものは他にないんじゃないでしょうかね。
LP(ランディングページ)制作に最適なボタンスタイル135種類
フィルター効果を重ねあわせて細かな部分まで作り込まれたボタンスタイルです。ランディングページ向けということで、鮮やかな色を中心に揃っています。
ファイルはFireworksPNG版とFireworksスタイル版の2種類から選べます
嬉しいことに、スタイルファイルだけでなく、Fireworks PNG(制作元データ)も提供されています。
なので、スタイルファイルをインストールせずに「Fireworks PNG版」のデータから、「適応したいテクスチャを選択&コピー」→「属性をペースト」で利用することもできます。
私はこの方法の方がラクチンなのでFireworks PNG版のデータを使わせてもらってます。
スタイルファイルをインストールしてスタイルパネルから利用する場合は「Fireworks Style版」をダウンロード&インストールしましょう。
※スタイルファイルのインストール方法は、各ダウンロードページ下部に丁寧な説明があります。
<ご紹介したFireworksボタンスタイル素材サイト>
indigonote