Fireworks制作分解特效
日期:2006-10-27 01:36:49 作者:Feng4ever 点击: 来源:蓝色理想
最近比较流行刀锋。把自己切成几片也是非常时髦的。 
其实很多软件都可以很容易的达到这样的效果,总之目的是为了把图形切成几片。
1,首先准备好两张图,一张用来遮蔽用的(其实就是我们用的刀子),一张是底图

2,分别复制一份,然后按照下面的顺序排列好四个土层

3,上面两层进行裁切操作(同时选择1,2层,然后找到Fireworks菜单的『修改』-『组合路径』-『裁切』),下面的两层进行打孔操作(和裁切在一个地方),由于这个例子的图形拥有多个颜色,你可能需要多次打孔或者裁切操作。

4,把两个被分解的图形再次重新组合到一个地方,然后全选这些路进,找到菜单的『修改』-『组合路径』-『分解』,好了,现在你已经把底图切的成薄片了,你可以按照你想象的方式去排列这些碎片让他更具有分解瞬间的动感

下面是源文件,
另外看一帖送一贴,还有一个好东西送~,把下面脚本存为f4e_design_works_tutorialscut.jsf,然后在fireworks里面选择『命令』-『运行脚本』找到这个脚本进行运行,看看有什么发生。 你可以打开这个脚本命令了解一下Fireworks中的javascript是怎样工作的, fireworks9融入了窗口部件元素,Js将大派用场,所以学习Javascript能更好的减少重复工作量
fw.getDocumentDOM().addNewRectanglePrimitive({left:0, top:0, right:23, bottom:16}, 0);
fw.getDocumentDOM().setFillNColor({ category:"fc_Solid", ditherColors:[ "#000000", "#000000" ], edgeType:"antialiased", feather:0, gradient:null, name:"u5B9Eu5FC3", pattern:null, shape:"solid", stampingMode:"blend opaque", textureBlend:0, webDitherTransparent:false }, "#333333");
fw.getDocumentDOM().addNewRectanglePrimitive({left:2, top:2, right:13, bottom:7}, 0);
fw.getDocumentDOM().setFillNColor({ category:"fc_Solid", ditherColors:[ "#000000", "#000000" ], edgeType:"antialiased", feather:0, gradient:null, name:"u5B9Eu5FC3", pattern:null, shape:"solid", stampingMode:"blend opaque", textureBlend:0, webDitherTransparent:false }, "#00ff99");
fw.getDocumentDOM().addNewRectanglePrimitive({left:2, top:9, right:13, bottom:14}, 0);
fw.getDocumentDOM().setFillNColor({ category:"fc_Solid", ditherColors:[ "#000000", "#000000" ], edgeType:"antialiased", feather:0, gradient:null, name:"u5B9Eu5FC3", pattern:null, shape:"solid", stampingMode:"blend opaque", textureBlend:0, webDitherTransparent:false }, "#ffcc00");
fw.getDocumentDOM().addNewRectanglePrimitive({left:15, top:2, right:21, bottom:14}, 0);
fw.getDocumentDOM().setFillNColor({ category:"fc_Solid", ditherColors:[ "#000000", "#000000" ], edgeType:"antialiased", feather:0, gradient:null, name:"u5B9Eu5FC3", pattern:null, shape:"solid", stampingMode:"blend opaque", textureBlend:0, webDitherTransparent:false }, "#00ccff");
