您好,欢迎来到好店铺,最好的淘宝网店货源网站: [进入会员中心] [找回密码]
网店供货商  玩转好店铺  收藏本站
好店铺淘宝网店货源网
供货商
首页 网店导航 网店货源 网店资讯 网店连接 批发市场 淘宝QQ群 代金券 网店论坛
 
 
淘宝货源 淘宝女装货源 淘宝网店大全 货源批发大全
热点: 品牌网 服装批发市场 北京批发市场 义乌小商品批发市场 汽车用品批发市场 女装品牌大全 男装品牌大全 童装品牌 包包品牌大全 上海批发市场 开网店的步骤
 

网店资讯

 点击排行
 最新资讯
 当前位置:首页 -> 网店装修 -> PS制作网店促销GIF动态图片淘宝店铺装修教程

PS制作网店促销GIF动态图片淘宝店铺装修教程


发布时间:2014-11-23 16:31:08
>

每一个在淘宝开店的朋友,都会遇到店铺装修的问题,要么去买些模板,要么自己动手制作,相信大多数人都愿意自己动手做出自己想要的效果。

下面我就一步步的教大家如何制作动画,以店铺公告为例。有讲不好的地方请大家多多包涵!

工具/原料

  • photoshop

步骤/方法

  1. 1

    打开PS软件(我的是CS3版本的,版本高低不影响),然后打开一幅自己中意的图片,也可以自己动手做,我个人觉得网上有很多唯美的图,比自己做的漂亮,我建议去百度搜一下,但要和自己店的主体风格一致。打开图片所在的位置(“文件”中“打开”)

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  2. 2

    设置大小:店铺公告只限制宽度,<=735像素,高和大小无限制,可根据需要设置,宽度就设最大735比较整齐美观,和宝贝也统一。 此图宽为735,高为602,高和宽是自动调节的,这样比较协调。

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读 PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  3. 3

    制作促销活动内容:在图的中间写上促销内容。点击工具栏上的T文字工具,就可以编辑内容了.

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读 PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  4. 4

    如何想修改字体、大小、颜色,先选中文字,然后在这个编辑区修改。如果想把文字制作动画,也可根据下面的步骤修改。

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  5. 5

    制作动画:以一个会飞的蝴蝶为例,打开一幅小的蝴蝶图片

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  6. 6

    将蝴蝶图拷贝到刚刚打开的大图中,点击移动工具,如下图:

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读 PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  7. 7

    将这一箭头放到蝴蝶图上,一直按住鼠标左键不放,拖到大图中,如上图。蝴蝶就在图层1中了,给图层1加上图层蒙版,为的是用橡皮擦擦除白色部分。

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  8. 8

    如何用橡皮擦擦除白色部分:最主要的是背景色为黑色,前景色没限制,然后直接擦白色部分即可,可以将图放大。

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读 PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  9. 9

    如果蝴蝶太大,选中蝴蝶图层,然后点击“编辑”下的“变换”中的缩放,将蝴蝶缩小,也可旋转蝴蝶方向(目的是让蝴蝶从下面的花丛飞到右上的花丛)

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  10. 10

    缩小和旋转后的效果。

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  11. 11

    按住Ctrl+J,复制蝴蝶,此例中复制了四个蝴蝶,总计有5个蝴蝶,复制好后,将蝴蝶移动到合适的位置。如图:

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  12. 12

    建动画:点击“窗口”中的“动画”,打开动画工具。

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  13. 13

     因图中有5个蝴蝶,所以建立5帧动画,点击动画窗口的新建按钮

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  14. 14

    点击第1帧,只显示第1只蝴蝶,背景,文字,其余全部点不可视,点图层上的那只小眼睛即可。如图

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  15. 15

    用同样的方法,编辑其他几只蝴蝶,但每帧中文字和背景层都必须可视。编辑好后,将前面4幅的动画时间设置为0.5秒,最后一幅设置为1秒, 目的是为了让蝴蝶在花上停留的时间长一点。如图:

    PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读 PS制作网店促销GIF动态图片淘宝店铺装修教程步骤阅读
  16. 16

    保存:动画的保存和JPG的保存是不一样的,不能用存储和另存为,要用“文件”菜单下的“存储为Web所用格式”,才能保存为动画。 最终成果如下!

    PS制作网店促销GIF动态图片淘宝店铺装修教程
.
·好店铺淘宝货源网
·
·

整理编辑:网店资讯 http://www.haodp.com/zx/

想了解和学习开网店教程,开网店经验,请每天关注好店铺网店资讯!

上一篇:淘宝女装、化妆品、家具、数码类目宝贝详情页
下一篇:【淘宝店铺装修】如何设置图片轮播
热点:PS制作网店促销GIF动态图片淘宝店铺装修教程 网店资讯地图
淘宝网店货源网QQ:517643505 沪ICP备06022925 好店铺网店联盟版权所有 2004-2015