手把手告诉你店招动图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放到店招上。就可以实现动态效果了。

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


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

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

其它免费教程

如何做一个好的淘宝美工

时间:2014-03-28 点击:11430

淘宝网淘宝网店网站页面的美化工作者的统称。周边工作有网店设计(平面设计)、P图(图片处理)。是淘宝拍...

怎样处理淘宝运动鞋类照片-淘宝美工教程【一网学】

时间:2014-05-05 点击:2833

在我们淘宝店铺的转修中,鞋类的修图是很重要的,虽然修图不难。今天通过本教程向你展示怎样处理淘宝运动鞋...

新人设计师如何建立完整的交互知识体系

时间:2016-11-30 点击:3150

@黄红艺Designer :到目前为止,已经写了关于交互设计的十几篇文章。但是,越来越发现自己写的没...

网站设计的基础流程_一网学

时间:2014-07-12 点击:1648

在当今信息爆炸的时代,域名被誉为网络时代的“环球商标”,是企业、机构或个人进入国际互联网必不可少的身...

PS蒙版深度解析之矢量蒙版

时间:2014-04-04 点击:47010

矢量蒙版中创建的形状是矢量图,可以使用钢笔工具和形状工具对图形进行编辑修改,从而改变蒙版的遮罩区域,...

更多设计教程>>


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