当前位置:PS爱好者教程网主页 > PS照片处理 > 教程
PS淘宝美工教程:设计一款高大上的淘宝店招图片,店铺广告图片(5)
时间:2016-12-19 17:24 来源:PS淘宝美工教程 作者:淘宝店招 阅读:次
把想切的地方用那个标尺拉好。然后用切片工具切成如下图:
其实你也可以整张图片保存好在DW里面做热点。但是我的店招要弄搜索栏。有时候有个地方要改,所以我还是比较喜欢切片。而且旗舰店的要做关注的链接。 切片后,导航也可以把一些按钮换成GIF的,这样的店招就可以一闪一闪的(详情搜索淘宝店铺 爱予宝 的那个店招)。
如果怕切不好,请下载FW来切片。 PS或者FW切片后,如果切片复杂,都是会有个【分隔符】的图片。这个图片是没有像素的图片,目的是稳定表格,这个分隔符需要在代码里面加进去的。如果你用p来做的布局,就不用这个分隔符。(注:p是一种代码的层)
切好片之后按 ctrl+shift+alt+s 保存 要把图片和html都保存下来 如下图
最新教程
推荐教程