养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

PS制作好的淘宝店招导航怎么进行切片保存图片

时间:2024-10-09 20:23:51

用PS设计制作的店招导航,怎么进行切片保存?

PS制作好的淘宝店招导航怎么进行切片保存图片

工具/原料

PhotoshopCC2018

方法/步骤

1、首先用PS打开我们要切片的PSD格式的店招导航,在左侧选择【缩放工具】,在图片上鼠标右键选择【100%】显示

PS制作好的淘宝店招导航怎么进行切片保存图片

2、在工具栏中选择【矩形工具】,在图片上点击一下左键

PS制作好的淘宝店招导航怎么进行切片保存图片

3、在创建矩形窗口中输入店招中间的尺寸【淘宝C店店招宽度950px、天猫店招宽度为99廴类锾渭0px】,高度设置成50就可以,然后点击【确定】

PS制作好的淘宝店招导航怎么进行切片保存图片

4、点自己左侧工具栏中的晃瓿淀眠【移动工具】,点击选择刚创建的【矩形3】图层并按住SHIFT同时点击【背景层】,然后点击顶部的【水平居中对齐】

PS制作好的淘宝店招导航怎么进行切片保存图片

5、点击水平居中对齐后可以看到矩形图层就会自动移动到导航的中间位置。

PS制作好的淘宝店招导航怎么进行切片保存图片

6、按CTRL+R调出标烹挹戢愠尺,选中矩形图层,然后鼠标店主垂直方向的标志直接拖到矩形的左侧边缘,就会创建出一条参考线,用此方法再拖到矩形右侧一根参考线。这两根参考线中间的区域就是950px,鼬薪渌圾也就是中间的主店招尺寸

PS制作好的淘宝店招导航怎么进行切片保存图片

7、删除矩形图层后,在左侧选择【切片工具】,框选出两根参考线中间的主店招部分

PS制作好的淘宝店招导航怎么进行切片保存图片

8、点击【文件】-【导出】-【存储为web所用格式】,快捷键CTRL+SHIFT+ALT+S

PS制作好的淘宝店招导航怎么进行切片保存图片

9、在右上角选择JPRG格式,图片质量选成【最佳】,点击【存储】

PS制作好的淘宝店招导航怎么进行切片保存图片

10、这样导出来的图片就是切片切出来的图片啦,可以看到【店招_02】就是我们需要的主店招的图片啦

PS制作好的淘宝店招导航怎么进行切片保存图片

© 一点知识