当前位置:网站首页>An动画基础之元件的图形动画与按钮动画
An动画基础之元件的图形动画与按钮动画
2022-08-03 12:29:00 【雨翼轻尘】

一、图形动画
(1)图形动画与影片剪辑动画区别
我们打开上次做的毛毛虫动画。
新建一个图层。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-URz2oQlZ-1659282793837)(D:\Typora图片\image-20220731125354409.png)]](/img/7b/fe975267964e7d76457fd4728b6aa3.png)
然后复制一个毛毛虫至此。
Ctrl+C复制第一个图层的毛毛虫,然后Ctrl+V粘贴进来即可。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ze0j7kAZ-1659282793839)(D:\Typora图片\image-20220731125617800.png)]](/img/7f/443e6f706f0dd5008e775fd660162b.png)
将右边复制出来的毛毛虫,转化为“图形”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SvhCIqpx-1659282793839)(D:\Typora图片\image-20220731125759295.png)]](/img/d2/5d1138bf142b7a5cbc9f6a00b1b74e.png)
当“影片剪辑”变成“图形”之后,是播放不了的。(Ctrl+Enter查看)
如下:(左边是影片剪辑,右边是图形)

然后我们在40帧的位置,上下全选,然后F5创建帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OnUNtAzz-1659282793840)(D:\Typora图片\image-20220731130437774.png)]](/img/3e/486f430dbad2b22cd3529afc4f1f51.png)
再次Ctrl+Enter导出看一下效果:(两个都在动)

在内部,我们拖动这个条,只有“图形动画”在动。
“图片动画”有利于在内部进行调整,“影片剪辑”需要每次导出,观察之后再进行调整。
两个动画什么时候用?
①影片剪辑
需要一个滤镜效果的时候。
比如,我们添加一个模糊。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wg37zfb1-1659282793842)(D:\Typora图片\image-20220731144122022.png)]](/img/75/76b786df1973e1dad48aace53c6092.png)
导出之后,它就是模糊的。

②图形动画
图形动画的优势在于循环。(可以控制播放次数)
有这几种:“循环”、“循环一次”、“循环单帧”、“倒放”、“反向”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wvrjnR8Y-1659282793842)(D:\Typora图片\image-20220731144504699.png)]](/img/62/bd3dcd0d362f4c7353e6bd15d39cb4.png)
(2)播放一次
比如,“播放一次”。
我们双击进入图形动画内部,看一下里面有多少帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MVbgbfsw-1659282793843)(D:\Typora图片\image-20220731144855573.png)]](/img/80/ce59f6a59fa8a2477211e565485425.png)
一共有30帧,那么“播放一次”就是从第1帧到30帧停止。
将帧数增加一点(增加到50帧),方便查看。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jsMeomKv-1659282793844)(D:\Typora图片\image-20220731182827648.png)]](/img/e1/7b0b17f45fbdcbd2ee0089a0d6d182.png)
看一下效果:

可以看到,“图形动画”运行30帧之后停止运动,然后执行完全部的50帧。再重新开始循环。
(3)单帧效果
我们在40帧的位置,插入一个关键帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qG9GIsuh-1659282793844)(D:\Typora图片\image-20220731183009512.png)]](/img/e8/26c1439c819d822fe8fe0af9fa84ca.png)
将循环选项为“单帧”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mwjj1xG6-1659282793844)(D:\Typora图片\image-20220731183111074.png)]](/img/5f/d3ad3ca4d118723956a455580f901f.png)
这里举个例子,将第1帧选在20帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a3v34Pnm-1659282793845)(D:\Typora图片\image-20220731183213974.png)]](/img/cd/517017abc19d75a7d52af757fe9344.png)
看一下效果:

在第20帧的时候,图形动画会停止运动。不管前面播放到哪一帧,停止的位置只会在第20帧。
二、按钮动画
(1)画一个圆角矩形
用【矩形工具】画一个矩形,将圆角改为80。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uv4McNyK-1659282793845)(D:\Typora图片\image-20220731184649894.png)]](/img/e5/a143e69b5393769de2c76ccb7ef363.png)
(2)元件类型转化为按钮
可以将颜色改为绿色。然后将它F8转化为元件,类型选择“按钮”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UYh2LcW0-1659282793845)(D:\Typora图片\image-20220731184848653.png)]](/img/87/2c44a8e00b9b0ef6682e6f421b49f6.png)
双击进入按钮内部,左上角是按钮图标。

(3)功能介绍
下方有部分功能。分别是“弹起”、“指向”、“按下”、“点击”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jyw1JN7x-1659282793846)(D:\Typora图片\image-20220731185029607.png)]](/img/15/df5ec756bf7f23cb47a8bdbcdc437e.png)
1)指向
点击“指向”,按下F6转化关键帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oNvDXjgI-1659282793846)(D:\Typora图片\image-20220731185235016.png)]](/img/2b/60b34d1dc7b49971cedf33b9340c39.png)
将颜色改为蓝色。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HnwTckye-1659282793846)(D:\Typora图片\image-20220731185322708.png)]](/img/63/5ec1c66760e2363a29f89b924b180b.png)
2)按下
点击“按下”,同样F6创建关键帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IgaSOYWZ-1659282793847)(D:\Typora图片\image-20220731185418921.png)]](/img/e3/338f2d8b6f4e0d73feffd46babfa0e.png)
颜色改为红色。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zjGJIsz9-1659282793847)(D:\Typora图片\image-20220731185453683.png)]](/img/86/578925da590b62f6bdf9da8b60926b.png)
3)点击
“点击”的话,速度有点快,快的看不见效果,暂时咱们不动它,后边有机会再说。
(4)效果
现在我们看一下效果:

原创不易,多多支持~
边栏推荐
- How does Filebeat maintain file state?
- R语言拟合ARIMA模型并使用拟合模型进行预测推理、使用autoplot函数可视化ARIMA模型预测结果、可视化包含置信区间的预测结果
- The Yangtze river commercial Banks to the interview
- Oracle安装完毕(系统盘),从系统盘转移到数据盘
- 什么是分布式锁?几种分布式锁分别是怎么实现的?
- [数据仓库]分层概念,ODS,DM,DWD,DWS,DIM的概念「建议收藏」
- -找树根2-
- 浅谈程序员的职业操守
- YOLOv5 training data prompts No labels found, with_suffix is used, WARNING: Ignoring corrupted image and/or label appears during yolov5 training
- 解决oracle安装在linux中jdk的冲突
猜你喜欢

基于php家具销售管理系统获取(php毕业设计)

setTimeout 、setInterval、requestAnimationFrame

nacos app

【实战技能】单片机bootloader的CANFD,I2C,SPI和串口方式更新APP视频教程(2022-08-01)

YOLOv5 training data prompts No labels found, with_suffix is used, WARNING: Ignoring corrupted image and/or label appears during yolov5 training

Station B responded that "HR said that core users are all Loser": the interviewer was persuaded to quit at the end of last year and will learn lessons to strengthen management

【精品必知】Pod生命周期

Sogou news-数据集

基于php校园医院门诊管理系统获取(php毕业设计)

长城简漫·暑期安全篇⑤ 这个强,不能逞
随机推荐
-找树根-
B站回应“HR 称核心用户都是 Loser”:该面试官去年底已被劝退,会吸取教训加强管理
【精品必知】Pod生命周期
Image fusion GAN-FM study notes
可重入锁详解(什么是可重入)
特征降维学习笔记(pca和lda)(1)
为冲销量下探中低端市场,蔚来新品牌产品定价低至10万?
【Verilog】HDLBits题解——Verification: Reading Simulations
Random forest project combat - temperature prediction
第5章 实现首页Tab数据展示
From the physical level of the device to the circuit level
Image fusion DDcGAN study notes
图像融合SDDGAN文章学习
新评论接口——京东评论接口
【R】用grafify搞定统计绘图、方差分析、干预比较等!
免费的网络传真平台_发传真不显示发送号码
R language ggplot2 visualization: use the patchwork bag plot_layout function will be more visual image together, ncol parameter specifies the number of rows, specify byrow parameters configuration dia
子结点的数量
安全自定义 Web 应用程序登录
基于php志愿者服务平台管理系统获取(php毕业设计)