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

如何用切片工具和基于参考线创建切片

时间:2024-10-23 04:49:47

许多网页为了追求更好的视觉效果,往往采用一整幅图片来布局网页。但这样做的结果就是使下载速度慢了许多。因此,为了加快下载速度,就要对图片使用切片技术。在Photoshop中,使用“切片工具”回创建的切片称为用户切片,而通过图层创建的切片称为基于图层的切片。

工具/原料

AdobePhotoshopCC2019

创建切片

方法/步骤

1、本例先针对如何使用“切片工具”口创建切片进行讲解,打开PS,在菜单栏中执行:文件-打开,命令,打开需要用切片工具创建切片的素材图片。

如何用切片工具和基于参考线创建切片

2、选择“切片工具”,然后在选项栏中设置“样式”为“正常”,接着在需要创建切片的区域上拖曳鼠标左创建一个矩形选框,释放鼠标左键以后就可以创建一个用户切片,而用户切片以外的部分将生成自动切片,如下图所示。

如何用切片工具和基于参考线创建切片

如何用切片工具和基于参考线创建切片

3、接下来针对如何基于参考线创建切片进行讲解,打开PS,在菜单栏中执行:文件-打开,命令,打开需要基于参考线创建切片的素材图片。

如何用切片工具和基于参考线创建切片

4、按Ctrl+R组合键显示出标尺然后分别从水平标尺和垂直标尺上拖曳出参考线以定义切片的范围如下图所示。

如何用切片工具和基于参考线创建切片

如何用切片工具和基于参考线创建切片

5、选择“切片工具”,然后在选项栏中单击“基于参考线的切片”按钮,即可基于参考线的划分方式创建出切片,如下图所示。

如何用切片工具和基于参考线创建切片

© 一点知识