网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群
当前位置:PS爱好者教程网主页 > PS照片处理 > 教程

PS淘宝美工教程:设计一款高大上的淘宝店招图片,店铺广告图片(5)

时间:2016-12-19 17:24 来源:PS淘宝美工教程 作者:淘宝店招 阅读:

把想切的地方用那个标尺拉好。然后用切片工具切成如下图:

其实你也可以整张图片保存好在DW里面做热点。但是我的店招要弄搜索栏。有时候有个地方要改,所以我还是比较喜欢切片。而且旗舰店的要做关注的链接。 切片后,导航也可以把一些按钮换成GIF的,这样的店招就可以一闪一闪的(详情搜索淘宝店铺 爱予宝 的那个店招)。

如果怕切不好,请下载FW来切片。 PS或者FW切片后,如果切片复杂,都是会有个【分隔符】的图片。这个图片是没有像素的图片,目的是稳定表格,这个分隔符需要在代码里面加进去的。如果你用p来做的布局,就不用这个分隔符。(注:p是一种代码的层)

PS淘宝美工教程:设计一款高大上的淘宝店招图片,店铺广告图片

切好片之后按 ctrl+shift+alt+s 保存 要把图片和html都保存下来 如下图

PS淘宝美工教程:设计一款高大上的淘宝店招图片,店铺广告图片

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程