图片动起来,文章更精彩——如何在文章中插入GIF动图
创作立场声明:本文制作稍有仓促,内容可能表达不够全面,还请大家指正,期待深入探讨交流
写在前面
这些日子在张大妈发了几篇文章后,总觉得文中总是以静态图片形式承载信息有些单调 ,虽然张大妈支持在文中插入视频,但是还是碰到过几次视频无法顺利播放的情况。
恰巧在大妈闲逛的时候,看到很多值友都在用GIF格式的动图展示信息 ,虽然相比视频在色彩和顺滑度上稍有欠缺,但胜在读取速度快,受网速限制小。我在使用了几次后,发现自己更喜欢用GIF的动图与静态图片结合使用,所谓:“图片动起来,文章更精彩” 。
但在文章中想自由自在插入GIF动图可并不简单,我在张大妈的社区里并没有找到相关使用教程,无奈只能自己摸索,通过几天的测试,把制作和使用的心得跟值友们一起分享,希望能帮助大家更好使用动图,让文章更加精彩。倘若觉得制作太复杂,只当我水了一贴,也请大家一笑而过,不要过分苛责,打击了我的创作激情
前期准备
1、既然要制作动图,下面这款软件还是得准备一下,会不会用无所谓,反正我也没准备全面的说,只把需要操作的部分水一些文字,我简单的说,大家简单的学 ,Photoshop(后面简称PS)一款软件即可搞定全部操作,包括视频的剪切和GIF动图的转化。
2、有了软件,还得有个爱琢磨的小脑瓜,要勤思考
制作流程
1、张大妈的GIF动图主要使用在两个位置,头图和正文
▼以下步骤头图GIF和正文GIF通用▼
头图的大小竟然不能大于1M ,没办法,只有将你的动图控制在1M以下。通过这两天的不断尝试, 总结了一些参数设置,刚好可以将动图的大小控制在1M以下,如果你觉得我这篇文章的头图效果还说得过去,那么可以参考以下的参数来进行设置。
先打开PS ,导入想要制作的视频
▲视频导入后,左右拖动一下,看看需要截取哪一部分用来制作GIF
▲找到想要选取的视频开头位置,拖动视频左侧边框到这个位置,PS会自动将前面的多余部分删除,刚才选择的位置就会自动变成视频开头
▲同样的方法,找到想要截取的结尾位置,拖动边框到这个位置,后面剩下的部分会自动被删除
到这里,我们已经将拍摄好的视频截取完成,需要注意几点
1、拍摄视频的分辨率最好不要太高,最大1920*1080的分辨率就可以了,太大的分辨率PS很难流畅处理。
2、截取视频的长度最好是根据头图和正文的限制再决定,头图GIF截取长度最好2秒以内,正文GIF截取长度最好6以内。
▲以上步骤头图GIF和正文GIF动图通用▲
为了让视频大小进一步缩小,我把头图的帧率设置在10fps
接下来我们要按照头图的要求对视频长宽进行裁剪
▲将原视频比例由1920*1080裁切到1484*628,注意,是比例
因为头图要求的尺寸1484*628px是针对静态图片,GIF图片不能达到这个尺寸,不然大小会超标,
接下来使用PS的 储存为WEB所用格式
图像大小只要设置宽度即可,高度自动,我设置的宽度是500,太大的话尺寸会超过1M,颜色我选的64,太大的话同样尺寸会超1M,现在GIF的大小是969k,符合头图要求(图像大小可以在设置时逐步调整,让GIF大小不超过1M即可)最后在编辑页面顶端点击添加头图即可。
▲上传到头图的时候,因为GIF图的尺寸是500*211,比1484*628要小,会弹出提示,不用理会,选择确定此图
▲以上头图制作方法结束▲
说完头图GIF,正文的GIF就随意很多了,8M的大小,少了很多限制,时长、颜色、尺寸都宽松了很多,图片质量自然就高了很多,帧率也可以不用设置在10,只要大小不超过8M都可以。
总结
这篇文章用了两天的时间进行文字编辑和动图的制作,总的来说使用PS对1920×1080分辨率的视频转化为Gif动图的操作相对简单,使用PS做这篇教程之前,我在网上也下载了一些专门制作GIF动图的软件,但有的软件需要收费,有的可控性比较差,最终都放弃了,还是用回了PS,操作看似复杂,其实按照步骤操作非常简单,一拉一拖效果就出来了
如果觉得写的还行,请帮忙点赞收藏一下,万一以后能用到呢
clarkequ
校验提示文案
白色路标
校验提示文案
哟陈总嘛
校验提示文案
luodzwf
校验提示文案
忘了说嘚爱
我觉得这个不错,功能多,轻量
校验提示文案
忘了说嘚爱
我觉得这个不错,功能多,轻量
校验提示文案
luodzwf
校验提示文案
白色路标
校验提示文案
哟陈总嘛
校验提示文案
clarkequ
校验提示文案