图片动起来,文章更精彩——如何在文章中插入GIF动图

2020-09-20 19:47:39 12点赞 73收藏 7评论

摄影、理财、装修、海淘、下厨……新领域如何从入门到精通?9月7日-10月17日,#新手入门攻略#征稿活动已上线,分享你擅长领域的入门攻略/技巧/经历故事,带领值友从小白进阶到大神!现在投稿,3000元旗舰版乐高、总价值超千元京东E卡等你来拿!参与请戳>>

创作立场声明:本文制作稍有仓促,内容可能表达不够全面,还请大家指正,期待深入探讨交流

写在前面

这些日子在张大妈发了几篇文章后,总觉得文中总是以静态图片形式承载信息有些单调图片动起来,文章更精彩——如何在文章中插入GIF动图 ,虽然张大妈支持在文中插入视频,但是还是碰到过几次视频无法顺利播放的情况。

▲在编辑模式中可以插入视频链接,但有时播放会卡顿▲在编辑模式中可以插入视频链接,但有时播放会卡顿

恰巧在大妈闲逛的时候,看到很多值友都在用GIF格式的动图展示信息图片动起来,文章更精彩——如何在文章中插入GIF动图 ,虽然相比视频在色彩和顺滑度上稍有欠缺,但胜在读取速度快,受网速限制小。我在使用了几次后,发现自己更喜欢用GIF的动图与静态图片结合使用,所谓:“图片动起来,文章更精彩”图片动起来,文章更精彩——如何在文章中插入GIF动图

但在文章中想自由自在插入GIF动图可并不简单,我在张大妈的社区里并没有找到相关使用教程,无奈只能自己摸索,通过几天的测试,把制作和使用的心得跟值友们一起分享,希望能帮助大家更好使用动图,让文章更加精彩。倘若觉得制作太复杂,只当我水了一贴,也请大家一笑而过,不要过分苛责,打击了我的创作激情图片动起来,文章更精彩——如何在文章中插入GIF动图

前期准备

1、既然要制作动图,下面这款软件还是得准备一下,会不会用无所谓,反正我也没准备全面的说,只把需要操作的部分水一些文字,我简单的说,大家简单的学图片动起来,文章更精彩——如何在文章中插入GIF动图Photoshop(后面简称PS)一款软件即可搞定全部操作,包括视频的剪切和GIF动图的转化。

图片动起来,文章更精彩——如何在文章中插入GIF动图

2、有了软件,还得有个爱琢磨的小脑瓜,要勤思考图片动起来,文章更精彩——如何在文章中插入GIF动图

制作流程

1、张大妈的GIF动图主要使用在两个位置,头图和正文

▼以下步骤头图GIF和正文GIF通用▼

▲乍看以为头图可以上传8M的GIF▲乍看以为头图可以上传8M的GIF

▲等你上传GIF时,却又出现不能超过1M▲等你上传GIF时,却又出现不能超过1M

头图的大小竟然不能大于1M图片动起来,文章更精彩——如何在文章中插入GIF动图 ,没办法,只有将你的动图控制在1M以下。通过这两天的不断尝试, 总结了一些参数设置,刚好可以将动图的大小控制在1M以下,如果你觉得我这篇文章的头图效果还说得过去,那么可以参考以下的参数来进行设置。

先打开PS ,导入想要制作的视频

▲在PS中选择文件→打开,把要制作的视频导入到PS中▲在PS中选择文件→打开,把要制作的视频导入到PS中

▲视频导入后,左右拖动一下,看看需要截取哪一部分用来制作GIF▲视频导入后,左右拖动一下,看看需要截取哪一部分用来制作GIF

▲找到想要选取的视频开头位置,拖动视频左侧边框到这个位置,PS会自动将前面的多余部分删除,刚才选择的位置就会自动变成视频开头▲找到想要选取的视频开头位置,拖动视频左侧边框到这个位置,PS会自动将前面的多余部分删除,刚才选择的位置就会自动变成视频开头

▲同样的方法,找到想要截取的结尾位置,拖动边框到这个位置,后面剩下的部分会自动被删除▲同样的方法,找到想要截取的结尾位置,拖动边框到这个位置,后面剩下的部分会自动被删除

到这里,我们已经将拍摄好的视频截取完成,需要注意几点

1、拍摄视频的分辨率最好不要太高,最大1920*1080的分辨率就可以了,太大的分辨率PS很难流畅处理。

2、截取视频的长度最好是根据头图正文的限制再决定,头图GIF截取长度最好2秒以内,正文GIF截取长度最好6以内。

▲可以通过放大和缩小按钮,放大单位长度,更精确的截取时间▲可以通过放大和缩小按钮,放大单位长度,更精确的截取时间

▲这个视频我精准的截取了2秒,帧率是每秒30帧▲这个视频我精准的截取了2秒,帧率是每秒30帧

▲以上步骤头图GIF和正文GIF动图通用▲

为了让视频大小进一步缩小,我把头图的帧率设置在10fps

▲设置时间轴帧速率,将帧率设置在10fps▲设置时间轴帧速率,将帧率设置在10fps

▲现在视频总长和帧率都变小了▲现在视频总长和帧率都变小了

接下来我们要按照头图的要求对视频长宽进行裁剪

▲张大妈要求头图的尺寸是1484*628px▲张大妈要求头图的尺寸是1484*628px

▲将原视频比例由1920*1080裁切到1484*628,注意,是比例▲将原视频比例由1920*1080裁切到1484*628,注意,是比例

▲裁完后,黄框部分的比例就是1484*628▲裁完后,黄框部分的比例就是1484*628

因为头图要求的尺寸1484*628px是针对静态图片,GIF图片不能达到这个尺寸,不然大小会超标,

接下来使用PS的 储存为WEB所用格式

▲快捷键是 Ctrl+Shift+Alt+S▲快捷键是 Ctrl+Shift+Alt+S

▲设置如上▲设置如上

图像大小只要设置宽度即可,高度自动,我设置的宽度是500,太大的话尺寸会超过1M,颜色我选的64,太大的话同样尺寸会超1M,现在GIF的大小是969k,符合头图要求(图像大小可以在设置时逐步调整,让GIF大小不超过1M即可)最后在编辑页面顶端点击添加头图即可。

▲上传到头图的时候,因为GIF图的尺寸是500*211,比1484*628要小,会弹出提示,不用理会,选择确定此图▲上传到头图的时候,因为GIF图的尺寸是500*211,比1484*628要小,会弹出提示,不用理会,选择确定此图

▲以上头图制作方法结束▲

说完头图GIF,正文的GIF就随意很多了,8M的大小,少了很多限制,时长、颜色、尺寸都宽松了很多,图片质量自然就高了很多,帧率也可以不用设置在10,只要大小不超过8M都可以。

▲正文GIF帧率我设置在12.5,高一些也可以▲正文GIF帧率我设置在12.5,高一些也可以

▲宽度580,颜色128,总大小7.82M▲宽度580,颜色128,总大小7.82M

▲正文里的GIF,清晰度、颜色、流畅度都要好于头图▲正文里的GIF,清晰度、颜色、流畅度都要好于头图

总结

这篇文章用了两天的时间进行文字编辑和动图的制作,总的来说使用PS对1920×1080分辨率的视频转化为Gif动图的操作相对简单,使用PS做这篇教程之前,我在网上也下载了一些专门制作GIF动图的软件,但有的软件需要收费,有的可控性比较差,最终都放弃了,还是用回了PS,操作看似复杂,其实按照步骤操作非常简单,一拉一拖效果就出来了图片动起来,文章更精彩——如何在文章中插入GIF动图

如果觉得写的还行,请帮忙点赞收藏一下,万一以后能用到呢图片动起来,文章更精彩——如何在文章中插入GIF动图





未经授权,不得转载
展开 收起

Office 365 家庭版

Office 365 家庭版

239元起

微软 Microsoft 365 家庭版 电子秘钥 | 1年订阅 多至6人 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

微软 Microsoft 365 家庭版 电子秘钥 | 1年订阅 多至6人 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

279元起

微软 Microsoft 365 个人版 电子秘钥 | 1年订阅 1人使用 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

微软 Microsoft 365 个人版 电子秘钥 | 1年订阅 1人使用 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

259元起

微软 Microsoft 365 家庭版 彩盒包装 | 1年订阅 至多6人 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

微软 Microsoft 365 家庭版 彩盒包装 | 1年订阅 至多6人 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

279元起

微软 Microsoft 365 个人版 彩盒包装 | 1年订阅 1人使用 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

微软 Microsoft 365 个人版 彩盒包装 | 1年订阅 1人使用 正版高级Office应用 1T云存储 PC/Mac/移动设备通用

259元起

微软 Office 家庭和学生版 2019 电子秘钥版 | 正版授权 含Word/Excel/PPT 适用Windows 10 PC/Mac 非商用

微软 Office 家庭和学生版 2019 电子秘钥版 | 正版授权 含Word/Excel/PPT 适用Windows 10 PC/Mac 非商用

699元起

微软 Office365(现已升级Microsoft365)家庭版正版一年新订或续费 6用户多设备 365 家庭版在线发送+电子发票

微软 Office365(现已升级Microsoft365)家庭版正版一年新订或续费 6用户多设备 365 家庭版在线发送+电子发票

259元起

正版WPS超级会员 / WPS会员 / WPS稻壳会员 兑换码 月卡/年卡 PDF转Word WPS 超级会员1年

正版WPS超级会员 / WPS会员 / WPS稻壳会员 兑换码 月卡/年卡 PDF转Word WPS 超级会员1年

128元起

微软(Microsoft)Office365 个人版 正版办公软件 可供1用户5设备 一年新订或续费 365个人版 在线发送

微软(Microsoft)Office365 个人版 正版办公软件 可供1用户5设备 一年新订或续费 365个人版 在线发送

239元起

正版WPS超级会员 / WPS会员 / WPS稻壳会员 兑换码 月卡/年卡 PDF转Word WPS会员1年

正版WPS超级会员 / WPS会员 / WPS稻壳会员 兑换码 月卡/年卡 PDF转Word WPS会员1年

69元起

用友财务软件 好会计普及版 畅捷通T3在线版会计记账软件 专业版30天试用

用友财务软件 好会计普及版 畅捷通T3在线版会计记账软件 专业版30天试用

498元起

用友财务软件 好会计标准版 畅捷通T3在线版会计记账软件 专业版30天试用

用友财务软件 好会计标准版 畅捷通T3在线版会计记账软件 专业版30天试用

815元起

用友财务软件 好会计专业版 畅捷通T3在线版会计记账软件 专业版30天试用

用友财务软件 好会计专业版 畅捷通T3在线版会计记账软件 专业版30天试用

1758元起

用友财务软件 好会计专业版追加1个会计角色/年 畅捷通用友T3网页版 专业版试用30天

用友财务软件 好会计专业版追加1个会计角色/年 畅捷通用友T3网页版 专业版试用30天

300元起

微软 (Microsoft) Office 365 家庭版/个人版 激活密钥 1年订阅 正版办公软件 office 365个人版一年【支持5台设备】

微软 (Microsoft) Office 365 家庭版/个人版 激活密钥 1年订阅 正版办公软件 office 365个人版一年【支持5台设备】

309元起

用友财务软件 好会计专业版追加账套/年 畅捷通用友T3网页版 专业版试用30天

用友财务软件 好会计专业版追加账套/年 畅捷通用友T3网页版 专业版试用30天

50元起
7评论

发表评论请 登录
  • 最新
  • 最热
评论举报

请选择举报理由

相关好价推荐
查看更多好价

相关文章推荐

更多精彩文章
更多精彩文章
天猫超级红包
距结束::
天猫双11超级红包 每天领3次 金额可叠加
红包按钮
最新文章 热门文章
73
扫一下,分享更方便,购买更轻松