当前位置：网站首页>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)]$

And then copy a caterpillar here.

Ctrl+CThe first layer of the caterpillar,然后Ctrl+V粘贴进来即可.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ze0j7kAZ-1659282793839)(D:\Typora图片\image-20220731125617800.png)]$

Copy right out of the caterpillar,转化为“图形”.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SvhCIqpx-1659282793839)(D:\Typora图片\image-20220731125759295.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)]$

再次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)]$

导出之后,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)]$

（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)]$

一共有30帧,那么“播放一次”就是从第1帧到30The frame to stop.

The frame number increases a little（增加到50帧）,方便查看.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jsMeomKv-1659282793844)(D:\Typora图片\image-20220731182827648.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)]$

Will cycle options for“单帧”.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mwjj1xG6-1659282793844)(D:\Typora图片\image-20220731183111074.png)]$

这里举个例子,将第1The frame in20帧.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a3v34Pnm-1659282793845)(D:\Typora图片\image-20220731183213974.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)]$

（2）Element types into a button

You can change the color to green.然后将它F8转化为元件,类型选择“按钮”.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UYh2LcW0-1659282793845)(D:\Typora图片\image-20220731184848653.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)]$

1）指向

点击“指向”,按下F6Transformation of key frames.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oNvDXjgI-1659282793846)(D:\Typora图片\image-20220731185235016.png)]$

将颜色改为蓝色.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HnwTckye-1659282793846)(D:\Typora图片\image-20220731185322708.png)]$

2）按下

点击“按下”,同样F6创建关键帧.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IgaSOYWZ-1659282793847)(D:\Typora图片\image-20220731185418921.png)]$

颜色改为红色.

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zjGJIsz9-1659282793847)(D:\Typora图片\image-20220731185453683.png)]$

3）点击

“点击”的话,速度有点快,Quickly see effect,Let's not move it,Behind the chance to say.

（4）效果

现在我们看一下效果：

请添加图片描述

原创不易,多多支持~
在这里插入图片描述

原网站

版权声明
本文为[The rain wing light dust]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/215/202208031228576884.html

当前位置：网站首页>Graphic animation and button animation of an animation basic component

Graphic animation and button animation of an animation basic component

文章目录

一、图形动画

（1）Graphics animation and animation film editing the difference

（2）播放一次

（3）Single frame effect

二、按钮动画

（1）画一个圆角矩形

（2）Element types into a button

（3）功能介绍

1）指向

2）按下

3）点击

（4）效果

边栏推荐

猜你喜欢

随机推荐