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

效果图。

Fireworks制作钟摆式公告牌



  1、新建一个文件,画布背景颜色选取白色。同时将画布大小设置稍大些。

  2、使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图。

Fireworks制作钟摆式公告牌


  3、输入文字。

  4、在圆角矩形右、左上角绘制小圆形,如图所示。

Fireworks制作钟摆式公告牌


  5、添加辅助形,找到该圆角矩形的中心点位置,如图。

Fireworks制作钟摆式公告牌


  6、在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线。如图。

Fireworks制作钟摆式公告牌


  7、群组(Ctrl+A、Ctrl+G)所有对象,一个简单的公告牌效果就简单制作完成了。现在进行动画效果的制作。

 


  8、克隆群组后的公告牌,使用工具栏中的缩放工具,分别对画布中显示的公告牌进行旋转处理,如图。

Fireworks制作钟摆式公告牌


  9、复选这两个对象,并按垂直居中与水平居中进行排列,如图。

Fireworks制作钟摆式公告牌

10、在层面板中先屏蔽掉右边的公告牌。再选择修改菜单、动画、选择动画命令,弹出动画属性设置窗口。进行参数的设置,如图。

Fireworks制作钟摆式公告牌

  11、确定后,公告牌对象自动转化为元件。双击该元件对象,在元件编辑窗口中,将公告牌圆形移至元件编辑窗口中心位置,如图。

Fireworks制作钟摆式公告牌

  12、返回至主编辑窗口,现在一个由左向右摆动的动画效果已形成。打开帧面板,选择第一帧。将层面板屏蔽的公告牌显示出来,并进行剪切。

  13、在帧面板中新建空帧,粘贴对象至画布内。对当前公告牌进行由右至左的钟摆动画设置。选择修改菜单、动画、选择动画命令,弹出动画属性设置窗口。进行参数的设置,其中各参数与第九步相同,仅需要给旋转方向上变化为顺时针。如图。

Fireworks制作钟摆式公告牌

  14、将该公告牌参照第十一步修改元件中心的方法进行位置的移动。

  15、这样,由右至左的钟摆动画效果就完成了,在帧面板中将Gif动画效果设置为启永久,让动画连续播放。再导出为Gif动画文件,最终效果图顶部图片下所示。

 


  制作技巧提示:

  ①在位置调整时,比如中心点的对齐、旋转等,可以借助于FW中的辅助线。

  ②使用动画面板调整好旋转角度生成动画后,建议不要在帧面板中进行删除帧了操作了。如果需要调整角度,可以在画布上对元件对象进行选择右键、动画、设置,在弹出动画设置窗口中再进行调整。

上一篇:
  • 上一篇文章:
  • 下一篇
  • 下一篇文章: 没有了
  • 收藏此文到百度搜藏 百度搜藏| 新浪VIvi| 365key| Younote| 博采中心| 你好BLOG| 亿友网摘| 和讯网摘|
    相关文章    
    Fireworks 绘制网站水晶效果标题背景图片
    Fireworks绘制滑动效果的菜单
    Fireworks MX绘制水痕文字特效
    Fireworks绘制逼真的日记本
    Fireworks绘制立体质感的蜡烛
    Fireworks绘制个性效果十字架
    Fireworks设计个性网店闪字签名
    fireworks 制作精美韩国图标
    Fireworks利用素材打造石头字效果
    Fireworks制作网站动态banner教程
     
     
     
    最新文章
    普通文章 Fireworks制作钟摆式公告牌最新文章
    普通文章 巧用交换机解决局域网安全最新文章
    普通文章 Photoshop打造梦幻柔美婚纱照片效最新文章
    普通文章 IE7浏览器访问HTTPS网页故障攻略最新文章
    普通文章 选择合适的VPN 建造功能均衡的VP最新文章
    普通文章 拼音五笔输入法技巧集最新文章
    普通文章 千千静听“妆”出花样女孩最新文章
    普通文章 Photoshop中使用11px清晰中文字体最新文章
    普通文章 photoshop打造韩国风格的海报最新文章
    普通文章 用好WEB迅雷的定时下载功能最新文章
     
    热门文章
    推荐文章 Illustrator手绘古典游戏美女图片
    推荐文章 Photoshop绘制奇幻的宇宙幻想图
    推荐文章 Painter手绘逼真的百合花
     
     
    设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 

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