打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JPG变GIF动图全攻略!为微信配图打开新大陆!(实操教程)

昨天开始写挖坑已久的GIF教程

讲了GIF+文字或图片的方式

GIF+图片/二维码

GIF+文字/图片/二维码

作为一枚文案,我尽量用最简单的方式

来讲述本应该归属于设计范畴的问题

让匠友们看到就能自己学会

谢天谢地,你们认可的反馈让我的研究没有白费

昨天分享了第一种GIF的制作方式

今天我们来分享第二种

依然是全!部!实!操!

©所用工具:Photoshop

第二种常见且常用的GIF动图是:静态图片素材制作成GIF动图。

这种图片在微信图文中经常看到,后台有好几个匠友留言说到这种图片,很受甲方青睐。

因为它能像自动滑屏一样同时展示多个图片,让原本静态的.jpg变得不那么死板,对于商品上新产品推荐功能展示等等用途来说,real方便。

比如下面,我随手在网上找的几张图片,把这种方式用了一遍又一遍,百用不厌。

无论是公司新闻、产品上新、大促展示还是攻略步骤等分阶段又彼此有联系的图片,如果看腻了jpg,现在,你可以把它变成GIF啦!相信我,这次依然很简单,文案匠实操分享,下面就进入操作部分咯~

第二种

JPG变GIF

 ·JPG制作GIF

*下面教程所用图片源自美国著名时尚摄影师ERIK MADIGAN HECK,很时尚的摄影作品。

第一步:将需要做成GIF的静态图片素材拖入Photoshop(我选的是6张摄影作品)

第二步:以其中一张图片为背景,用昨天分享的方法:Ctrl+A全选图层,Ctrl+C复制,Ctrl+V粘贴,依次将其他5张图片,粘贴进背景图片的图层中,并Ctrl+T调整图片大小至一致(如图红框所示)

第三步:和昨天一样,在上面菜单栏依次点击【窗口】>【时间轴】,会得到下图,选择创建帧动画(红框正中下拉菜单),并点击(如下图红框所示)

第四步:点击之后,得到如图;然后点击红框区域,复制所选帧,

图层共有6张照片,所以,我复制了5次,如图,当前时间轴上显示共6张

细心的匠粉有没有发现,时间轴上,每张图片都是一样的,在这样的状态下,点击播放是没有任何反应的。好,我们继续,进入关键的下一步。

第五步:

1、如图,在时间轴上,选择编号为2的缩略图

(点击图片可看大图)

2、回到左侧,图层面板,点击红框部分,隐藏图层5

这个时候,有没有发现,时间轴上刚才选中的编号2的图片缩略图有了变化。

3、依照这个方法,依法炮制。即:再选择时间轴编号3的图片,回到左侧图层面板,同时隐藏编号1和编号2的图片图层。(具体隐藏哪些图片,目的是让6张不同的图片全部显示在时间轴上)

依次进行,直到时间轴上,6张图片都不一样为止。

(点击图片可看大图)

第六步:在时间轴上,点击如图所示按钮(即红框中写着“0秒”的地方),根据需要设置图片运动时长(关系到GIF图片动得快慢)

(点击图片可看大图)

我这里将它全部设置成0.5s

(点击图片可看大图)

第七步:点击播放按钮预览,确认无误后,在最上方菜单栏依次点击【文件】>【导出】>存储为web格式(如图所示),web存储界面,选择GIF,循环模式,一定要选择,“永远”,然后,点击存储即可。

Tips:如图,可调整百分比或像素值,控制GIF大小

做出来的效果图如下:

 ·JPG变GIF同时+文字/图形 

很多人有传递信息的需求,不仅想让jpg变成GIF动起来,还想加上文字,这时候我们该怎么办呢?

其实也挺简单,再接着进行加文字或图形的步骤即可,如下:

第八步:在已经做好的GIF图片中,点击文字工具,写上自己需要的文字,选择自己喜欢的字体。(需要加图形的同理)

图层面板,选择文字图层,按Ctrl+shift+]将文字图层置顶(或者直接拖动文字图层置顶,如图红框所示)

(点击图片可看大图)

按基础教程,点击播放按钮预览,确认无误后,在最上方菜单栏依次点击【文件】>【导出】>存储为web格式(如图所示),web存储界面,选择GIF,循环模式,一定要选择,“永远”,然后,点击存储即可。

加文字之后,成品如图: 

哈哈,是不是看着很高级呢~自从有了这种方式,JPG仿佛发现了新大陆,有了无限的可能性。

·明日预告·

第三种GIF图片:Cinemagraph式。

即在一张静态照片中有某一个细微的地方在细微运动,而照片中其他地方保持不动。好多匠友期待这个,那你们一定抽空把前两种实操一遍哦,我们明天来分享第三种!

一点说明:一木是枚文案,不是专业的设计师哦,以上分享均为自己的实操经验,巧走捷径,不求甚解;旨在帮助和我一样打理公众号的匠友们(我会定期根据后台和留言区匠友关心的问题进行分享),如需更专业的指导,请找专业设计师。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Photoshop教程:美得让人碎心翻写教程
闪图和闪字制作教程
PS如何在GIF动图上加文字 photoshop一键添加gif动图文字方法教程
PS教程:Photoshop制作卷轴画展开GIF动画特效
奇异花花钩织教程
看完就会:你们要的GIF动图教程,终于来了!(文案匠实操分享)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服