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

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


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

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

其它免费教程

一张照片后期打造裸眼3D动态效果【摄影后期培训】

时间:2014-12-01 点击:3966

用一张照片就能打造裸眼3D动态效果,你信了吗?不信的话,来看一下摄影后期培训老师带来的教程吧!PS+...

有效提高转化率的图片都具备哪些特点

时间:2015-09-10 点击:993

小编:一张好的图片能够吸引大量人的观看和点击,大大提升转化率,那么好的图片的特点都有哪些?怎么样才算...

四个方面来评价icon设计的质量【UI设计培训】

时间:2016-06-18 点击:817

小编:戴均开图标在页面设计中被广泛使用,图标设计​的好不好、图标应用效果如何,是设计师非常关心的问题...

阿里交互设计师总结的6个新人进阶方法

时间:2016-05-19 点击:775

小编:这是阿里交互实习生半木对他两个月份实习做的一个总结,以指导后续的项目工作,主要内容为协作方式与...

PS教程:在素材不足时怎样绘制高质量的视觉场景?

时间:2016-07-08 点击:860

@畅游VC :当原画素材分辨率或者精度不够,不能展示人物细节,何不尝试利用打造氛围来提高主视觉的质量...

更多设计教程>>


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