• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程

Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程,其中包含flash动画实例教程,ps动画制作实例教程,flash8动画实例教程,u5动画制作实例教程,手绘动画实例教程等知识点,遇到此问题的同学们可以参考下

本文中我们用fireworks的滤镜来制作精致可爱的gif动画。

  gif动画:

  

  png文件:

  

  1. 在fireworks中新建一个150*100px大小的画布。

  用“星型工具”画一个四叶草图案,为它加一个“纯色阴影”滤镜。

  按F8转换为“动画”元件,设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。

  

  2. 这一步是核心效果。

  为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜,参数就自由选择了。

  按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。

  

  3. 最后新建一个层,放标题和签名,

  将该层置于顶部,钩选“共享交叠帧”。一个仿3D动画的gif就3步被K.O.了。

  

  end: 在用滤镜制作动画时,我发现有时几个动画元件应用滤镜和几个动画元件的组合应用滤镜的效果是截然不同的。

  尝试使用各种滤镜,制作精彩的动画效果吧!

  

  这里还有其它三个作品,简单说一下它们应用的技法。

  1. 齿轮的绘画用了“自动形状”的“齿轮”。对自转的动画实例应用了“纯色阴影”滤镜。

  2. 对所有元件实例进行了组合,然后添加“内侧阴影”、“投影”和“纯色阴影”滤镜,对实例的组合应用这些滤镜,看上去就有小星星从大星星里融出的感觉。

  3. 只有一个层,设为共享交叠帧,对眼睛图形实例和泪滴动画实例进行组合,然后应用发光滤镜,这样泪滴好像从眼睛里融出。当然,帧延时要不断减小,模拟泪滴从悬挂到自由落体运动的过程。

  

  gif文件:

   

  png文件:

   

友情提示:本章中标注的GIF文件都是具有动态效果的,但是由于网页不支持,所以若想看到动画效果,就需要把图片保存到本地查看,请谅解!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程
  • Fireworks设计制作数字连续翻滚动画实例教程
  • Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程

相关文章

  • 2017-05-24Fireworks设计绘制五彩炫光效果的图片实例教程
  • 2017-05-24Fireworks 精美横向闪图漂亮动画
  • 2017-05-24用fireworks如何切图呢?FW切图方法介绍
  • 2017-05-24fireworks怎么画一轮满月? fw画圆月亮的教程
  • 2017-05-24Fireworks教程:简单制作渐隐线
  • 2017-05-24Fireworks制作可爱的波尔卡点边框
  • 2017-05-24fireworks魔术棒选取颜色看不到所选区域边界该怎么办?
  • 2017-05-24Fireworks设计制作红色老旧砖墙特效实例教程
  • 2017-05-24Fireworks CS5怎么制作3D网格线?
  • 2017-05-24Fireworks教程:放射光感字体

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • FireWorks设计制作动画Logo实例教程
    • Fireworks巧绘漂亮的紫葡萄水晶
    • Fireworks怎么扇形圆形文字? Fireworks文字路径的制作方法
    • Fireworks不抠图实现企业标识反白效果
    • Fireworks设计制作数字连续翻滚动画实例教程
    • Fireworks教程:制作晶莹剔透的超质感按钮ICON
    • Fireworks教程:制作网页公告的装饰
    • fireworks怎么制作蒙版? 矢量蒙版/位图蒙版/水果蒙版的实例教程
    • Fireworks基础知识 创建和删除样式教程
    • Fireworks教程:放射光感字体

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有