| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
龙腾教程网  
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
 
  您当前位置:您现在的位置: 龙腾软件教程网 >> 文章中心 >> 图像处理 >> Fireworks >> 实列教程 >> 文章正文>>>>>> 
Fireworks制作汽车行驶路况效果
家先看看下面的效果图

 Fireworks制作汽车行驶路况效果

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

一 背景

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

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

Fireworks制作汽车行驶路况效果

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

Fireworks制作汽车行驶路况效果

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

Fireworks制作汽车行驶路况效果

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

二 运动的线杆和斑马线

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

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

Fireworks制作汽车行驶路况效果

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

Fireworks制作汽车行驶路况效果

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

Fireworks制作汽车行驶路况效果

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

Fireworks制作汽车行驶路况效果

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

Fireworks制作汽车行驶路况效果

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

[1] [2] [3] 下一页


上一篇:
  • 上一篇文章:
  • 下一篇
  • 下一篇文章: 没有了
  • 收藏此文到百度搜藏 百度搜藏| 新浪VIvi| 365key| Younote| 博采中心| 你好BLOG| 亿友网摘| 和讯网摘|
    相关文章    
    Fireworks绘制可爱的葱头卡通小孩
    Fireworks制作钟摆式公告牌
    Fireworks 绘制网站水晶效果标题背景图片
    Fireworks绘制滑动效果的菜单
    Fireworks MX绘制水痕文字特效
    Fireworks绘制逼真的日记本
    Fireworks绘制立体质感的蜡烛
    Fireworks绘制个性效果十字架
    Fireworks设计个性网店闪字签名
    fireworks 制作精美韩国图标
     
     
     
    最新文章
    普通文章 Fireworks制作汽车行驶路况效果最新文章
    普通文章 提升Vista下优盘性能的技巧最新文章
    普通文章 3DS MAX打造立体的百事可乐商标最新文章
    普通文章 加固你的Foxmail确保隐私安全最新文章
    普通文章 Office Excel 2007更加人性化的折最新文章
    普通文章 用傲游给浏览器加把锁最新文章
    普通文章 Fireworks绘制可爱的葱头卡通小孩最新文章
    普通文章 photoshop给身份证去处网线最新文章
    普通文章 Photoshop给美女的皮肤美容最新文章
    普通文章 Dreamweaver CS3中Spry详细区域功最新文章
     
    热门文章
    推荐文章 Illustrator手绘古典游戏美女图片
    推荐文章 Photoshop绘制奇幻的宇宙幻想图
    推荐文章 Painter手绘逼真的百合花
     
     
    设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 

    版权所有2006-2008 龙腾教程网