【FW教程】动态图像隐现

2016-07-30

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

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

下面回归主题:各位同学顺便回顾一下,你还记得多少?

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

太子湾的郁金香

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

选中图示

第三步:这是要做什么呢?潜规则对图片的透明度进行调整80%(自然,你也可以选择略过)

调整图片

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

选中图片

跳出如下窗口提示:

元件

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

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

动画

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

动画效果

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

动画效果

第七步:又出现一扇门窗,自然也是点击确定

确定

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

动画元件

图片右下方有个播放键

PLAY

启动播放,预览下图示总体效果如何?

预览播放效果

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


单调修改
统一修改

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

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

优化格式

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

图像预览

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

试试给你的文案添色吧。

你是我的人间四月天
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,132评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,195评论 4 61
  • 一个镜头,一个世界;什么是摄影?它是光与影的梦幻结合,是时间的定格,是精彩生命的回忆。在这里,你将会体会到摄影带来...
    魅特阅读 1,761评论 0 0
  • 写在前面: 我们都知道写 CSS 是一个蛮痛苦的过程,而且很机械.俗话说的好:哪里有需求,那里就会有东西出来. 呃...
    iplaycodex阅读 3,301评论 0 3