REDLINE MAGAZINE | Fireworks 拡張アレコレ追加メモREDLINE MAGAZINEトップページへ

すべてのエントリを見る

Fireworks 拡張アレコレ追加メモ

Fireworks用にいろんなサイトで配布されているスタイルやパターンなどなど、いろんな素敵なものを追加するためのメモです。自分で作ったものを登録しておく方法の説明は今回は省略してます。

各素材等はmxp形式で配布されているものも多いので、その場合はExtension Managerでインストールしてください。下記はそうでない場合についてのお話です。

また、私の使用しているバージョンはCS4(Win用)なので、それに基づいてのメモとなります。バージョンやOS違いの場合は自分の環境に置き換えて確認してください。

スタイルを追加する

スタイルパネルのオプションメニューで「スタイルライブラリを読み込み」を選択、スタイルライブラリの名前と場所を選択します。

「スタイルを読み込む」と「スタイルライブラリを読み込み」の違いは、前者の場合は現在のドキュメントに対しての読み込みとなり、他のドキュメントではそのスタイルを使用できない。(そのスタイルの反映されたオブジェクトをコピーしたりすると使えますが・・・)後者の場合はあらゆるドキュメントで共有して使用できるスタイルとなります。

スタイルライブラリの拡張子は「.stl」。Windows XPの場合、ファイルの場所はここ。スタイルパネルからではなく直接追加したい場合はここにファイルをコピーします。

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Fireworks CS4(バージョン名)\Styles\

他のOSの場合もだいたい「\Adobe\Fireworks CS4(バージョン名)\Styles\」とかいうフォルダを探せばよさそうな予感、です。

こちらのフォルダに直接追加した場合は、Fireworksを再起動します。

共有ライブラリを追加する

ライブラリに追加するデータはmxp形式のものが多いのですが、そうでない場合は配布されているデータを下記の場所へコピーします。(Windows XPの場合)
※後述しますが、もう1つ「こっち追加してもいいよ」というフォルダもあります。

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Fireworks CS4(バージョン名)\Common Library\

配布元からダウンロードしたファイルを展開すると、多分pngの入ったフォルダが出てくるので、そのフォルダごと上記の場所へコピーします。pngファイル本体だけをCommon Library直下にコピーしても読み込みできないみたいです。

また、そのフォルダの名前が共有ライブラリパネルに表示されるので、フォルダ名を変更すればパネル内での表示も変更できます。(名前の変更は共有ライブラリパネルからも変更可能ですが。)海外のサイトからダウンロードすると英語のフォルダ名になってて何のデータだったか後で分かりにくくなってしまうことも多いので、フォルダを日本語で分かりやすいものにしておくのもオススメです。

また、上記の場所(Common Library)を確認しても最初は何もファイルは入ってないと思います。最初から入ってるライブラリのデータはこっちにあります。(Windows XPの場合)

C:\Program Files\Adobe\Adobe Fireworks CS4(バージョン名)\Configuration\Common Library\

mxp形式のファイルをExtension Managerでインストールすると、こっち側のフォルダに追加されます。上にはDocuments and Settings内の該当フォルダにコピーすると書きましたが、手動でコピーする際、こちらのフォルダにコピーしてもOKです。

パターンを追加する

Fireworksから追加する場合は、適当に長方形ツールかなにかでオブジェクトを作って、プロパティから「パターン > その他」(←ベタとかグラデーションとか書いてあるセレクトメニュー)、そこから追加するパターンを選択します。

ただし、この方法だと現在開いているドキュメント内でしか使えないので(スタイルと同じく、そのパターンの反映されたオブジェクトをコピーしてくれば使えますが。)、どんなドキュメントでも使用できるように登録したい場合は下記の場所へファイルをコピーします。

パターン用のファイルの場所はここです。(Windows XPの場合)

C:\Program Files\Adobe\Adobe Fireworks CS4(バージョン名)\Configuration\Patterns\

パターンとして利用できるファイル形式は、PNG、GIF、JPEG、BMP、TIFF、PICT(Macintosh のみ)です。

こちらのフォルダに直接追加した場合は、Fireworksを再起動します。

テクスチャを追加する

Fireworksから追加する場合は、適当に長方形ツールかなにかでオブジェクトを作って、プロパティのテクスチャのセレクトメニューからその他を選択し、該当ファイルを選びます。

ただし、この方法だと現在開いているドキュメント内でしか使えないので(スタイル・パターンと同じくそのテクスチャの反映されたオブジェクトをコピーしてくれば使えます。)、どんなドキュメントでも使用できるように登録したい場合は下記の場所へファイルをコピーします。

テクスチャ用のファイルの場所はここです。(Windows XPの場合)

C:\Program Files\Adobe\Adobe Fireworks CS4(バージョン名)\Configuration\Textures\

パターンとして利用できるファイル形式は、PNG、GIF、JPEG、BMP、TIFF、PICT(Macintosh のみ)です。

こちらのフォルダに直接追加した場合は、Fireworksを再起動します。

コマンドを追加する

コマンド用のファイルもmxp形式での配布が多いように思います。コマンド用ファイルの拡張子は「.jsf」です。Windows XPの場合、コマンド用ファイルの場所はここ。

C:\Program Files\Adobe\Adobe Fireworks CS4(バージョン名)\Configuration\Commands\

もしくは、

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Fireworks CS4(バージョン名)\Commands\

どちらにコピーしても動作するのですが、Documents and Settingsの方に入れた場合はコマンドメニュー内で、区切り線が入るので分かりやすいかも、です。

ここにファイルをコピー後、再起動するとコマンドメニューに追加されています。

自動シェイプを追加する

自動シェイプもコマンド用ファイルと同じくmxp形式でない場合、配布されているファイルの拡張子は「.jsf」です。それに加えて、自動シェイプパネルに表示するためのサムネイル画像(GIFとかPNG)も一緒に配布されている場合が多いと思います。その画像も合わせてダウンロードしておきます。

Windows XPの場合、自動シェイプ用ファイルの場所はここ。

C:\Program Files\Adobe\Adobe Fireworks CS4(バージョン名)\Configuration\Auto Shapes\

もしくは、

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Fireworks CS4(バージョン名)\Auto Shapes\

どちらにコピーしても大丈夫です。

初期状態でインストールされているファイルを確認すると、.jsfファイルと自動シェイプパネルにサムネイルとして表示するためのgif画像が置かれているのが分かると思います。スクリプトファイルと画像ファイルのファイル名を同じにしておくと連動するっていう感じです。

配布元からダウンロードした.jsfファイルと画像ファイルを上記の場所へコピーしたら再起動します。再起動後、自動シェイプパネルの中に追加したシェイプが確認できます。

パネルを追加する

パネル用のファイルはmxp形式でない場合、拡張子は「.swf」です。パネル用ファイルの場所はここ。

C:\Program Files\Adobe\Adobe Fireworks CS4(バージョン名)\Configuration\Command Panels\

もしくは、

C:\Documents and Settings\ユーザー名\Application Data\Adobe\Fireworks CS4(バージョン名)\Command Panels\

どちらにコピーしても動作します。ファイルをコピーした後、再起動、ウィンドウメニューの中に追加したパネルがあると思います。

Documents and Settingsの方に入れた場合はちゃんと区切り線が入るので分かりやすいかも、です。

Fireworks関連のアレコレ配布、おすすめサイト

国内サイトで何かを配布しているサイトは少ないのですが、探せばいろいろありますよん。

国内サイト

海外サイト

<< Fireworks コレ、5分で作ります。その2 |

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/266

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。