比格设计动画功能实际效果展示

一、动图使用规则：

• 微信朋友圈：不支持动图

• 微信公众号封面图：不支持动图

• 微信公众号文章内：支持动图，10M以内

• 微信对话聊天、微信群：支持动图，但图片过大会自动转为文件方式发送

• 微博：支持

比格设计可以生成最大1242*2208px的动态GIF，也就是手机海报大小的。超过这个尺寸的，例如长图海报和条漫，目前是暂不支持。

二、使用比格动画制作动图

1、找一张模板

首先当然是在比格设计里找一张你喜欢的模板。

2、设置动态效果

在做动效之前先把你要替换的二维码和文字内容都替换好哦。在编辑页面的右侧，我们切换到【动画】编辑栏里，这里可以设置入场、强调、退场动画。

每个动画设置里都包含了多种特效。

入场动画：一开始画布不会有这个元素，设置了某个特效之后，以这种特效的方式，进入画布。

✦ 举例：注意看下图的粽子，缓缓从右往左移入画布。

强调动画：一开始就在画布上，会以某种特效方式进行强调。

✦ 举例：下方海报的标题和618字样，原本就在海报上，只是抖动了一下，做了强调。

退场动画：元素一开始就在画布上，结束的时候，会以某种特效的方式消失。

✦ 举例：信纸原先是在画布上的，缓缓向下移动退场。

这些动画组合在一起，会出现更多神奇的效果。例如入场+退场可以做出倒计时的效果。这个我们就放在之后的教程里，来为大家分享！请一定持续关注比格设计平台的后续推文。

设置方式很简单，选中某个元素，然后设置动画效果。

延迟是指多久之后执行这个动画效果

持续是指这个效果持续时间多长

设置延迟时间，就能控制元素出现的先后顺序，我们再

✦ 举个例子：

小女孩的延迟时间为0秒

狗狗的延迟时间为1.3秒

小女孩先入镜

小女孩的延迟时间为1秒

狗狗的延迟时间为0秒

狗狗先入镜

以下是持续时间的对比：

持续时间0.4秒

持续时间2.5秒

3、整张画布动态效果，多元素动态效果

了解了这些动态效果的意思，我们还可以进行一些延申。如果一开始不点选任何元素，就是直接设置整张画布的动态效果，如下图，所有元素都从上而下降落。

如果需要让多个元素以同样的时间和速度做同样的动态效果，只需要键盘按住ctrl键连续选择多个元素，再去设置动态效果即可。

4、匹配合适的动态效果

每张图需要按照风格，元素的属性去设置动画效果。就像小编最开始做的毕业纪念海报，左图看起来就比较正常，大家从下而上跃起。右图的四位少年看起来多少有点儿不正常...投稿到B站的鬼畜区，应该是挺受欢迎的。