実はこんなこともできる fireworksの裏技

Re:Creator's Chat Vol.2 2009.2.21

実はこんなこともできる

Fireworksの裏技


自己紹介


Mixi ID: @kira±0

丸山　章（マルヤマアキラ）


I. 岡山出身、鳥取在住、今は単身赴任で大阪に来て約1年。

II. 10年間Webデザイナーやってました。

III. 現在は派遣で京セラで携帯のUIの仕様の開発やってます。→3月で終わり

IV. CSS Nite で過去 Dreamweaver ネタで話したことも一応あり。


V. 本も書きました(共著ですが…)。

買ってください。:-)


本日のアジェンダ


I. Extending Fireworksって知ってる？

II. 座標の任意指定

III. Webレイヤーを非表示にする

IV.テキストオブジェクトを選択しただけでトラッキング


Extending Fireworksって知ってる？


‣ Fireworksの拡張ガイドのこと。http://help.adobe.com/en_US/Fireworks/10.0_Extending/

http://help.adobe.com/en_US/Fireworks/10.0_Extending/i





var nn = fw.selection.length;

if(nn == 1) {

var getkerning_v = fw.selection[0].textRuns.initialAttrs.rangeKerning;

var setkerning_v = Math.round(getkerning_v*100) - 10 ;

fw.getDocumentDOM().setTextCharSpacing(setkerning_v/100);

‣ Fireworksの機能をコマンドで制御するためのオブジェクトやAPIなどのリソースを提供しています。JavaScript で記述。


‣ でも日本語化されていません。orz


座標の任意指定


プロパティインスペクタだと…

←これ

座標は整数値


←ここは整数値　のままだったり orz

座標は任意の指定が可能

コマンドだと…


fw.getDocumentDOM().moveSelectionTo({x:X, y:Y}, false, false);

X Yに任意の数値を入れる。


Webレイヤーを非表示にする


こうなる


‣ スライスオブジェクトの表示はツールパレットで可能。

‣ スライスの場合は、あまり階層は関係無かったりする。

じゃあWebレイヤーいらないんじゃない？


fw.setPref("LayersList_ShowWebLayer", false);

falseで非表示、trueで表示


テキストオブジェクトを選択しただけで

トラッキング（文字詰め）


この状態だとショートカットでトラッキングできない。

デフォルトだと…


コマンドにショートカットを割り当てて

できるよ。

なんでデフォルトで実装しないの？


まとめ


I. Extending FireworksでFireworksを制御できるリソースを入手できる。

II. JavaScriptで開発できる。

III. コマンドを使ってメニューからは不可能なことも出来たりする。


是非試してください。


レイヤーの表示非表示

http://homepage.mac.com/akira_maru/fireworks/mxp/SetVisibleWebLyr_J.mxp

オブジェクト選択でトラッキング

http://homepage.mac.com/akira_maru/fireworks/mxp/TextTracking_J.mxp

サンプルダウンロード












ありがとうございました

実はこんなこともできる fireworksの裏技

Technology