公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝模板制作教程

简单快速的淘宝店铺装修模板切片步骤(一)

作者:bj-lsz 2015-11-20 01:09:33

        很多店家对于怎样做好淘宝店铺装修模板切片不是很清楚了解,有大部分的新手店家可能对于装修模板切片步骤都是很模糊的,针对这个唯艺今天专门,捡起这个话题和小伙伴们一起聊聊,让店家们能更简单快速的做好淘宝店铺装修模板的切片工作。

 

       所用到的工具是:Adobe公司的Photoshop和Dreamweaver,这两个淘宝店铺装修模板切片必备的工具,店家都可以在网上免费下载安装。

 

       对于简单快速的淘宝店铺装修模板切片步骤,唯艺就以下图的宝贝陈列为例子:

 

该例子简单快速的切片步骤如下:

  1.先用PS软件完成图片的切图,再生成html和图片;

  2.并将淘宝店铺装修模板的图片上传到相册空间;

  3.将淘宝店铺装修模板html中的table表格复制到自定义内容区;

  4.替换本地连接的图片,并给图片新的链接地址。

 

简单快速的淘宝店铺装修模板第一步:

  打开PS软件,把淘宝店铺装修模板的图片拖入PS中

 

  点击菜单栏--视图—标尺,快捷键Ctrl+R

 

  将鼠标移动到PS标尺上,同时按住鼠标左键拖拽,就能自动生成参考线,使用参考线把图片分开,简单快速的淘宝店铺装修模板切片效果,如下:

 

  划好参考线线后

 

  切换到切片工具,淘宝店铺装修模板切片效果,如下:

 

  然后查看淘宝店铺装修模板工具对应的属性栏,点击上面的基于参考线的切片,如图:

 

  店家们点击基于参考线的切片之后,八张图片就很快被切割出来了,淘宝店铺装修模板切片效果,如下:

 

  除了利用参考线生成切片外,店家还可以手工切图,但需要注意:不要切出不起眼的小图边,不然会很麻烦。

 

  点击文件保存,储存为web所用格式中的jpe文件格式,淘宝店铺装修模板切片效果,如下:

 

  注意要保存html和图片,是选择所有切片,点击保存,PS阶段完成。

 

  以上是唯艺今天介绍的简单快速的淘宝店铺装修模板切片步骤(一),剩余的步骤,唯艺将在简单快速的淘宝店铺装修模板切片步骤(二)中给各位店家详细讲解,同时,也附有精彩的案例说明和详细解析。


 

        本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

    人气:38980
  • 中国风 佛缘手珠 饰品珠宝淘宝模板

    中国风 佛缘手珠 饰品珠宝淘宝模板

    人气:30549
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 英伦雅致 潮流鞋靴 精品鞋包网店模板

    英伦雅致 潮流鞋靴 精品鞋包网店模板

    人气:57481
  • 森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    人气:1