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

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

作者: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

相关教程

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

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

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

    人气:0
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  •  型男健美 素雅青灰 型男健美淘宝模板

    型男健美 素雅青灰 型男健美淘宝模板

    人气:0
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 清新优雅 简约背景 内衣服饰淘宝模版

    清新优雅 简约背景 内衣服饰淘宝模版

    人气:1
  • 活泼绚丽 清新蓝色 户外包包淘宝模板

    活泼绚丽 清新蓝色 户外包包淘宝模板

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

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

    人气:1
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768