昨天开始写挖坑已久的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式。
即在一张静态照片中有某一个细微的地方在细微运动,而照片中其他地方保持不动。好多匠友期待这个,那你们一定抽空把前两种实操一遍哦,我们明天来分享第三种!
一点说明:一木是枚文案,不是专业的设计师哦,以上分享均为自己的实操经验,巧走捷径,不求甚解;旨在帮助和我一样打理公众号的匠友们(我会定期根据后台和留言区匠友关心的问题进行分享),如需更专业的指导,请找专业设计师。
<如果文案匠让你受益,与人分享是对它最大的奖赏>
后台回复【GIF】查看第一期动图教程
与其抓耳挠腮·不如现在积累
长按识别
一键关注