正在阅读:什么?!自己还能做gif图?(内附保姆级教程)
分享文章

微信扫一扫

参与评论
0
当前位置:首页 / 资讯 / 资讯 / 正文

信息未审核或下架中,当前页面为预览效果,仅管理员可见

什么?!自己还能做gif图?(内附保姆级教程)

转载 邱纪河2022/06/01 22:31:26 发布 IP属地:未知 来源:微信公众号 作者:135平台 25 阅读 0 评论 0 点赞

在开启教程之前

我们先来看看实际效果

👇






怎么样?是不是还不赖?

每张图小编都计算了制作时间

基本上都是在两三分钟完成的



而且还得到了咱们设计师的认可



想学的话,请继续看!

👇

01
找一张模板

首先当然是在比格设计里找一张你喜欢的模板,但是在选择的时候一定要清楚这张动图是放在哪里的。有些地方并不允许使用动图,例如朋友圈和公众号封面图。具体规则我盘点了放在文末。


02
设置动态效果

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



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



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

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



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

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



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

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



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


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



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

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



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

✦ 举个例子:


小女孩的延迟时间为0秒

狗狗的延迟时间为1.3秒

小女孩先入镜

小女孩的延迟时间为1秒

狗狗的延迟时间为0秒

狗狗先入镜


以下是持续时间的对比:


持续时间0.4秒

持续时间2.5秒


03
整张画布动态效果
多元素动态效果

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



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


04
匹配合适的动态效果

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



05
动图使用规则

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


最后我们来谈谈哪些地方可以使用动图。


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

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

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

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

  • 微博:支持


有小伙伴可能要问了:既然公众号封面图不能用GIF的,小编你在文章最前面做了三张动态封面图做什么呢?

答:这些图片可以放在公众号推文中呀!做动态的引导、分割线、配图都很好看。(活0活现)



本期的内容就是这么多,大家在使用动态图的过程中可以多做尝试,如果你做了什么有趣的动图,请给小编多多投稿展示呀。



本期点赞过 30 ,就教大家制作 倒计时动图



本期点赞过 50 ,就教大家制作 文章顶部动图




已有0人点赞

0条评论

 
承诺遵守文明发帖,国家相关法律法规 0/300

专题

查看更多