Fireworks制作分解特效

[复制链接]
查看: 244|回复: 0
gggds 发表于 2009-12-27 03:13:45 | 显示全部楼层 |阅读模式
3 e( o! P: k, p( j" O

/ h% ^  H$ g0 w& Q# k其实很多软件都可以很容易的达到这样的效果,总之目的是为了把图形切成几片。
5 A5 c1 z5 g8 k/ |2 N# a1、首先准备好两张图,一张用来遮蔽用的(其实就是我们用的刀子),一张是底图
6 u. J1 d0 g4 S* a& R1 b' G8 R5 f; ^4 \/ r

0 O7 l9 r8 `. S0 `3 U* W: g7 P
* S6 l4 O( N) g" K7 _* r9 J9 j2、分别复制一份,然后按照下面的顺序排列好四个图层
/ I- V) @7 m+ @. y3 r
5 t" ]" s6 T. ~7 K  b: l3 z' V8 \3 G8 r: k/ _# G
" \  O- ?  a9 t' z2 \
3、上面两层进行裁切操作(同时选择1,2层,然后找到Fireworks菜单的『修改』-『组合路径』-『裁切』),下面的两层进行打孔操作(和裁切在一个地方),由于这个例子的图形拥有多个颜色,你可能需要多次打孔或者裁切操作。
( a4 P' Z  A6 i+ {  P4 @! {
$ G4 h% B4 Y, V5 m/ z. v* _: z! i3 T' F/ k

* Z& i( b, R1 ?! i/ d4、把两个被分解的图形再次重新组合到一个地方,然后全选这些路进,找到菜单的『修改』-『组合路径』-『分解』,好了,现在你已经把底图切的成薄片了,你可以按照你想象的方式去排列这些碎片让他更具有分解瞬间的动感
) F# S+ B# j9 n7 n* B0 a- d
3 Q% H/ ]1 I5 Z3 f  j8 a( j
1 x/ |8 @# n- E% E5 G" v  j9 D0 _5 \
下面是源文件,1 D' t5 v0 u! r' l
5 q. r9 a8 c9 V- j. ]8 z' P

, s" t$ h0 c; U0 @, A$ [2 H. \  i6 u0 }2 ~' Y3 @
另外,还有一个好东西送——f4e_design_works_tutorialscut.rar(点击下载)5 H5 ]8 j  Z9 q6 u
下载以后,然后在Fireworks里面选择『命令』-『运行脚本』找到这个脚本进行运行,看看有什么发生。你可以打开这个脚本命令了解一下Fireworks中的JavaScript是怎样工作的,Fireworks9融入了窗口部件元素,Js将大派用场,所以学习JavaScript能更好的减少重复工作量。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )