当前位置:首页>网络学院>网页制作>Fireworks教程>文章内容

Fireworks制作分解特效

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【

Fireworks<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>分解特效(图一) vd;k;l www.it55.com rdfg

其实很多软件都可以很容易的达到这样的效果,总之目的是为了把图形切成几片。 IT资讯之家 www.it55.com

1、首先准备好两张图,一张用来遮蔽用的(其实就是我们用的刀子),一张是底图 http://www.it55.com/

Fireworks<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>分解特效(图二) www.it55.com在线教程

2、分别复制一份,然后按照下面的顺序排列好四个图层 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

Fireworks<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>分解特效(图三) 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

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

免费资源www.it55.com

Fireworks<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>分解特效(图四) http://www.it55.com/

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

Fireworks<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>分解特效(图五) http://www.it55.com/

下面是源文件,

vd;k;l www.it55.com rdfg

Fireworks<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>分解特效(图六)

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

另外,还有一个好东西送——f4e_design_works_tutorialscut.rar(点击下载)

vd;k;l www.it55.com rdfg

下载以后,然后在fireworks里面选择『命令』-『运行脚本』找到这个脚本进行运行,看看有什么发生。
你可以打开这个脚本命令了解一下Fireworks中的javascript是怎样工作的,
fireworks9融入了窗口部件元素,Js将大派用场,所以学习Javascript能更好的减少重复工作量。 www.it55.com

(阅读次数:

返回顶部
 

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]