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

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


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

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

其它免费教程

优化LOGO设计流程的8个步骤【平面设计培训】

时间:2016-03-01 点击:2423

小编:今天作者这篇译文,出自一位专业的LOGO和品牌设计师,文中结合真实案例详细的讲解了logo设计...

PS新手教程:如何绘制超萌的QQ方形图标

时间:2016-05-04 点击:1034

小编:今天@P大点S微博 来一篇超简单的PS教程,教你绘制一枚方形图标,操作简单易上手,源文件已打包...

腾讯干货:设计中的两大布局设定方法!【UI设计培训】

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

小编:工作中有许多设计师没办法解释他们是如何设计作品的,越细致的地方可能越说不清。设计师除了视觉本身...

电商横幅banner设计思路系统全解【美工培训】

时间:2016-06-25 点击:1254

小编:今天作者这篇电商banner设计总结,剖析了banner的组成要点,分别从本文从背景、产

ps教程:教你如何绘制一个典雅的蜂巢效果图

时间:2015-10-22 点击:1646

小编:今天给同学们带来高格调有气氛的蜂巢背景效果图教程,最终效果适合做背景图,深沉典雅,整个过程简...

更多设计教程>>


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