PhotoShop初学者之切片工具的使用

2025-05-25 05:41:43

1、首先我们来看一下切片工具的位置。切片工具是和裁剪工具在一个工具栏中的,也在工具栏第五个,我们右击裁剪工具,就能看到切片工具了。同样,切片工具的快捷键是C。

PhotoShop初学者之切片工具的使用

2、切片工具是干什么用的呢?简单来说就是可以用来划分兔脒巛钒图像的,可以用来将大图像分解为小图像。这个功能在网页上用得比较多。我们先打开一个素材。

PhotoShop初学者之切片工具的使用

3、我们选择切片工具,在图片的左上角划拉一块,现在图片已经被我们分成了三份。

PhotoShop初学者之切片工具的使用

4、我们看一下切片工具的属性。样式中,固定长宽比是我们可以根据数值来设定切片的大小,而固定大小则是我们可以根据像素设定。

PhotoShop初学者之切片工具的使用
PhotoShop初学者之切片工具的使用
PhotoShop初学者之切片工具的使用

5、那么基于参考线切片又是什么呢?我们沿着标尺拉下来一根线,然后点击“基于参考线切片”,会发现基于参考线图片被分割成两份。

PhotoShop初学者之切片工具的使用
PhotoShop初学者之切片工具的使用

6、我们右击,会看见切片更多的选项。首先,删除切片,指的是我们去掉现在所做的分割。

PhotoShop初学者之切片工具的使用

7、然后看到编辑切片选项,我们选择。可以看到弹出一个对话框。其中名称就是切片的名字,URL是指切片的超链。最下边的alt标记则是该切片无法显示时的替换文字。这些都与网页编辑相关。

PhotoShop初学者之切片工具的使用
PhotoShop初学者之切片工具的使用

8、然后我们主要学一下切片的保存方式。我们点击文件,选择存储为web所用格式。弹出对话框,我们选择存储,当然也可以对图像的属性进行编辑。

PhotoShop初学者之切片工具的使用
PhotoShop初学者之切片工具的使用

9、点选后弹出新的对话框,我们选择HTML和图像,然后保存。

PhotoShop初学者之切片工具的使用

10、查看我们保存的图像,发现多了一个文件夹,打开以后就可以看到切片保存的效果。

PhotoShop初学者之切片工具的使用
PhotoShop初学者之切片工具的使用

11、这就是切片工具,你学会了吗?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢