室内设计培训
平面设计培训
部落窝教育

淘宝网店美工系列教程八:淘宝店铺装修切片教程

[日期:2014-06-25]   来源:IT部落窝  作者:IT部落窝   阅读:1772[字体: ]
内容提要:本文是淘宝网店美工系列教程八,用案例告之大家基于参考线的精确切片方法.

  之前的教程:http://www.ittribalwo.com/article/2711.html里面,我们详细介绍了photoshop里面的切片工具的使用相关知识点。本文我们再来看看基于参考线的切片,这种切片方式我们又称之为精确切片。

  如下图是一个淘宝店铺全屏店招,包括导航栏在内。我们需要裁切一下。
一,算出参考线的位置
  先看下淘宝规定的尺寸,中间是规定了950,那么两边就是(1290-950)÷2的结果,高是130。
 淘宝ps切片
二,基于参考线的切片
  这是关键的一步,切换到切片工具后只要点击“基于参考线的切片”就可以切片了。不要拿刀去图片上划,那不能精确控制,而且切出来的片很杂乱。
淘宝切片教程
 
三,存储为WEB所用格式
  点击“文件——存储为WEB所用格式”,点击会弹出如下对话框。如果是图片就选JPEG, 动画就选GIF,其他参数就没必要动了。
 PS切片教程
  OK,PS切片就到此,接下来就是打开店铺后台,上传我们切片的内容到淘宝店铺。
IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程