现在聊天都喜欢斗图,但是大部分图都是网上盗来的或者朋友那拿来的,如果我们自己能够制作gif动态表情,那不是很有成就感呢?
可能有些人想过,但是不会做,也无从下手。所以今天就来做一张简单的gif图,应用到店铺中可以吸引人的眼球,让人眼前一亮。
找张比较简单的表情图,这边是以做一张泡面的倒计时的gif动图为例。
首先找一张静态的表情:
(图片来源:网络,转载请注明)
思考下,如果做成3分钟的倒计时岂不是更加显得逗比有趣?
于是可以把这个表情放进ps里,选择字体工具,打出“2:59”,这个2:59就是要做的倒计时啦!
(图片来源:生意参谋设计,转载请注明)、
倒计时这个开头写出来了,下面就是要做的就是让2:59倒数,“2:58,2:57,2:56….”直到你要停留的时间。
复制(快捷键ctrl+j)2:59这个字体图层,把复制的2:59改成2:58,同理再把2:58复制,改成2:57,依次下去……然后把后面的倒计时图层左边的眼睛关掉,只留2:59。
(图片来源:生意参谋设计,转载请注明)
倒计时需要的数字已经做好了,下面就需要把这些数字做成会动的倒计时。
点击窗口—时间轴,可以看到下面出现了时间轴。
(图片来源:生意参谋设计,转载请注明)
会出现创建视频时间轴和创建帧动画的选择,本案例中只需要创建帧动画就好,点击下拉箭头,选择创建帧动画。
(图片来源:生意参谋设计,转载请注明)
第一帧就出来了,是2:59这一秒的倒计时,还需要做2:58,2:57,2:56……这几秒的倒计时。
(图片来源:生意参谋设计,转载请注明)
点击复制第一帧,把2:59图层眼睛关闭,2:58图层眼睛打开,这样我们第二帧2:58的倒计时做好了。同理复制所在帧,把2:58图层眼睛关闭,2:57眼睛打开……到你写的倒计时的最后一个数字即可。
(图片来源:生意参谋设计,转载请注明)
然后点击下面的播放动画,我们会发现倒计时转动太快了!那是因为每帧的下面都是“0秒”,所以我们就需要设置下每帧的延迟时间。
(图片来源:生意参谋设计,转载请注明)
在每一帧的下面点击“0秒”,就会出现需要选择的延迟时间,案例因为是倒计时,所以就选择 “1.0秒”,也就是每一帧停留一秒钟才会跳到下一帧,也符合倒计时的时间间隔。
后面的几帧也都选择“1.0秒”,改好后再点击下面的播放动画,看看有没有问题需要修改。
在测试中如果发现问题,看哪一帧出现问题,停止动画,点击所在问题的那帧,进行修改即可。
(图片来源:生意参谋设计,转载请注明)
测试好了,没有问题后,然后就是保存的格式问题。
文件—导出—存储为web格式,然后选择gif后缀名,其他参数不动,确认保存,这样我们的动图做好了。
(图片来源:生意参谋设计,转载请注明)
是不是很简单呢?不知道你们学会了吗?生活中一直有很多图片,可能多想想就能把静态图做成更有意思的gif动态图啦。
图文丨手淘设计 长城
本篇文章由生意参谋设计总结,转载请注明,并不得对内容进行修改~
留言与评论(共有 条评论) |