当前位置:网站首页>Graphic animation and button animation of an animation basic component
Graphic animation and button animation of an animation basic component
2022-08-03 13:06:00 【The rain wing light dust】

文章目录
一、图形动画
(1)Graphics animation and animation film editing the difference
We opened the last of caterpillars do,.
新建一个图层.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-URz2oQlZ-1659282793837)(D:\Typora图片\image-20220731125354409.png)]](/img/7b/fe975267964e7d76457fd4728b6aa3.png)
And then copy a caterpillar here.
Ctrl+CThe first layer of the caterpillar,然后Ctrl+V粘贴进来即可.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ze0j7kAZ-1659282793839)(D:\Typora图片\image-20220731125617800.png)]](/img/7f/443e6f706f0dd5008e775fd660162b.png)
Copy right out of the caterpillar,转化为“图形”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SvhCIqpx-1659282793839)(D:\Typora图片\image-20220731125759295.png)]](/img/d2/5d1138bf142b7a5cbc9f6a00b1b74e.png)
当“影片剪辑”变成“图形”之后,是播放不了的.(Ctrl+Enter查看)
如下:(On the left is a movie clip,On the right is the graphics)

然后我们在40帧的位置,All up and down,然后F5创建帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OnUNtAzz-1659282793840)(D:\Typora图片\image-20220731130437774.png)]](/img/3e/486f430dbad2b22cd3529afc4f1f51.png)
再次Ctrl+EnterExports have a look at the effect:(Both in)

在内部,We drag this article,只有“图形动画”在动.
“图片动画”In the internal adjust,“影片剪辑”Every time need to export,After observation to adjust.
When two animation with?
①影片剪辑
需要一个滤镜效果的时候.
比如,We add a blur.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wg37zfb1-1659282793842)(D:\Typora图片\image-20220731144122022.png)]](/img/75/76b786df1973e1dad48aace53c6092.png)
导出之后,It is blur.

②图形动画
Graphic animation has the advantage of循环.(Can control the number)
有这几种:“循环”、“循环一次”、“A single frame cycle”、“倒放”、“反向”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wvrjnR8Y-1659282793842)(D:\Typora图片\image-20220731144504699.png)]](/img/62/bd3dcd0d362f4c7353e6bd15d39cb4.png)
(2)播放一次
比如,“播放一次”.
Double-click the us inside graphics animation,Have a look at how many inside the frame.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MVbgbfsw-1659282793843)(D:\Typora图片\image-20220731144855573.png)]](/img/80/ce59f6a59fa8a2477211e565485425.png)
一共有30帧,那么“播放一次”就是从第1帧到30The frame to stop.
The frame number increases a little(增加到50帧),方便查看.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jsMeomKv-1659282793844)(D:\Typora图片\image-20220731182827648.png)]](/img/e1/7b0b17f45fbdcbd2ee0089a0d6d182.png)
看一下效果:

可以看到,“图形动画”运行30Frame after the stop motion,And then the implementation of all the50帧.Start cycle again.
(3)Single frame effect
我们在40帧的位置,插入一个关键帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qG9GIsuh-1659282793844)(D:\Typora图片\image-20220731183009512.png)]](/img/e8/26c1439c819d822fe8fe0af9fa84ca.png)
Will cycle options for“单帧”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mwjj1xG6-1659282793844)(D:\Typora图片\image-20220731183111074.png)]](/img/5f/d3ad3ca4d118723956a455580f901f.png)
这里举个例子,将第1The frame in20帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a3v34Pnm-1659282793845)(D:\Typora图片\image-20220731183213974.png)]](/img/cd/517017abc19d75a7d52af757fe9344.png)
看一下效果:

在第20帧的时候,Graphics animation will stop moving.No matter to which frame in front of the,The position of the stop will only in the first20帧.
二、按钮动画
(1)画一个圆角矩形
用【矩形工具】画一个矩形,Change the rounded corners to80.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uv4McNyK-1659282793845)(D:\Typora图片\image-20220731184649894.png)]](/img/e5/a143e69b5393769de2c76ccb7ef363.png)
(2)Element types into a button
You can change the color to green.然后将它F8转化为元件,类型选择“按钮”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UYh2LcW0-1659282793845)(D:\Typora图片\image-20220731184848653.png)]](/img/87/2c44a8e00b9b0ef6682e6f421b49f6.png)
Double-click to enter button inside,The top left corner is button icon.

(3)功能介绍
Below some function.分别是“弹起”、“指向”、“按下”、“点击”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jyw1JN7x-1659282793846)(D:\Typora图片\image-20220731185029607.png)]](/img/15/df5ec756bf7f23cb47a8bdbcdc437e.png)
1)指向
点击“指向”,按下F6Transformation of key frames.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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)点击
“点击”的话,速度有点快,Quickly see effect,Let's not move it,Behind the chance to say.
(4)效果
现在我们看一下效果:

原创不易,多多支持~
边栏推荐
猜你喜欢

基于php旅游网站管理系统获取(php毕业设计)

How can I get a city's year-round weather data for free?Precipitation, temperature, humidity, solar radiation, etc.

Filebeat 如何保持文件状态?

IronOS, an open source system for portable soldering irons, supports a variety of portable DC, QC, PD powered soldering irons, and supports all standard functions of smart soldering irons

An动画优化之传统引导层动画

AMS simulation

业界新标杆!阿里开源自研高并发编程核心笔记(2022最新版)

622. 设计循环队列

Key points for account opening of futures companies

期货公司开户关注的关键点
随机推荐
来广州找工作有一个多月了,今天终于有着落了,工资7000
How to build an overseas purchasing system/purchasing website - source code analysis
字节最爱问的智力题,你会几道?
通过点击CheckBox实现背景变换小案例
基于php志愿者服务平台管理系统获取(php毕业设计)
An动画优化之传统引导层动画
【必读要点】Pod控制器Deployment更新、回退详解
An工具介绍之3D工具
易观分析:2022年Q2中国网络零售B2C市场交易规模达23444.7亿元
Using the Work Queue Manager (4)
15. PARTITIONS「建议收藏」
利用pgsql插件PostGIS 实现地理坐标系数据转换
层次分析法
leetcode 11. 盛最多水的容器
云计算服务主要安全风险及应对措施初探
博客记录生活
An动画基础之元件的影片剪辑效果
Jmeter使用
论文理解:“Gradient-enhanced physics-informed neural networks for forwardand inverse PDE problems“
Oracle is installed (system disk) and transferred from the system disk to the data disk