gif分解工具_做一张高逼格的GIF品牌图,根本不用PS

今天Why姐准备教你们,做出以下两种高逼格动态图:

旅游、美食类公众号,特别青睐的轮播动图。

a21c412d7f2d39190eb7b38d949958ec.gif

文化类公众号偏爱的,视频+品牌Logo的动态图。

53cfd68ad5baf3a13da2594cee127704.gif

1a538d3a67b69dd73dbcfdf7c67f569a.gif

虽然这种动态图难度不大,但还真不少人问过我怎么做。大家都比较关心的是,做它们要用到PS和AE吗?每当此时我心里就在OS……

cc5f0bc534f26e1a8af222b17902ec35.png

用PS和AI,一顿操作只需要三分钟。(下载安装学习12小时 )

但是作为一个撂下了狠话,说绝对不教PSAIAE的设计号,我当然只能教你们平易近人的野路子啊!

上面那三张图,我就是用野路子做出来的,想学就往下看幼儿园式贴心步骤图分解,一次性教会你们咯!

1、轮播动图制作法

『需要工具』

①任意一个在线做图网站

②Gif合成工具:

推荐:https://tool.gifhome.com/

第一步

先准备好,2张以上的图片素材。

2eff68d8b8673d16fae0405d8adf616c.png

图片可以是自己拍摄的,也可以是在网上找的CC0协议图片。

图片本身要有美感,建议先用美图秀秀等软件,对图片稍微调一下色,然后按顺序命好名就可以了。

4939f566fccf0c07bde97a6f25dc4ff6.png

(PS:不知道去哪里找图的,可以去歪脑设计后台回复“表表的”,获得一份万能可商用素材网合集)

第二步

选择任意一个,你平时常用的在线制图工具,什么凡科快图、创客贴、图怪兽等等

(不同网站功能位置可能会有点不同,但是效果都是差不多的)

我常用的是凡科快图,因为全免费,这次也用它来做示范。

登录后进入【设计管理】,不必选择任何模板,直接创建一个空白的画板。

b728dd5ae89cb77cfcf84786b07c5239.png

设置图片尺寸为640*262px

6670382b75924ccbd27d291c85d2cc5e.png
(可根据实际情况设置)

在左侧工具栏选择,【背景】-【自定义图片】,将准备好的图一次性上传好。

2fe0d9ab91590810b176ea9dca4e704f.png
【背景】-【自定义图片】

84c07e0517a0a83edd2ebdcd69b2b449.png
一次性上传好所有图片

单击其中一张图片,这张图就会自动铺满画板了。

c46d9f34ab6bff5b55fdcdf14da42818.gif

点击左侧工具栏,【文本】-【添加标题文字】,并调整字体和颜色。

e33eb9ba31fa90324856cb4c22de7cf6.png
【文本】-【添加标题文字】

点击页面右上角【下载】

ee01ed20393694d595912640b7fd2d00.png

第三步

鼠标选择刚才添加的文字图层,按一下右上角的【锁定】,避免它移位。

a605af6c84d40839a205717dce630b90.png
选中文字图层,按右上角的【锁定】,避免它移位

第四步

重复上面的步骤,点击左侧工具栏,【背景】-【自定义图片】,并选择另一张图片。

5e975e0b00855dec447ccb4e3b0d5737.gif

然后【下载】

cf0bba66871b09c8d41cc393f693bb80.png

你打算轮播几张图,你就重复几遍这个步骤。

4542cf7881614fc5afc02780e547233c.png
最后你就会得到几张尺寸相同、并且带了品牌名称的图片。

第五步

打开这个网站:https://tool.gifhome.com/ ,选择GIF合成。

42618a0ea70050066df7882a9978d841.png

把刚才做好的图片,一次性全部拖入上传框里,然后调节一下轮播的速度。

8626ddbd28428270853ab18b29899567.gif

最后,点击【生成gif】-【下载】

7d02054f63c48856db19aec9f025738b.png

一张高逼格轮播图,就做好啦!

44b38fbaa770a470b710d4c0e6760ae6.gif

5450a1c14508f94c8568e5a15e039b09.gif

2、视频+文字动图制作法

『需要工具』

①PPT or WPS演示(建议2013版本以上)

②任意一个gif录制软件(推荐:gifcam、LICEcap)

(后台回复“动图录制”获得)

③任意一个gif压缩工具,推荐:https://tool.gifhome.com/

-此教程用WPS演示2019来做示范-

第一步

①准备一个5-10s左右的视频,可以自己拍摄,也可以到CC0素材网下载。

(歪脑设计后台回复“表表的”获得网站)

②准备一个设计过的透明底图

没什么追求的可以忽略这步

9d5c17ab554bb28510984d3ef49c5b23.png

第二步

打开WPS演示文稿,新建一个幻灯片,在幻灯片中央点击插入视频。

1dbd0cde23cf57cfd7e4242c19d130f8.png

b2b5abaf3eff455d36f5d0b0a25ba5d2.png

第三步

在视频上面插入一个文本框,或者插入准备好的PNG图片。

50a4dfd32a6582245ec36665acf8080a.gif

如果你想动图的层次更多,你可以将元素分开几次插入。

2210e74a7d2f0278b0e5083268ffbc1e.png
这里包含了1张PNG图片,1个文本框、1个形状。

第四步

3d70b564fe42086c3f355b3abd5eb210.png
逐个点击元素,分别选择一个你喜欢的动画效果

在WPS的动画效果里,有一栏叫【动作路径】(2013版本后都有)

如果你想要再酷炫一些,我们可以利用它,让一些小零件飞一会儿。

f7ab9635f4f3295cf2cbe6fb87576472.png

如果你的版本没有这个功能,可以用“弹跳”这种适合Solo的动画。

8bd668e80b9ba1db1c61997bcbb1b633.gif
例如这个飞动的黄色小方块。我们给它添加一个长方形路径,点击【自定义动画】,出现的黑色虚线就是它的路径。绿色三角形就是它的终点中心点,根据你自己的设想调整位置。

第五步

【自定义动画】中,将视频素材放到最上面:【开始】-【之前】

其他素材则按出现顺序排列:【开始】-【之前/之后】【速度】-照自己喜好来选

313b87c316139bd134654d80060a6ff4.gif
如果你全部选择了【之前】,所有动画就会同时开始播放

然后设计我们就做好了。

第六步

打开任意一个gif录制工具,我用的是LICEcap。

92191c964630833f9f2d62b7102bdf83.png
点击WPS右下角的【播放】

5ce9014d0a31e9d9f1d73b1144d34552.png
调出gif录制工具,调整录制边框,框选出你要录制的区域。

然后我们退出全屏,点击录制软件的【录制】,等左上角倒数显示1时,按下WPS右下角的【播放】。

9663495eb5381e058434c5708a263c84.png
退出全屏,点击录制软件的【录制】,等左上角倒数显示1

92191c964630833f9f2d62b7102bdf83.png
按下WPS右下角的【播放】。

等动画播放完后,在恰当的时机按下【停止】就可以了。

883d41202c98a738f618dfbb4016bc1b.png

此时我们的图片其实已经完成了。

但是大家都知道,如果你想将动图用在公众号里,那么Gif的大小最好不要超过2M。

而视频因为色彩比较丰富,所以录制出来的Gif通常比较大。

第六步

接着我们可以继续用这个网站https://tool.gifhome.com/ 把动图上传压缩一下,就大功告成了。

效果图如下:

53cfd68ad5baf3a13da2594cee127704.gif

看完我这个呕心沥血的教程。

如果你还不懂,那你就来评论里尽情问吧,我肯定有问必答。

没问题的话,Why老师先撤了。

5a19c0f722489b3849950faa8a731397.png

以上

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值