今天Why姐准备教你们,做出以下两种高逼格动态图:
旅游、美食类公众号,特别青睐的轮播动图。
![a21c412d7f2d39190eb7b38d949958ec.gif](https://i-blog.csdnimg.cn/blog_migrate/4e574be5f41ea2ba01e85703ab913b98.gif)
文化类公众号偏爱的,视频+品牌Logo的动态图。
![53cfd68ad5baf3a13da2594cee127704.gif](https://i-blog.csdnimg.cn/blog_migrate/f885ad0f643b01dd1c8c9e21e406f74c.gif)
![1a538d3a67b69dd73dbcfdf7c67f569a.gif](https://i-blog.csdnimg.cn/blog_migrate/e4543fb3bc551f363b4c21abe8a7ce45.gif)
虽然这种动态图难度不大,但还真不少人问过我怎么做。大家都比较关心的是,做它们要用到PS和AE吗?每当此时我心里就在OS……
![cc5f0bc534f26e1a8af222b17902ec35.png](https://i-blog.csdnimg.cn/blog_migrate/c63ff0760acf3bbea5ab6cca02bba107.jpeg)
用PS和AI,一顿操作只需要三分钟。(下载安装学习12小时 )
但是作为一个撂下了狠话,说绝对不教PSAIAE的设计号,我当然只能教你们平易近人的野路子啊!
上面那三张图,我就是用野路子做出来的,想学就往下看幼儿园式贴心步骤图分解,一次性教会你们咯!
1、轮播动图制作法
『需要工具』
①任意一个在线做图网站
②Gif合成工具:
推荐:https://tool.gifhome.com/
第一步
先准备好,2张以上的图片素材。
![2eff68d8b8673d16fae0405d8adf616c.png](https://i-blog.csdnimg.cn/blog_migrate/120be19ce7d40f7396e7a385e4e3711b.jpeg)
图片可以是自己拍摄的,也可以是在网上找的CC0协议图片。
图片本身要有美感,建议先用美图秀秀等软件,对图片稍微调一下色,然后按顺序命好名就可以了。
![4939f566fccf0c07bde97a6f25dc4ff6.png](https://i-blog.csdnimg.cn/blog_migrate/6a40f7b53177924fc69b38861d9b76c9.jpeg)
(PS:不知道去哪里找图的,可以去歪脑设计后台回复“表表的”,获得一份万能可商用素材网合集)
第二步
选择任意一个,你平时常用的在线制图工具,什么凡科快图、创客贴、图怪兽等等。
(不同网站功能位置可能会有点不同,但是效果都是差不多的)
我常用的是凡科快图,因为全免费,这次也用它来做示范。
登录后进入【设计管理】,不必选择任何模板,直接创建一个空白的画板。
![b728dd5ae89cb77cfcf84786b07c5239.png](https://i-blog.csdnimg.cn/blog_migrate/bcd9cf73e3256ef64ab2a78dd2e61ac9.png)
设置图片尺寸为640*262px
![6670382b75924ccbd27d291c85d2cc5e.png](https://i-blog.csdnimg.cn/blog_migrate/4d3e550ed0aebd5b59962bf814fcb660.jpeg)
在左侧工具栏选择,【背景】-【自定义图片】,将准备好的图一次性上传好。
![2fe0d9ab91590810b176ea9dca4e704f.png](https://i-blog.csdnimg.cn/blog_migrate/079c71e84c5c5435c51b2a1a5d5bdc97.jpeg)
![84c07e0517a0a83edd2ebdcd69b2b449.png](https://i-blog.csdnimg.cn/blog_migrate/60537927294af016e1fef7ebdd9768f7.jpeg)
单击其中一张图片,这张图就会自动铺满画板了。
![c46d9f34ab6bff5b55fdcdf14da42818.gif](https://i-blog.csdnimg.cn/blog_migrate/9ba2781b2db7f45964fb93ec07d7db7f.gif)
点击左侧工具栏,【文本】-【添加标题文字】,并调整字体和颜色。
![e33eb9ba31fa90324856cb4c22de7cf6.png](https://i-blog.csdnimg.cn/blog_migrate/be38e9750ee354ca9be7e1ef023b4215.jpeg)
点击页面右上角【下载】
![ee01ed20393694d595912640b7fd2d00.png](https://i-blog.csdnimg.cn/blog_migrate/d88d4119d5ff3903392cae1aaf528592.png)
第三步
鼠标选择刚才添加的文字图层,按一下右上角的【锁定】,避免它移位。
![a605af6c84d40839a205717dce630b90.png](https://i-blog.csdnimg.cn/blog_migrate/39b82ab070d975cb8bbf095330e3836c.jpeg)
第四步
重复上面的步骤,点击左侧工具栏,【背景】-【自定义图片】,并选择另一张图片。
![5e975e0b00855dec447ccb4e3b0d5737.gif](https://i-blog.csdnimg.cn/blog_migrate/e22e4e057bfda403e53090a0ba9cf0df.gif)
然后【下载】
![cf0bba66871b09c8d41cc393f693bb80.png](https://i-blog.csdnimg.cn/blog_migrate/d33334c9a06abdf4e05e53bddf3dc111.jpeg)
你打算轮播几张图,你就重复几遍这个步骤。
![4542cf7881614fc5afc02780e547233c.png](https://i-blog.csdnimg.cn/blog_migrate/273cb4b69b6196ff8379be1032b3d791.jpeg)
第五步
打开这个网站:https://tool.gifhome.com/ ,选择GIF合成。
![42618a0ea70050066df7882a9978d841.png](https://i-blog.csdnimg.cn/blog_migrate/1f0848d07daf845a5e7893d161269fef.jpeg)
把刚才做好的图片,一次性全部拖入上传框里,然后调节一下轮播的速度。
![8626ddbd28428270853ab18b29899567.gif](https://i-blog.csdnimg.cn/blog_migrate/5ff8359364bcfd229408d8f25a8ffcf6.gif)
最后,点击【生成gif】-【下载】
![7d02054f63c48856db19aec9f025738b.png](https://i-blog.csdnimg.cn/blog_migrate/ba780472bab97de257da665c071b96a7.jpeg)
一张高逼格轮播图,就做好啦!
![44b38fbaa770a470b710d4c0e6760ae6.gif](https://i-blog.csdnimg.cn/blog_migrate/3fac331461389e732cc2a09d303a2cbb.gif)
![5450a1c14508f94c8568e5a15e039b09.gif](https://i-blog.csdnimg.cn/blog_migrate/682d161c5436a7af5f0dc0a01232b5db.gif)
2、视频+文字动图制作法
『需要工具』
①PPT or WPS演示(建议2013版本以上)
②任意一个gif录制软件(推荐:gifcam、LICEcap)
(后台回复“动图录制”获得)
③任意一个gif压缩工具,推荐:https://tool.gifhome.com/
-此教程用WPS演示2019来做示范-
第一步
①准备一个5-10s左右的视频,可以自己拍摄,也可以到CC0素材网下载。
(歪脑设计后台回复“表表的”获得网站)
②准备一个设计过的透明底图
没什么追求的可以忽略这步
![9d5c17ab554bb28510984d3ef49c5b23.png](https://i-blog.csdnimg.cn/blog_migrate/1d393f63fe296bb674462ea2b95ca7de.jpeg)
第二步
打开WPS演示文稿,新建一个幻灯片,在幻灯片中央点击插入视频。
![1dbd0cde23cf57cfd7e4242c19d130f8.png](https://i-blog.csdnimg.cn/blog_migrate/35392faff6a17d5b3c59e0da3e9a0a26.jpeg)
![b2b5abaf3eff455d36f5d0b0a25ba5d2.png](https://i-blog.csdnimg.cn/blog_migrate/2b44deb7bd68b1534fda0399b431251f.jpeg)
第三步
在视频上面插入一个文本框,或者插入准备好的PNG图片。
![50a4dfd32a6582245ec36665acf8080a.gif](https://i-blog.csdnimg.cn/blog_migrate/2f971af50c743ec86cce960a5e8869fb.gif)
如果你想动图的层次更多,你可以将元素分开几次插入。
![2210e74a7d2f0278b0e5083268ffbc1e.png](https://i-blog.csdnimg.cn/blog_migrate/0b7f7c5196488486ae150974e4ce6100.jpeg)
第四步
![3d70b564fe42086c3f355b3abd5eb210.png](https://i-blog.csdnimg.cn/blog_migrate/2ebaea4582a78713f0759c55eafa4ead.jpeg)
在WPS的动画效果里,有一栏叫【动作路径】(2013版本后都有)
如果你想要再酷炫一些,我们可以利用它,让一些小零件飞一会儿。
![f7ab9635f4f3295cf2cbe6fb87576472.png](https://i-blog.csdnimg.cn/blog_migrate/cb8ff2b07fae00195c76189ebcf7cde3.jpeg)
如果你的版本没有这个功能,可以用“弹跳”这种适合Solo的动画。
![8bd668e80b9ba1db1c61997bcbb1b633.gif](https://i-blog.csdnimg.cn/blog_migrate/4e07a7d317403b6be2e192c433fe50d0.gif)
第五步
在【自定义动画】中,将视频素材放到最上面:【开始】-【之前】
其他素材则按出现顺序排列:【开始】-【之前/之后】【速度】-照自己喜好来选
![313b87c316139bd134654d80060a6ff4.gif](https://i-blog.csdnimg.cn/blog_migrate/2d5c6e4fdb5f797b4bfd55d772cacd5a.gif)
然后设计我们就做好了。
第六步
打开任意一个gif录制工具,我用的是LICEcap。
![92191c964630833f9f2d62b7102bdf83.png](https://i-blog.csdnimg.cn/blog_migrate/903ec468b4274d60f10abeba2bf131d2.jpeg)
![5ce9014d0a31e9d9f1d73b1144d34552.png](https://i-blog.csdnimg.cn/blog_migrate/4911b3aa4fcfcc7353fcf44659aeefd5.jpeg)
然后我们退出全屏,点击录制软件的【录制】,等左上角倒数显示1时,按下WPS右下角的【播放】。
![9663495eb5381e058434c5708a263c84.png](https://i-blog.csdnimg.cn/blog_migrate/1906679ca719cfbf49800844a552d391.jpeg)
![92191c964630833f9f2d62b7102bdf83.png](https://i-blog.csdnimg.cn/blog_migrate/903ec468b4274d60f10abeba2bf131d2.jpeg)
等动画播放完后,在恰当的时机按下【停止】就可以了。
![883d41202c98a738f618dfbb4016bc1b.png](https://i-blog.csdnimg.cn/blog_migrate/f42a4273b1b0e06ae0331469f3ce1dab.jpeg)
此时我们的图片其实已经完成了。
但是大家都知道,如果你想将动图用在公众号里,那么Gif的大小最好不要超过2M。
而视频因为色彩比较丰富,所以录制出来的Gif通常比较大。
第六步
接着我们可以继续用这个网站https://tool.gifhome.com/ 把动图上传压缩一下,就大功告成了。
效果图如下:
![53cfd68ad5baf3a13da2594cee127704.gif](https://i-blog.csdnimg.cn/blog_migrate/f885ad0f643b01dd1c8c9e21e406f74c.gif)
看完我这个呕心沥血的教程。
如果你还不懂,那你就来评论里尽情问吧,我肯定有问必答。
没问题的话,Why老师先撤了。
![5a19c0f722489b3849950faa8a731397.png](https://i-blog.csdnimg.cn/blog_migrate/b3dc29e2fd0aba4b073799372f98245a.jpeg)
以上