【FW教程】动态图像隐现

2016-07-30

上一节课我们学习了【FW图片教程】圆图白底编辑留心的同学会发现在课程结束的尾部，我上传了一张动态隐现的图示。是不是有的同学也想跃跃欲试来着？要不是这个天气热成狗的模式，咱也想多翻几个跟斗云。多做几个好玩的教程，“咔，咔，咔，”毕竟还是有好多同学觉得太难了……

咱已经咔掉2个教程了，在只有wifi,没有空调，没有葛优沙发的环境里，迎着东方的烈日，再咔，再坐下去，恐怕要多一枚“黑炭”了。

下面回归主题：各位同学顺便回顾一下，你还记得多少？

第一步：按上节课的教程先来做张视例图示 不过此处背景大小是500×200

太子湾的郁金香

第二步：用鼠标选中圆形郁金香图示

选中图示

第三步：这是要做什么呢？潜规则对图片的透明度进行调整80%（自然，你也可以选择略过）

调整图片

第四步：再次选中郁金香  启动电脑键盘F8快捷键

选中图片

跳出如下窗口提示：

元件

做什么呢！表要激动，下面就是进入动画制作模式了！

第五步：把元件修改名称为郁金香（或者省略） 类型：动画-确定

动画

再次跳出一个窗口，这个窗口是干嘛的呢？这一扇门窗实际上是启动各种动画效果的机关门，对于里面的各种数字，放开选择尝试调整，你会发现特别特别的好玩，哈哈哈。

动画效果

第六步：我先尝试下，试个简单的。  帧：15 不透明度后者降低到65 （你还楞着干嘛，拖动小倒立三角标志） 最后点击确定键

动画效果

第七步：又出现一扇门窗，自然也是点击确定键

确定

此时，你的图片已经呈现动画元件模式，对于中间的小红点|小绿点用鼠标选定拖动它可以适当的调整它的位置。

动画元件

图片右下方有个播放键

PLAY

启动播放，预览下图示总体效果如何？

预览播放效果

如果你觉得稍有不合适，是图片闪烁速度过快或者过慢的，用鼠标双击帧秒数进行修改。或着也可以启动Shift进行多帧连续一次性修改帧秒数。如：选中第一帧不放开鼠标，再按Shift键，再双击第6帧帧秒数字处修改帧秒数。这一次性修改的时间数字自然是相同的。

单调修改

统一修改

最后别忘了优化处的GIF动画设置 以及GIF动画循环方式：设置成 永久

注：因为此处背景图片选择的是白色而非透明色 ，故此：不透明模式下就不再做调整。

优化格式

最后-文件-图像预览导出-确定以红色方框标志处 也均可以进行选择和播放。

图像预览

就是这么简单的做好了，今天的课程，你学会了吗？

试试给你的文案添色吧。

你是我的人间四月天