adobe photoshop第二章(工具使用)

再说到这一章之前,我们并不讨论工具到底是怎么定义的,我们只说工具栏中的工具,而且知识介绍一些常用的工具、重点工具、只是说一些工具的常规使用方式。对于工具的扩展使用方法。我想我会在后面单独的提出来详细讲解,就好像画笔工具简单的理解就是一只画笔,做一些普通的修改,画画写写,多数人用到的时候会配合图层蒙版之类的进行结合使用,但是有人却用来绘画了一个世界,也不是说那些有多厉害有多高深,只是扩展这种用法和思想是无限的。


好了我们先看一张工具栏的分类图如下:

在photoshop中工具栏之间默认是有一个分割线,这个分割线分别将不同功能的工具放在了一起,也是设计里面最基础的一个理论“分类”,由上图我们可以看到每个区域所代表的不同类型的工具,然后也将每个工具下面包含的工具详细的列出来了。下面我们就说说一些重要的工具,以及工具所包含的属性:

注:我们只会说道一些工具本身的用法,对于工具的扩展使用后续写

1、选择工具(矩形选择工具、椭圆选择工具、单行选择工具、单列选择工具)

这些区域选择工具,提供了更多的规整的边界选择方式,更多的时候我们会在一些UI界面设计的时候用到这些工具,不过每个工具的使用都是要根据当时的场景选择最适合的工具才是最好的。

重要的设置是:当我们选择任何一个选择工具时,我们可以适当的设置我们上面的属性模块,入下图:

  • 我们可通过样式的选择来设置我们的选择区域为固定大小、固定比例、正常;默认状态下这个会是正常模式,以及前面的选取操作,叠加、减去等,羽化是一个让边缘变得更加柔和的功能,值越大边缘越柔和,后面的调整边缘按钮是当我们已经有选取的情况下在会被激活,调整边缘功能是抠图里面比较重要的一个模块。

使用技巧:固定大小在我们设计稿中,对设计UI或者是对其或者版面布局的时候有非常大的帮助和作用。

2、移动工具

移动工具是一个非常常用的工具,快捷键V,可以对画布中的图层进行位置调整,

使用技巧:默认状态我们需要先选中图层,在用移动工具进行移动,但是我们也可以勾选自动选择功能,自动选择图层或者组,入下图:当选中多个对象时我们可以进行后面的各种对其操作。

3、套索工具

套索工具分为套索工具、多边形套索工具、磁性套索工具,没有什么特别多的特殊的地方,但也比较常用的一个功能,在一些边缘轮廓比较明显的抠图的时候可以使用磁性套索工具更加方便。

4、魔棒工具(初学者的神器)

可以快速的选择一个颜色区域,通过上面的容差值大小来控制选择的色域范围,“连续”功能的使用入下图中在一个土层中有同样两个颜色的A和B两个模块,在不勾选“连续”的时候我们选择任意一个模块的颜色,会自动选择上整个图层相似的颜色,然而勾选之后只会选择当前点击的模块范围,不会对整个图层取样,结束的区域为当前颜色的最外边范围。

5、裁切工具(裁切工具、切片工具)

5.1、裁切工具是对整块画布进行裁切,

“拉直”使用技巧:入下图,当我们打开一张图之后我们发现图片本身是斜的,我们可能会选择旋转图片的方式将它放平,但是我们不知道要旋转多少度才是水平,但是图片中有一条地平线,我们可以依赖于地平线为水平线,当选择裁切工具之后,我们点击拉直这个功能,沿着我们想要的水平线画一条直线,然后画面就会被自动裁切到水平的位置如图二所示:

我们可以自定义选择后面的“删除裁剪像素”的选项,以及后面的裁剪工具叠加选项、设置其它裁剪选项入下图:

左边是裁剪工具叠加选项,主要是在我们裁剪的时候对裁剪的框叠加的线条改变,右侧的为一些裁剪的设置。设置裁剪的时候的一些参数,不透明度是指被裁剪的部分的不透明度显示,采用不透明度可以对比裁剪之前和之后的差别,默认情况下这些参数我们很少去自动的调节。

5.2、切片工具是我们在Adobe Photoshop CC 版本之前的一个非常实用的切图工具,我们可以通过切片工具和编辑切片工具,以及使用参考线和选取工具进行配合,批量输出图片的一个工具,很简单就是当我们选择切片工具之后,再画布中画出我们想要切开的内容,然后我们也可以用编辑切片工具或者鼠标右键进行多大小的编辑,也可以直接拖动四周进行编辑大小,当我们切出自定义的大小之后,我们可以通过文件 > 导出 > 存储为WEB所用格式将我们裁切的图片进行批量导出,

小提示:当我们需要将页面上的切片全部清除的时候我们可以选择 视图 > 清除切片 即可全部清除。

一、图片进行切片

二、导出切图

在存储为WEB页面的同时,我们不可错过的一步就是设置这个页面,这并不是一个一劳永逸的事情,只需要每次记住一个习惯就好,按照三个步骤来进行操作,

1、在左下角的预览处选择到100%,这样你就可以看到你整个画布的图像,

2、这是我们会看到预览图像中部分区域是灰色的代表并未选中,这里的未选中并不代表不能导出这个区域,而是你之后下一步设置的时候这些未选中的区域就不能被设置,通常情况下我们用鼠标拉一下全部框线,你会发现预览图会清晰的出现,然后我们在右侧进行设置。有测得没一个参数设置都按照自己的目标详细设置。之后再导出。

未完待续。。。

评论: