Free Web Button Collection 600+ for Fireworks

Publish:

Category:Design

Tag:,

  • Hatena Bookmark:
  • Twitter:

結構前に「ランディングページのデザイン作成時に便利なFireworks スタイル135」と同時期に作ったものの今度はどう区分して補完しようか考えているうちに半年以上が経ちました。
ランディングページ向けボタンがそこそこお役に立っている中、残りをこのままHDで眠らせておくのも何なのでアップしておきます。

もういろいろごちゃ混ぜですがボタン作るときの参考なんかにどうぞ!

ページ内の見出し一覧

Free Web Button Collection 600+ for Fireworksの
スタイル一覧

バリエーションも含め、合計600とちょっとのスタイルがあります。
ボタン形式で確認するとこんな感じです。

Free Web Button Collection スタイル一覧

ダウンロード

Web Button Collection 600+ *Fireworks style

スタイルファイルをインストールすることで、スタイルパネルよりクリックひとつでスタイルを適用することができます。

» Web Button Collection 600+ *Fireworks style(1.34 MB)

Web Button Collection 600+ *Fireworks png

スタイル作成時の元ファイル(ベクターデータ)です。
オブジェクトをコピーし、対象オブジェクトに「属性をペースト」することでスタイルを適用することもできます。

» Web Button Collection 600+ *Fireworks png(1.03 MB)

  • 個人利用・商用利用共に制限ありません。
    Commercial use & personal use OK.
  • 再配布禁止。
    Please do not re-distribute anything in this site.
  • 画像や圧縮ファイルへ直接リンクしないでください。
    Please do not link directly to a picture or zip. Thank you.

スタイルファイルをインストールするための3つの方法

  1. スタイルパネルからインストールし、次回からも起動時に読み込ませる
  2. 一時的に使用可能にする
  3. 直接アプリフォルダに入れてFireworks起動時に読み込ませる

1.スタイルパネルからインストールし、次回からも起動時に読み込ませる

スタイルパネルの右端上部のメニューの「スタイルライブラリを読み込み…」から使用したいファイルを選択し、読み込ませることでインストールすることができます。
読み込まれたスタイルはFireworksの次回起動時にも表示されます。

右端上部のメニューの「スタイルライブラリを読み込み...」

2.一時的に使用可能にする

スタイルパネルのプルダウンメニュー最下部の「その他のライブラリ…」から使用したいファイルを選択し、読み込ませることで一時的に使用可能になります。
読み込まれたスタイルは、Fireworksの次回起動時には表示されません。

プルダウンメニュー最下部の「その他のライブラリ...」

3.直接アプリフォルダに入れてFireworks起動時に読み込ませる

スタイルファイルを直接アプリケーションのフォルダに入れる事で起動時に自動的にスタイルファイルを読ませることができます。
[USER NAME]は各OSのログインユーザー名にあたります。

Win XP C:\Documents and Settings\[USER NAME]\Application Data\Adobe\Fireworks CS5\Styles
Win Vista/ 7 C:\Users\[USER NAME]\AppData\Roaming\Adobe\Fireworks CS5.1\Styles
Mac /Users/[USER NAME]/Library/Application Support/Adobe/Fireworks

スタイルファイルを間違ってインストールしてしまったり常時表示する必要がなくなった場合は、上記フォルダよりファイルを削除もしくは移動させることでアンインストールすることができます。

更に活用するためのカラーバリエーション作成のヒント

直接塗り設定やフィルターを変更するか、もしくはフィルターのドロップシャドウ直上に「カラーを調整>色相・彩度…」フィルターを追加する事により色の変更をすることができます。

Fireworks style色変更

免責事項

  • 本ファイルはFireworks CS5にて動作確認しております。下位バージョンにての動作は確認できてません。たぶん使えると思います。
  • 本ファイルはどなたでもご自由にお使いいただけますが、本ファイルを使用する事により発生したいかなる問題にも責任を追う事ができません。ご使用は自己責任でお願いします。(These files are not guaranteed for your computer, Please use by your own risk. )

Comment [5]

こんばんわ
fireworksのボタン、見出し用にスタイルを探していてたどり着きました
photoshopに比べて素材が探しにくいので、こちらで公開されている膨大な量のFireworks素材に感激です
ありがたく利用させて頂きます!

takef

追加でご報告。
ベクターpngデータのボタンのリンクがstlへのものと同じになっちょります。

takef

>takefさん
おっと…すみません。
アップ後何度か記事を書き直しているうちにリンク間違ってしまっていた模様。
ご報告ありがとうございますっ

indigo

Wow! This is really a good one. Thank you so much for sharing the style assets for fireworks :)

Abinash Mohanty

>Abinash Mohanty さん
Thank you for your comment!
I am glad if these are useful for you ;)

indigo

Post Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Return to page top