![4cdb9d2313a8bd1be70a392d7410eb84.png](https://i-blog.csdnimg.cn/blog_migrate/6fdf5ddabddc6b4db8de4cfdfd2ae9c0.jpeg)
有没有一种感觉?当我们意外的点开某篇文章,没有浏览内容,就已经让我们感到心情舒畅。
其实,对于文章第一印象的好感度,除了文章排版,大部分来源于版头版尾设计。
▼运营研究社▼
![46b2f7001078a5e80d743b141d55c53d.gif](https://i-blog.csdnimg.cn/blog_migrate/f69cbab2f0311075aa7a683b48403e51.gif)
▼新世相▼
![79a801a742ca666a847c9efeb3a3501c.png](https://i-blog.csdnimg.cn/blog_migrate/9707dd8946968b6ea6934862c79c9780.jpeg)
▼走着瞧旅行▼
![618ccc7e79666c1baa485ff9da68a51a.gif](https://i-blog.csdnimg.cn/blog_migrate/f551eee6f7dabc2a844b02dedab68837.gif)
▼千聊人物▼
![1b02a7dbf0276a8674d7d0c165669bea.gif](https://i-blog.csdnimg.cn/blog_migrate/5cf9cbd18999aab90d3d54ee7dbc7f2c.gif)
版头居于文章顶部,版尾居于文章底部,我们总会看到各式各样炫酷的版头版尾,源于动图的逐帧显示,多图叠加。
那么我们该如何去制作一款自己的版头版尾呢?
1
哪6种免费工具?
简单的方法手机即可制作,复杂一点就需要电脑了。
从简单到容易排序:手机应用、soogif动图制作、QQ影音、GIF CAM+PPT、AE/PS制作。
2
如何利用”手机应用“制作标星动图?
我们先来看最简单的标星动图:
![abe0208502c228569464e1e8b7c69453.gif](https://i-blog.csdnimg.cn/blog_migrate/6be52a29fce4906150d6f6abf526e7bd.gif)
这边运营桑就简单的教大家几个步骤,一起来看看
第一步:首先截图引导星标关注的几张图片。
截图关键部位解可。
![bb64c89b248a6ea914317139fb25f08d.png](https://i-blog.csdnimg.cn/blog_migrate/2bf695fece1114db1f6c5428259d37aa.jpeg)
第二步:利用“美图秀秀”,添加标记。
- 打开美图秀秀
- 点击“文字”与“涂鸦笔”将几张图片做上标记
![b896aad549c59868d9f6cd040c9c4513.png](https://i-blog.csdnimg.cn/blog_migrate/64ba21c906f121dc3d6bb1357e52e102.jpeg)
标记后效果:
![2a3c310346959702d80f6828c68d480f.png](https://i-blog.csdnimg.cn/blog_migrate/425561932f8580b2895681b591c4e498.jpeg)
tip:手机应用制作图片的软件很多,这边只选取了美图秀秀作为参考。
第三步:制作一张星星图
- 百度直接寻找一张星星图
- “美图秀秀”中打开“星星”图,并添加文字
![cc8b04509679f8314e6cc2f3d508f3b8.png](https://i-blog.csdnimg.cn/blog_migrate/af773ec98a0657e82a216916c710dee3.jpeg)
效果图:
![0e7e823169e41b6f1182e8a1802f2747.png](https://i-blog.csdnimg.cn/blog_migrate/5705512dee97a8df736c8d64e170844d.jpeg)
第四步:运用"GIF MAKER“进行动画制作
- 打开gif动画制作
- 选择图片的先后顺序
- 调节播放速度
- 导出原始GIF图
![525f3accc1d7b8d8c08455122693965c.png](https://i-blog.csdnimg.cn/blog_migrate/b9f36a52bf6332e323dd20cc2afec59e.jpeg)
![ba009ae20edc3e59c58406a268fc87d8.png](https://i-blog.csdnimg.cn/blog_migrate/d560872e0e8ec37d56207431217fd862.jpeg)
tip:手机应用制作GIF的软件很多,这边只选取了GIF MAKER。
- 优点:
相对来说是比较方便的,手机就能制作,并且功能较多,易上手。
- 缺点:
无法单帧调节,无法将细节做好,并且时常有小广告弹出。
3
如何用”SOOGIF动图“制作炫酷图?
若是觉得软件操作太麻烦,运营桑安利一款好用的在线GIF制作网站:soogif(https://www.soogif.com/)
里面功能很强大,有多图合成GIF、视频转GIF、GIF编辑、GIF裁剪等功能。(注意:部分功能需要开会员才能使用)
![a61b924616b7ea05f7893ada6194248a.png](https://i-blog.csdnimg.cn/blog_migrate/1897d969bab9d44f41bef776da4f3cba.jpeg)
这边先看一下炫酷效果图:
![bced68f3294b57a70380054361c47dc7.gif](https://i-blog.csdnimg.cn/blog_migrate/8bff7128a2307edcec8453f7616e6ec5.gif)
第一步:寻找某个视频载入SOOGIF,并转成GIF
- 1-点击”制作动图.GIF“
- 2-点击”视频转入GIF“
- 3-将寻找到的视频url复制到框内,点击“添加网络视频”
![d3d357b4ce0800f65d3237ef2b974629.png](https://i-blog.csdnimg.cn/blog_migrate/384b333fce37d54b80e2fb7b81cf0f46.jpeg)
第二步:进入“GIF编辑”进行个性化设置
警告,接下来是人民币玩家的场所:
- 4-点击“GIF编辑”
- 5-根据个人喜好设置“文字”、“滤镜”、“特效”
![5f507414461ab661fcefd51c94f13c19.png](https://i-blog.csdnimg.cn/blog_migrate/27a51c600f208cd31f9c99a53197adf2.jpeg)
![db408485b0c843becd652b8eed17a06b.png](https://i-blog.csdnimg.cn/blog_migrate/75b05be95a5f53163d522827b4a0c53e.jpeg)
- 优点:
界面清晰、一目了然、功能繁多、操作流畅易上手。
- 缺点:
- 视频转GIF时需要会员才能进行高级操作;
- 编辑样式较少,动态效果无法两个同时叠加;
- 无法个图编辑字体以及插入形状小件,ppt字体导出图片大小不一。
4
如何利用”QQ影音“裁剪电影片段
我们来看简单的电影片段效果图:
![10888615a1690bb7054663e2324f2892.gif](https://i-blog.csdnimg.cn/blog_migrate/94730aac51eef67c91770f7675568090.gif)
第一步:打开选取的视频
右上“+”号打开视频
![557f6dc9c5f313e39cab985d2e6bc3be.png](https://i-blog.csdnimg.cn/blog_migrate/01642cf4cca6adc1515e4afe2985c596.jpeg)
第二步:调整视频速度大小
- 1-点开视频右下方第一个
- 2-点击“中间项”-“动画”
![6797ec126c6d749793bd8edce023deb7.png](https://i-blog.csdnimg.cn/blog_migrate/9ff617b7830f4992263c17750dd8ae2a.jpeg)
- 3-调整图片速度大小
![c853237fb8e715613278fc21dd2cce85.png](https://i-blog.csdnimg.cn/blog_migrate/51bf541140c3e60f4c4bc8d12ae2a61c.jpeg)
第三步:截取视频片段
![123100eae3f8b8d2d8f78f13b5fdaa54.png](https://i-blog.csdnimg.cn/blog_migrate/7b6fb8ec8d74e459903c6c3c03e410e6.jpeg)
第四步:浏览并保存视频
![085e0c599f8a69aa90585f6e80eb966e.png](https://i-blog.csdnimg.cn/blog_migrate/804d3b4b621f601f49e19c8ce73d87eb.jpeg)
- 优点:
暂无
- 缺点:
制作效率低、需要精准素材必须先制作成视频后才能截为GIF。
5
如何利用”GIF CAM+PPT"制作动画
制作需要利用到GIFCAM与PPT来进行制作。
![5eb0c21fea09334b487956d483227e2e.gif](https://i-blog.csdnimg.cn/blog_migrate/5c33f44e42e1c7fe2a3d15df4e4fcf78.gif)
GIFCAM(GIF录制工具)下载地址(http://www.wmzhe.com/soft-1277.html#download)
PPT制作会相对复杂一点,不过推荐一个PPT动画制作插件:口袋动画。
![93600b5772889cb8a6c9b96ea43f33d8.png](https://i-blog.csdnimg.cn/blog_migrate/444f165cc8897539b1f719aaab3c1906.jpeg)
第一步:从“口袋动画”中选取心仪的模板
- 1-打开PPT,选取“口袋动画”
- 2-选取心仪的动画模板
![2409836a161835a696b513931b03581e.png](https://i-blog.csdnimg.cn/blog_migrate/2f0c1322b43d3c7b84488245b109dc1f.jpeg)
![bf1ea06560db5cfef588b7a1db7ef47b.png](https://i-blog.csdnimg.cn/blog_migrate/33fd851e4c34d80a5ee0d70e16962d41.jpeg)
第二步:自定义动画设置
![086c7bc0562f570f74e514cb6ac130d9.png](https://i-blog.csdnimg.cn/blog_migrate/c0ef0a214a8e69091143ba863a5c8b40.jpeg)
第三步:使用GIFCAM进行录制与编辑
- 1-打开GIFCAM,拖动GifCam的边框选取要录制的视频范围
- 2-点击“录制”
- 3-完成后,点击“保存”
![a5dd9c0275ec3eb94266bf035295a27e.png](https://i-blog.csdnimg.cn/blog_migrate/7b3ceae2130eadeb0ce176a38067a71f.jpeg)
- 优点:
特效样式多,操作方便,可采用多种方式录屏,实施编辑。
- 缺点:
插件难下载,编辑室需逐帧操作,无法精准定位到删除点。
6
如何利用AE制作高大上动图?
给大家看看效果图~
![3f97032480fdbf2d166dc142a36092e5.gif](https://i-blog.csdnimg.cn/blog_migrate/e2f15709ad6258e290c8836fb6197413.gif)
前方高能!!这步骤较多且困难,要仔细看好~
第一步:打开AE,建立新项目
- 1-点开左上角“文件”
- 2-点开“新建”
- 3-点击“新建项目”
(时间设置5秒就够)
![e923c0e83f903e3ab40fd382331b5f7e.png](https://i-blog.csdnimg.cn/blog_migrate/be1768448c03a91a2ebe745c4396aed7.jpeg)
第二步:导入素材,并调整素材位置
- 1-将素材导入框内
- 2-将素材导入时间轴
- 3-根据要求调整右边素材位置以及时间段
![bd621b50232af30eb5a4578cfcb34dab.png](https://i-blog.csdnimg.cn/blog_migrate/1494e4f6e5deebd83d06e9b0dca50116.jpeg)
第三步:导入关键帧,并调整数值
- 1-选定一段最开始的素材,并打开列表
- 2-点击“秒表”前的◆型部分,给素材打上关键帧
- 3-根据情况调整秒表数值
![98a09957d99d546d027f153539792217.png](https://i-blog.csdnimg.cn/blog_migrate/b581cf3a3ec98d352c16db65cdf70eb7.jpeg)
第四步:将素材调整好,得到开头动画 第五步:为圆圈部分、菱形部分打上关键帧(方法如第四步)
不同的圈圈可以采用不同时间段的关键帧,做出圈圈错落的效果。
![9ea6be76d5715f47b474dac28d8a831e.png](https://i-blog.csdnimg.cn/blog_migrate/b093698f37dc158c69a0c9e9f6b6a6e0.jpeg)
第六步:确定所有动作关键帧后,可以给想合成的素材进行预合成
![f53909b727bd9a33ffe96aae54f05c84.png](https://i-blog.csdnimg.cn/blog_migrate/bf1705408fa94144eff4c2e0b5b16645.jpeg)
第七步:添加文字
- 1-点击上方”文字工具“
- 2-在选取部分打上文字
![d2274442ca85a35ecd50d141173e3152.png](https://i-blog.csdnimg.cn/blog_migrate/adb382eca3f2bc3248557248a1113b6b.jpeg)
第八步:为文字添加蒙版
- 1-蒙版处选择蒙版拓展
- 2-为蒙版打上关键帧
![19b3418bc1d548431c39725ca821a9be.png](https://i-blog.csdnimg.cn/blog_migrate/5d69f5b36f89a9e164b8ce63193274d0.jpeg)
![de6e357a8e596dfa7be68c14239f3814.png](https://i-blog.csdnimg.cn/blog_migrate/644716ff73e6e7312478a8d8c1e31cea.jpeg)
- 3-控制蒙版初始大小,让蒙版逐渐显现字
![23ea511046b7e0bf4e37dd1fef5965ef.png](https://i-blog.csdnimg.cn/blog_migrate/9abe4f6d3b6a46b589aca4a4655b1d64.jpeg)
第九步:导出文件
- 1-点击”文件“-”导出“
- 2-点击添加到渲染队列
![8fc255583c5f5f7eaf0849e7d897b804.png](https://i-blog.csdnimg.cn/blog_migrate/98f0fb36324761503744da06a6fce9f2.jpeg)
- 优点:
制作效果好、专业性高、只有你想不到,没有它做不到。
- 缺点:
操作复杂难上手、需要经过专门学习、导出文件占内存。