文章目录

一、图形动画
- （1）图形动画与影片剪辑动画区别
- （2）播放一次
- （3）单帧效果
二、按钮动画
- （1）画一个圆角矩形
- （2）元件类型转化为按钮
- （3）功能介绍
- - 1）指向
  - 2）按下
  - 3）点击
- （4）效果

一、图形动画

（1）图形动画与影片剪辑动画区别

我们打开上次做的毛毛虫动画。

新建一个图层。

然后复制一个毛毛虫至此。

Ctrl+C复制第一个图层的毛毛虫，然后Ctrl+V粘贴进来即可。

将右边复制出来的毛毛虫，转化为“图形”。

当“影片剪辑”变成“图形”之后，是播放不了的。（Ctrl+Enter查看）

如下：（左边是影片剪辑，右边是图形）

然后我们在40帧的位置，上下全选，然后F5创建帧。

再次Ctrl+Enter导出看一下效果：（两个都在动）

在内部，我们拖动这个条，只有“图形动画”在动。

“图片动画”有利于在内部进行调整，“影片剪辑”需要每次导出，观察之后再进行调整。

❓两个动画什么时候用？

①影片剪辑

需要一个滤镜效果的时候。

比如，我们添加一个模糊。

导出之后，它就是模糊的。

②图形动画

图形动画的优势在于循环。（可以控制播放次数）

有这几种：“循环”、“循环一次”、“循环单帧”、“倒放”、“反向”。

（2）播放一次

比如，“播放一次”。

我们双击进入图形动画内部，看一下里面有多少帧。

一共有30帧，那么“播放一次”就是从第1帧到30帧停止。

将帧数增加一点（增加到50帧），方便查看。

看一下效果：

可以看到，“图形动画”运行30帧之后停止运动，然后执行完全部的50帧。再重新开始循环。

（3）单帧效果

我们在40帧的位置，插入一个关键帧。

将循环选项为“单帧”。

这里举个例子，将第1帧选在20帧。

看一下效果：

在第20帧的时候，图形动画会停止运动。不管前面播放到哪一帧，停止的位置只会在第20帧。

二、按钮动画

（1）画一个圆角矩形

用【矩形工具】画一个矩形，将圆角改为80。

（2）元件类型转化为按钮

可以将颜色改为绿色。然后将它F8转化为元件，类型选择“按钮”。

双击进入按钮内部，左上角是按钮图标。

（3）功能介绍

下方有部分功能。分别是“弹起”、“指向”、“按下”、“点击”。

1）指向

点击“指向”，按下F6转化关键帧。

将颜色改为蓝色。

2）按下

点击“按下”，同样F6创建关键帧。

颜色改为红色。

3）点击

“点击”的话，速度有点快，快的看不见效果，暂时咱们不动它，后边有机会再说。

（4）效果

现在我们看一下效果：

原创不易，多多支持~

An动画基础之元件的图形动画与按钮动画相关推荐

JQuery动画基础：上卷下拉
开发工具与关键技术: JQuery 作者:咕哒咕哒giao 撰写时间:2019年4月16日今天要说的是JQuery动画基础其中之一:上卷下拉的动画效果. 上卷下拉的话分别是JQuery中的 slid ...
CSS实现霓虹灯按钮，CSS实现炫酷的霓虹灯按钮动画
作者:AlbertYang,软件设计师,Java工程师,前端工程师,爱阅读,爱思考,爱编程,爱自由,信奉终生学习,每天学习一点点,就是领先的开始. 微信公众号:AlbertYang 今天教大家使用CS ...
JavaFX官方教程（十一）之动画基础
翻译自动画基础动画基础提供基本动画概念,包含以下部分: 转变时间线动画插值 JavaFX中的动画可以分为时间轴动画和过渡.本章提供了每种动画类型的示例. Timeline并且Transit ...
计算机学3d建模吗,计算机三维建模与动画基础
计算机三维建模与动画基础语音编辑锁定讨论上传视频 <计算机三维建模与动画基础>是2008年清华大学出版社出版的图书,作者是张烈,骆春慧. 书名计算机三维建模与动画基础 ...
iOS开发UI篇—核心动画(基础动画)
一.简单介绍 CAPropertyAnimation的子类属性解析: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值随着动画的进行,在长度为du ...
Core Animation 文档翻译（第二篇）—核心动画基础要素
前言核心动画为我们APP内Views动画和其他可视化元素动画提供了综合性的实现体系.核心动画不是我们APP内Views的替代品,相反,它是一种结合Views来提供更好性能和支持Content动画的技 ...
OS开发UI篇—核心动画(基础动画)
文顶顶最新博文发布地址:花田半亩(wendingding.com) iOS开发UI篇-核心动画(基础动画) iOS开发UI篇-核心动画(基础动画) 一.简单介绍 CAPropertyAnimatio ...
ege图形库-- 抓取屏幕，贴图，动画基础框架（三）
贴图 //使用IMAGE--抓图,绘画到IMAGE,IMAGE到屏幕 #include <graphics.h>//IMAGE对象相当于一个绘图板,而同时也可以作为图片画到其它IMAGE上 ...
Expression Blend学习动画基础
原文:Expression Blend学习动画基础什么是动画(Animation)? 动画就是时间+换面的组合,画面跟着时间变化.最常见的是flash的动画,还有GIF动态图片. 动画的主要元素时 ...

An动画基础之元件的图形动画与按钮动画