FW MX和Flash MX的亲密合作
2004-02-01 16:56:20 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敊閸撗咃紲闂佺粯鍔﹂崜娆撳礉閵堝洨纾界€广儱鎷戦煬顒傗偓娈垮枛椤兘骞冮姀銈呯閻忓繑鐗楃€氫粙姊虹拠鏌ュ弰婵炰匠鍕彾濠电姴浼i敐澶樻晩闁告挆鍜冪床闂備浇顕栭崹搴ㄥ礃閿濆棗鐦遍梻鍌欒兌椤㈠﹤鈻嶉弴銏犵闁搞儺鍓欓悘鎶芥煛閸愩劎澧曠紒鈧崘鈹夸簻闊洤娴烽ˇ锕€霉濠婂牏鐣洪柡灞诲妼閳规垿宕卞▎蹇撴瘓缂傚倷闄嶉崝搴e垝椤栫偛桅闁告洦鍨扮粻鎶芥倵閿濆簼绨藉ù鐘荤畺濮婃椽妫冨☉娆愭倷闁诲孩鐭崡鎶芥偘椤曗偓瀹曞爼顢楁径瀣珫婵犳鍣徊鍓р偓绗涘洤绠查柛銉墮閽冪喖鏌i弬鎸庢喐闁荤喎缍婇弻娑⑩€﹂幋婵囩亪濡炪値鍓欓悧鍡涒€旈崘顔嘉ч幖绮光偓鑼嚬缂傚倷绶¢崰妤呭箰閹间焦鍋╅柣鎴f绾偓闂佺粯鍔曠粔闈浳涢崘顔兼槬闁逞屽墯閵囧嫰骞掗幋婵愪紑閻庤鎸风粈渚€鍩為幋锔藉亹闁圭粯甯╂导鈧紓浣瑰劤瑜扮偟鍒掑▎鎾宠摕婵炴垶鐭▽顏堟煙鐟欏嫬濮囨い銉︾箞濮婃椽鏌呴悙鑼跺濠⒀傚嵆閺岀喖鎼归锝呯3闂佹寧绻勯崑娑㈠煘閹寸姭鍋撻敐搴樺亾椤撴稒娅婇柡灞界У濞碱亪骞忕仦钘夊腐闂備焦鐪归崐鏇㈠箠閹邦喗顫曢柟鎯х摠婵挳鏌涢幘鏉戠祷闁告挸宕—鍐Χ閸℃浠搁梺鑽ゅ暱閺呮盯鎮鹃悜钘壩ㄧ憸澶愬磻閹剧粯鏅查幖绮瑰墲閻忓秹姊虹紒妯诲鞍婵炲弶锕㈡俊鐢稿礋椤栨氨鐤€闂傚倸鐗婄粙鎰姳閼测晝纾藉ù锝堟閻撴劖鎱ㄥΟ绋垮婵″弶鍔欓獮妯兼嫚閼碱剦妲伴梻浣稿暱閹碱偊宕愭繝姣稿洭寮舵惔鎾存杸濡炪倖姊婚妴瀣啅閵夛负浜滄い鎾跺仜濡插鏌i敐鍥у幋妤犵偞甯¢獮瀣籍閳ь剟鎮楁繝姘拺閻熸瑥瀚崕妤呮煕濡 鍋撻悢鎻掑緧婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繑銇勯幘鍗炵仼缁炬儳顭烽弻鐔煎礈瑜忕敮娑㈡煃闁垮鐏﹂柕鍥у楠炴帡宕卞鎯ь棜缂傚倸鍊风粈渚€藝闁秴鏋佸┑鐘虫皑瀹撲線鏌涢埄鍐姇闁稿﹦鍏橀弻娑樷攽閸℃浼€濡炪倖姊归崝鏇㈠煘閹达附鍊婚柛銉㈡櫇鏍¢梻浣告啞閹稿鎮烽敂鐣屸攳濠电姴娲﹂崵鍐煃閸濆嫬鏆熼柨娑欑矒濮婇缚銇愰幒鎴滃枈闂佸憡鐟ユ鎼佸煝閹炬枼鍫柛顐ゅ枔閸樻悂鏌h箛鏇炰户缁绢厼鐖煎畷鎴﹀箻鐠囪尙鐤€婵炶揪绲介幉锟犲磹椤栫偞鈷戠痪顓炴噹娴滃綊鎮跺☉鏍у姦闁糕斁鍋撳銈嗗笒閸燁偊鎯冨ú顏呯厸濞达絽婀辨晶顏堟煃鐟欏嫬鐏撮柟顔界懇瀵爼骞嬮悩杈敇闂傚倷绀佸﹢杈ㄧ仚闂佺濮ょ划搴ㄥ礆閹烘绫嶉柛顐ゅ枎娴犺櫣绱撴担鍓插創妞ゆ洘濞婇弫鍐磼濞戞艾骞堥梻浣告惈濞层垽宕濆畝鍕€堕柣妯肩帛閻撴洟鏌熼懜顒€濡煎ù婊勫劤閳规垿鏁嶉崟顐℃澀闂佺ǹ锕ラ悧鐘茬暦濠靛鏅濋柍褜鍓熼垾锕傚锤濡も偓閻掑灚銇勯幒宥堝厡缂佺姴澧介埀顒€鍘滈崑鎾斥攽閻樿京绐旈柛瀣殔閳规垿顢欑涵鐑界反濠电偛鎷戠徊鍨i幇鏉跨闁瑰啿纾崰鎾诲箯閻樼粯鍤戦柤绋跨仛濮f劙姊婚崒姘偓鐑芥嚄閼哥數浠氭繝鐢靛仜椤曨參宕楀Ο渚殨妞ゆ劑鍊栫€氭氨鈧懓澹婇崰鏍р枔閵婏妇绡€闁汇垽娼ф牎缂佺偓婢樼粔鐟邦嚕閺屻儱绠甸柟鐑樼箘閸炵敻鏌i悩鐑橆仩閻忓繈鍔岄蹇涘Ψ瑜夐崑鎾舵喆閸曨剙纰嶅┑鈽嗗亝缁诲倿锝炶箛娑欐優闁革富鍘鹃敍婊冣攽閳藉棗鐏犻柟纰卞亰閿濈偛顓奸崶鈺冿紳婵炶揪缍侀ˉ鎾诲礉瀹ュ鐓欑紒瀣仢閺嗛亶鏌i敐鍥у幋妤犵偛顑夐弫鍐焵椤掑倻涓嶅┑鐘崇閸嬶綁鏌涢妷鎴濆暟妤犲洭鎮楃憴鍕碍缂佸鎸抽垾鏃堝礃椤斿槈褔鏌涢埄鍏狀亪妫勫鍥╃=濞达絽澹婇崕鎰版煕閵娿儱顣崇紒顔碱儏椤撳吋寰勭€n亖鍋撻柨瀣ㄤ簻闁瑰搫绉堕ˇ锔锯偓娈垮枛閻忔繈鍩為幋锕€鐓¢柛鈩冾殘娴狀垶姊洪崨濠庣劶闁告洦鍙庡ú鍛婁繆閵堝繒鍒伴柛鐕佸灦瀹曟劙宕归锝呭伎濠碘槅鍨抽崢褎绂嶆ィ鍐╁€垫慨妯煎亾鐎氾拷


以前用网页三剑客设计网页时,感觉最为惬意的是Dreamweaver和fireworks的亲密无间:在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象;在Dreamweaver中只要轻松一个键,就可插入Fireworks完成的图形网页,如果不满意,一个编辑按钮马上激活Fireworks返回修改,处理好了再一个按钮又回到Dreamweaver中;如果不想大动干戈,只想优化一下图片,选中图片按一下右键,就可以打开Fireworks的输出预览这部分进行优化工作……
这样体贴入微的设计,反让人不知足起来,什么时候Fireworks和Flash也能这样热乎就好了!
今天网页三剑客同步踏入MX时代,Fireworks MX加强了对Flash MX的支持,操作起来还是那么简洁明快。
在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮,你可以看到这样的菜单:
在这里我们可以看到,Fireworks MX为更多的软件提供了接口,以弥补其它软件在图形制作或处理上的不足。下面我们就仔细看看Fireworks MX和Flash MX之间的珠联璧合吧!
1、将图形或图片输出为Flash MX的动画格式SWF,方便Flash MX使用
在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮,选择 Micromedia Flash/导出SWF,出现设置面板(下图)。
因为Fireworks MX是一个矢量编辑和像素图处理兼收并蓄的软件。在对象中如果是选择维持路径,导入到Flash MX中将是可编辑的矢量图形;如果选择维持外观,导入到Flash MX中将是像素图形式,并且可以保持在Fireworks MX中的填充的描边样式。文字对象选择维持可编辑性,导入到Flash MX中将可以继续编辑;选择转换为路径,文字将被看作矢量图形。
下面来看个例子:
![]() |
在Fireworks MX中的效果 |
输出选项设置 | 对象:维持路径 文字:维持可编辑性 |
输出为swf格式的效果 (矢量图形的效果将失去) | |
![]() |
导入到Flash MX中的情形 (中文和英文都可继续编辑。但是对中文的支持不太好) |
![]() |
在Flash MX中库情况 (只有图片会转换为组件。) |
![]() |
在Fireworks MX中的效果 |
输出选项设置 | 对象:维持外观 文字:转换为路径 |
输出为swf格式的效果 (矢量图形的效果将保持) | |
![]() |
中文和英文都转变为路径,失去可编辑性。 |
![]() |
在Flash MX中库情况 (施加了阴影效果的的矢量标志已经自动转化为图片组件。) |
上面导入的都是静止的图片,Fireworks MX还可以设计Gif动画,设计好了快速输出,导出时在选项面板可以设置帧速和导入动画的内容。
2、复制(将当前图形复制到剪贴板上,再打开Flash MX进行粘贴)
在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮,选择“复制”,再在flash中粘贴进来。
这是在Fireworks MX中的图像
这是粘贴到Flash MX中的效果 Flash MX中库情况
这时打开Flash MX的库,可以看到Flash MX已经自动建好一个Fireworks MXs Objects的文件夹,刚刚复制过来的物体自动转化为里面的一个电影夹(mc)。在这里Flash MX将施加了效果的图形转为像素图,并且这种像素图还是透明背景的。
这一下在Flash MX中更好结合像素图制作动画了!不过笔者不太主张这样做,因为不管是做动画,还是做网页,非常重要的是保存源文件,便于自己以后修改。
如果你已经在Fireworks MX中设计好了,并保存为png格式的源文件,你还可以……
二、在Flash MX中导入Fireworks MX制作的图片
1、导入Fireworks MX的.png源文件
打开Flash MX,在文件菜单中选择导入,找到你的png源文件,这时会出现导入设置:
在文件结构中有两种选择:一是将png文件作为电影夹导入并保持原有图层,这样你可在库中看到Fireworks MXs Objects,里面是Flash MX自动为你生成的电影夹,管理和使用都非常方便;二是将.png导入到当前场景新的层上。
物体处理可以选择光栅化转为像素图来保持外观不变,或是使所有路径可编辑;
文字处理可以选择光栅化转为像素图来保持外观不变,或是使所有文字可编辑。
如果不想这么麻烦也可以选中最后一项,将.png作为一个合并的像素图导入。
Fireworks MX中的源文件
导入到Flash MX中的输出效果
在Flash MX中库情况
在这里可以看到,利用这种方式导入可以保持对中文的良好支持。
2、导入和编辑其它格式的图片文件其它格式的图片文件想借Fireworks MX的东风,又怎样做呢?很简单!
导入图片,在Flash MX的舞台上选中图片,按属性面板的编辑按钮,就启动Fireworks MX了!
如果图片在库中,选中库中的图片按右键,在下拉菜单中选择Edit with Fireworks即可。(当然你还可以选择Edit with用其它的图形处理软件来处理,不过肯定没有Fireworks MX方便……)
这时就会激活Fireworks MX,我们可以看到久违了的。
和在Dreamweaver MX中操作一样,修改按完成就返回Flash MX中。
后记:Flash升级到Flash MX,绘图工具没有多大变化,有人抱怨在Flash MX中画个五角形都不可以……其实有像素图矢量集成的Fireworks MX贴心帮助,提供丰富的素材,Flash MX不就如虎添翼了吗!
- ››FLASH不等于运算符!=的使用实例
- ››FLASH不全等运算符!==
- ››FLASH字符串分隔符运算符
- ››FLASH% 模运算符
- ››Flash+、++、+= 加法运算符
- ››Flash, 逗号运算符
- ››flash中的-、--、-=减法运算符
- ››Flash的-Infinity 常数、.点运算符、/ 除法运算符...
- ››Flash两种注释方法/*..*/ 和// 注释行分隔符运算符...
- ››Flash的/=除法赋值运算符、=赋值运算符、== 等于运...
- ››Flash之?: 条件运算符、^ 按位 XOR 运算符、^= 按...
- ››Flash的_framesloaded代码示例
更多精彩
赞助商链接