文章配图的GIF动图怎么做?
已经记不清有多少匠友
在后台和留言区问过这个问题
我也答应了你们要出教程
然后
……
……
……
……
今天终于有时间兑现!
掩面哭泣
挖了很久的坑,终于把它填上
©所用工具:Photoshop
今天的教程非常详细,一步一步详细解析,所用到的软件就是我们非常熟悉和常用的PS,文案匠实操分享(连文案都会,可想有多简单了吧~),智商80以上看完就会,看完不会……纳尼?不应该啊!
根据后台留言反馈,很多人急需对动态二维码的处理,那么我们就以动态二维码作为案例来一一操作。
动图有很多方式,为方便使用,我把最常见最常用的GIF分成三种,每种有不同的教程,进行详细操作。好辣,下面我们就开始吧~
▼
第一种:已有GIF素材+文字/二维码
找到一张非常贴合自己需求的GIF图片,但是想加文字怎么办?想放自己的二维码怎么办?比如下面的图片:
第二种:静态图片素材变成GIF动图
想把几张静态图片变成GIF格式动图怎么办?比如这张:
第三种:Cinemagraph式
即在一张静态照片中有某一个细微的地方在细微运动,而照片中其他地方保持不动。这种方式备受广告设计青睐,不少品牌流出这种海报。
第一种
GIF+··
·GIF+二维码
第一步:准备好GIF素材,及需要叠加的二维码(或者其他任何jpg都是可以的)
第二步:将原始素材图片分别拖进Photoshop中
此时GIF图片在Photoshop中,图层会显示成这样:
第三步:在最上方一排菜单栏找到【窗口】并点击展开,找到【时间轴】:
点击【时间轴】后,界面如下:
第四步:选择二维码图片界面,Ctrl+A选择,Ctrl+C复制
第五步:回到GIF图界面时间轴状态下,选择第一帧(如图红框)
(点击图片可看大图)
然后,在右侧的图层界面,选择置顶的图层(如图),Ctrl+V粘贴二维码
第六步:全选时间轴,Ctrl+T调整二维码位置及大小
Tips:如果需要再次调整二维码大小,最好先全选时间轴后,再进行调整哦,否则二维码可能在不同的地方跳动。
第七步:时间轴上,选择运动方式,“永远”(如图红框),点击播放(最下方的播放键►)预览效果
(点击图片可看大图)
第八步:如果第七步确认无误,则点击菜单栏【文件】> 【导出】>【web版式】>存储为GIF,即大功告成
做出来的效果图如下:
·GIF+文字/二维码
也许在使用的过程中,你们会发现一个问题:很多GIF图很美,但没有合适的位置可以加文字或二维码。
那么,想使用这张GIF图片,又想加上二维码和文字,该怎么做呢?
同上,第一步至第三步保持不变;最主要的变化为第四步和第五步。
第四步:全选时间轴,然后英文输入法状态下,快捷键C,选择裁剪工具,点击画面,拉伸出合适的空间,点击确定。
第五步:在界面右侧看到图层,定位到图层1,新建图层(如图红色方框内按钮新建),填充自己喜欢的颜色,然后将该新建图层,置入图层最底层。
(点击图片可看大图)
之后,重复上面教程的第四步至第八步即可。
Tips:为GIF图加上文字,和进阶教程步骤一样,选择文字工具,在合适的位置输入文字,然后,置入底部背景图层上一层即可。
调整文字大小及位置,仍需要全选时间轴后进行哦
加底板和文字之后,成品如图:
由于教程看起来比较长,重在操作,今天分享最急需的第一种,第二种和第三种本周陆续推出!需要的匠友们一定要抽空自己练习一遍哦,很简单的。
一点说明:一木是枚文案,不是专业的设计师哦,以上分享均为自己的实操经验,巧走捷径,不求甚解;旨在帮助和我一样打理公众号的匠友们(我会定期根据后台和留言区匠友关心的问题进行分享),如需更专业的指导,请找专业设计师。
<如果文案匠让你受益,与人分享是对它最大的奖赏>
与其抓耳挠腮·不如现在积累
长按识别
一键关注