手把手告诉你店招动图gif怎么做-淘宝美工培训
作者:一网学   最后更新时间:2014-06-30 16:35:50

一个动图gif 对淘宝店吸访客注意力有一定的作用,因此,我们的淘宝店铺都要准备一个这样的动图。今天,我们的淘宝美工培训课程就给大家介绍如何制作淘宝店铺的店招,大家好好学学。


推荐阅读:

分分钟设计淘宝促销图-淘宝美工培训

教你如何快速设计淘宝首页海报-淘宝美工培训

怎样设计出一张高大上的淘宝海报呢-淘宝美工培训


首先大家在PS上选择 窗口-时间轴 PS下面就会出现一个编辑帧数的窗口 这个在PS5之后都是叫 【时间轴】如下图:



新建一个图层。然后放上一个矩形,填充为#e60012色



然后打上字



同理的制作一个小图标:


图层上面有个4的文字。那个文字是用来做这个小图标的一个尖角的。 只要先打出一个阿拉部数字 4 然后字符选择webdings这个就OK了。这个4就会变成一个三角形,然后ctrl+t 变形跟摆好位置就可以制作这个小图标的尖角了。



然后复制这个 【动态组01】 命名为 【动态组02】 ; 【动态组02】的圆角型填充为蓝色。



然后到编辑下面的【时间轴】了。



点击一下第一帧,在第一帧下把【动态组02】隐藏。只显示【动态组01】。



点击一下第二帧,在第一帧下把【动态组01】隐藏。只显示【动态组02】。



然后按ctrl+shift+alt+s保存,保存的时候选择GIF



效果图


然后教大家另外一种简单的。把【上宫小剑】和【矩形】放到同一个组里面,命名为【组01】



然后在【组01】上面新建一个图层命名为【光线】。然后按【M】 在画布上弄出一个比较窄的矩形选区,填充为白色,然后【滤镜】-【模糊】-【高斯模糊】然后按照需要调整一下模糊的程度,大概弄成下面的效果。

为了方便看效果,我把背景变成了黑色。



看到效果后背景恢复白色,【组01】显示回来。然后您按住【ALT】键,鼠标移动到【光线】图层与【组01】图层中间,鼠标就会变成另外一个图标,然后您左键点击一下。然后【光线】图层就会嵌到组01上面,如下图。



然后ctrl+t把【光线】图层摆成这样后回车键一下。



然后第一个帧的时间设置为0.1 接着 你点击 【V】 (这个是移动工具) 新建一个帧,你就按五六次键盘 【→】 键 (在移动模式下,你按键盘的上下左右键就能移动你选中的图层了)。

也就是不断的重复 【新建帧】【→键五六次】 直到【光线】图层完全从【组01】上平移完。



时间轴上面还有个播放按钮,你可以看看效果,其他的你们点点就懂了,不多介绍了。

然后就是 然后按ctrl+shift+alt+s保存,保存的时候选择GIF


效果图:



这样你们就可以按照我前一节课说的切片。然后个别图片制作成GIF放到店招上。就可以实现动态效果了。

然后,你们还可以自己制作一些恶搞的小动态图。期待你们自己的发挥哟。


上一篇:一网学教你修改宝贝详情页颜色选项,使其不受限制输入文字

下一篇:淘宝美工店铺装修切片方式-淘宝美工培训

其它免费教程

如何运用ps镜头光晕绘制咖啡螺旋【UI设计培训】

时间:2016-07-07 点击:1223

小编:今天作者教大家巧用ps镜头光晕绘制咖啡螺旋效果,希望大家能够get到这个小技巧。...

让设计师和非设计师更好地相处的5条实用建议

时间:2015-07-06 点击:1430

甲方顶着营销业绩压力,设计师有个性的审美需求,如何在这两者之间取得巧妙的博弈与平衡,得双方一起努力,...

网页摩登复古设计风格正在疯狂流行。。。。。

时间:2016-05-21 点击:1247

小编:今天的网页中所流行的复古元素和原有的设计稍有出入,作为正在流行的设计趋势,这种复古设计称之为“...

成功打造淘宝爆款照片的九大要素!【淘宝美工培训】

时间:2015-12-10 点击:1765

小编:网上有很多大招爆款的文章,但是很少有专门针对爆款照片的文章,今天我们来揭秘爆款照片是如何制作的...

转给客户看!7招教你如何正确的向设计师提需求

时间:2015-09-24 点击:1784

小编:“提需求”,简简单单的三个字,却堪称“世界级难题”,困扰了一代又一代的客户,引无数设计师竞折腰...

更多设计教程>>


在家就能免费试听
多了解下对你最终选择总是有帮助的
姓名:
电话:
Q Q:
答案:
邮箱:
留言:
提交试听申请