Fireworks中制作归途效果

大家先看看下面的效果图

　　很久以前在<<照相馆的故事>>中看到过这个效果图,书上对它只是提了提,没有详细的讲解.这些天,我试着在FW 4.0中把它画了出来,,喜悦的成果不敢独享,今天把这种制作方法捐出来,以飨同好.这是个综合实例，通过对本例的学习，相信各位能从中得到不少启发。我们分三部分来制作，背景，运动的线杆和斑马线，车内的景物。

一 背景

1．新建文件,300*240,背景色为白色,用选取工具拉出两条纵横辅助线,使它们的交点位于编辑区的中心,大家要善于运用辅助线,因为它能为我们的工作带来方便.

2．选择工具面板中的矩形工具,在编辑区拖画出一个矩形,大小为编辑区尺寸的一半.然后打开Fill面板,选择填充方式为linear线形填充,打开edit编辑颜色(从深绿色到浅绿色),用工具面板上的油漆桶工具改变填充的方向从上到下.再画一个同样大小的矩形,放在编辑区的上部,线形填充为深蓝色到浅蓝色.最后结果如图

3．在工具面板中用钢笔工具,勾画出山的轮廓,填充色为深绿色,把它Edit＞Clone克隆,Modify＞Fransform＞Flip horizontal水平翻转,移动右边,透明度设为60.效果如图

4．现在,我们把道路建好,用钢笔工具在编辑区勾画出道路,填充色为R:68 G:68 B:85,

5．双击Layer1层,在弹出的对话框中,把share across frames前面的框勾选上,把这层共享.
　　好，我们把背景已经制作完毕，下面我开始动手制作运动的线杆和斑马线了。

二 运动的线杆和斑马线

1．新建图层Layer2,这是本例的重点所在,我尽可能的说详细些,大家用心领会。在此图层上要建立三个遮罩动画，一个向左运动的线杆遮罩动画，一个向右运动的线杆遮罩动画，再一个向下运动的斑马线遮罩动画。这样给人的感觉就是在向前运动了。

2．先画出线杆向左动动时遮罩的图形，线杆从远到近，眼睛看到的是从小变大，所以左边的遮罩图应用钢笔工具画成这样

3．再把左边的遮罩图克隆(edit>clone),水平翻转后放到右边，使它成为右边线杆运动的遮罩图。

4．再把斑马线向下运动的遮罩图画出来，用钢笔工具画出一个白色的三角形，沿着公路从远到近变大，然后克隆出一个，水平翻转后，把它放在公路的另一边，选中这两个白色三角形把这两个白色三角形组群modify＞group。

5．三个方向的遮罩图画出来了，该制作线杆运动的动画了吧。不要急，选把线杆画出Insert＞New Symbol,在弹出的对话框中把Graphic前的框勾选上,我们要在这个新符号中编辑线杆.用矩形工具画个矩形,然后Edit＞Clone克隆,把它拖放到另一边,再克隆出若干个,全选克隆好的矩形,Modify＞Align＞Top(顶对齐),Modify＞Align＞Distribute widths(水平均匀分布).把它们组群,Modify＞Group.结果如图

6．Insert＞New symbol,再新建一个符号,在弹出的对话话中我们还是把Graphic前面的框选上,不过这次我们要建的是一些横的矩形条,记住,矩形的填充色要和路面一样,R:68 G:68 B:85,用我们刚才的方法连续地克隆Edit＞Clone,Modify＞Align＞Distribuet heights垂直等高,这个符号有什么用???先卖个关子,:)把这些矩形组群modify＞group效果如图

　　好,我们做好了两个符号了,下面我们要给它们加上动画.

7．制作一个线杆向左运动的动画，Insert＞New symbol,在弹出的对话框中,我们给它重命名为1(方便记,我的英文不好啦)把animation(动画)前的框选上,我们把线杆的符号从library面板中拖到弹出的动画编辑区中, edit＞clone, 把克隆出的线杆向左移一点,移动到两杆间距的四分之三的位置,如图。因为我们要建四个动画帧,各帧间的位移很重要,如果间距不好,那么动画看起来就不连惯,有跳动的感觉.在你们以后做动画的设计中要记住这点.选中这两个符号, edit＞symbol＞tween instances在弹出的框中在帧数上输入2,把Distribute to Fames前面的框勾选上，ok确定。

 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一页12 3 4 下一页

上一篇：Fireworks中制作呼机   下一篇：Fireworks中玻璃罐的制作

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】