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

Fireworks制作打破玻璃的GIF动画效果

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

佚名 向大家分享了Fireworks制作打破玻璃的GIF动画效果,其中包含fireworks制作gif动画,fireworks怎么做gif,fireworks做gif动画,fireworks gif制作,fireworks gif等知识点,遇到此问题的同学们可以参考下

本教程是向大家介绍如何利用Fireworks制作打破玻璃的GIF动画效果,制作方法并不是很难,效果非常不错,推荐过来,希望大家喜欢!

首先先看一下最终效果:

Fireworks制作打破玻璃的动画效果

下面是具体的制作方法:

1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG)。

2、运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。

Fireworks制作打破玻璃的动画效果

3、然后在图片的中间部分输入破碎效果之后显现的文字,比如此例中的“JSUPER”,将文字层移动到“破碎”层的下面。

4、将此帧的时间设为7,然后复制出与此帧相同的6帧,复制帧的具体操作是在“帧”面板中,用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制,反复操作就可复制出6帧相同内容的帧(现在一共有7帧,它们的内容都相同)。将第1帧的时间设为100,第7帧的时间设为150。

Fireworks制作打破玻璃的动画效果

5、选中第2帧,并单击图片,选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。

Fireworks制作打破玻璃的动画效果

6、将“碎片大小”(Size)设为40,“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20),点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。

Fireworks制作打破玻璃的动画效果

7、选中第3帧,并单击图片(这张图片是没破碎过的就对了),也对其运用“粉碎”滤镜,这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置,点击“确定”(OK)。我们看到破碎的图片开始有点变化。

Fireworks制作打破玻璃的动画效果

8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。

9、选中第6帧的图片,在属性面板中将不透明度设为50%,这样到下一帧的过渡才不会显得突兀。

10、将第7帧的图片删掉,只留下文字。点击“帧”面板下方“无循环”字样前面的图标,选择“永久”,这样动画就可以循环播放了。

Fireworks制作打破玻璃的动画效果

11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。

教程结束,以上就是用Fireworks制作打破玻璃的GIF动画效果过程,感兴趣的朋友可以自己尝试制作一个,效果肯定非常不错!

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

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

  • fireworks怎么制作好看的图文排版?
  • Fireworks轻松制作卡通女孩眨眼睛GIF动画效果图
  • FireWorks制作炫丽的吊坠+刷光GIF动态效果
  • Fireworks制作一款漂亮通透的蓝色按扭
  • Fireworks结合PS制作马赛克变换GIF动画效果
  • Fireworks简单制作漂亮的签名效果图
  • Fireworks简单制作蓝色铅笔
  • Fireworks制作枫叶飘落的gif动画效果
  • Fireworks制作美女背景的GIF动态时钟
  • Fireworks制作中国古典水墨风格人物签名

相关文章

  • 2017-05-24教你用fireworks绘制神秘蓝色星球
  • 2017-05-24Fireworks自由变形工具怎么使用呢?
  • 2017-05-24Fireworks制作超漂亮的文字闪图动画效果
  • 2017-05-24Fireworks滤镜快速制作3D效果彩虹拖尾字
  • 2017-05-24Fireworks导出批处理脚本方法图解
  • 2017-05-24fireworks入门教程:用fireworks进行图标刻画设计细节
  • 2017-05-24教你用Fireworks制作老虎从电视里走出来特效
  • 2017-05-24fireworks mx 2004 金属特效字制作方法
  • 2017-05-24Fireworks MX变形工具绘制一对大脚印图标
  • 2017-05-24Fireworks教程:绘制网页虚线的方法

文章分类

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

最近更新的内容

    • Fireworks简单制作一个人像时钟
    • fireworks制作跳动的红心教程
    • 教你用Fireworks制作精美LOGO
    • Fireworks 绘制精美可爱有颜色的水杯
    • Fireworks滤镜快速制作3D效果彩虹拖尾字
    • fireworks 制作倾慕系列系统图标教程
    • Fireworks绘制甲壳虫小轿车
    • 利用Fireworks补间打造华丽仿3D炫光DNA特效的教程
    • Fireworks教程:动画制作的技巧
    • Fireworks制作牛仔布料风格的矢量图标

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

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