知识点解析
一、Photoshop CS6概述
Photoshop CS6是由Adobe公司开发的图像处理软件之一,它集图像的编辑修改、图像制作、广告设计、图像扫描、图像输入与输出于一体,深受广大平面设计人员和电脑美术爱好者的喜爱。
(一)Photoshop CS6在网页设计中的应用
Photoshop CS6可以用于设计制作网页页面,并将制作好的图像导入Dreamweaver中处理,再用Flash为网页添加动画内容,便可以生成互动的网站页面了,如图1—19所示。
(二)Photoshop CS6在UI界面设计中的应用
U I( User Interface)界面设计是一个新兴的领域,是指对软件的人机交互、操作逻辑、界面美观的整体设计。优秀的U I设计不仅让软件变得有个性、有品味,还让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点,如图1—20所示。为了使设计满足可用性要求,全面地了解用户特征及多元化要求是十分必要的。
Photoshop CS6在平面设计中被广泛应用,无论是人们正在浏览的网页还是正在翻阅的图书封面,或是在大街上看到的招贴画、海报、P O P广告(售卖场所广告) ,这些具有丰富画面效果的平面印刷品,基本上都需要Photoshop CS6软件对其进行处理,如图1—21所示。
提示:Photoshop CS6常常与Illustrator、InDesign配合使用。用Photoshop处理图像,将处理好的图像存储输出成PSD/TIF/ JPG等格式,置入InDesign中进行图文排版,然后输出印刷;用Illustrator完成的图形也存储输出成A I /EPS等格式,置入或复制到InDesign中进行图文排版,然后输出印刷。
(四)Photoshop CS6在数码摄影后期处理中的应用
Photoshop CS6的强大之处体现在对图像的编辑处理功能上,它不仅可以对其色调进行调整、校正、修复与润饰,还可以修改并合成图像等,如图1—22所示。
作为IT时代加强视觉效果的手段之一,电脑艺术插画是新兴起的艺术表达方式。Photoshop CS6具有良好的绘画与调色功能,插画设计者可以使用铅笔绘制草稿、用Photoshop填色的方法绘制插画,这些插画被广泛应用与网络、广告、产品包装等中,如图1—23所示。
(六)Photoshop CS6在动画与CG设计中的应用
随着以计算机为主要工具进行视觉设计和生产的一系列相关产业的形成,国际上习惯将利用计算机技术进行视觉设计和生产的领域通称为CG( Computer Graphics)设计,即电脑图形设计。动画的发展离不开计算机硬件技术的发展,3dsMax、Maya等三维软件可以制作出动态效果,但其中模型的贴图和人物皮肤以及各种材质的逼真效果大部分都可以通过Photoshop CS6来完成,如图1—24所示。
(七)Photoshop CS6在效果图及后期制作中的应用
使用Maya、3dsMax等三维软件设计建筑效果图时,渲染出的图片效果通常会放在Photoshop CS6中进行处理和调整,为其添加一些装饰物,如盆栽、人物、草坪等,可以在节省电脑空间、渲染图片的同时,也能增加图片的美感,如图1—25所示。
二、Photoshop CS6的工作界面
Photoshop CS6的工作界面中包含菜单栏、选项卡、窗口、工具箱、工具选项栏、状态栏以及面板的组件,如图1—26所示。
工作界面上的各元素的具体作用如下:
( 1)“菜单栏”菜单中包含“文件” 、 “编辑” 、 “图像” 、 “图层” 、 “选择” 、 “滤镜” 、“分析” 、“ 3D” 、“视图” 、“窗口” 、“帮助”11个菜单项,用户可以通过选择菜单项下的命令来完成各种操作和设置。
( 2)“选项卡”用于快速选中某个图像。当打开多个图像时,它们可以最小化到选项卡中,如需选中某个图像,只需单击选项卡中的该图像。
( 3)“工具箱”包含了各种工具,如创建选区、移动图像、绘画、绘图等。
( 4)“工具选项栏”用来设置工具的各种属性。
( 5)“面板”可以辅助编辑图像,用来设置编辑内容或设置颜色属性。
( 6)“状态栏”显示文档大小、文档尺寸、当前工具和窗口缩放比例等信息。
在“预设工作区”中,用户可以按照自己的喜好设置工作界面,以提高工作效率。执行“窗口”>“工作区”命令,在“工作区”子菜单中选择要使用的工作区,设置符合自己工作习惯的命令,如图1—27所示。
提示:使用工具的快捷键进行操作时,输入法的输入状态必须是英文半角。
三、图像的分辨率
图像的分辨率是指单位长度内所包含的像素点的数量,单位是“像素/英寸( p p i) ” 。假如图像的分辨率是“ 300ppi” ,则每英寸单位长度内包含300个像素点。图像的分辨率越高,每英寸长度内包含的像素就越多,图像就越清晰,印刷的质量就越好。
虽然图像的分辨率越高,呈现出来的效果就越好,但过多的像素也会增加占用的存储空间。因此要根据具体情况来设定图像的分辨率。如果图像仅用于屏幕显示,则可以将其分辨率设置为“ 72像素/英寸” ,这样既减少了文件占用的空间也提高了传输速度;如果是用于喷墨打印机打印,可以将其分辨率设置为“ 100~150像素/英寸” ;如果需要用于印刷,分辨率就应该设置为“ 300像素/英寸” 。具体参照如下:
( 1)普通画册图片分辨率通常是300~350像素/英寸。
( 2)高档画册的图片分辨率通常可达到400像素/英寸。
( 3)彩色杂志的图片分辨率通常是300像素/英寸。
( 4)时尚类杂志对图片的要求相对较高,通常是350像素/英寸。
( 5)报纸的图片分辨率通常是80~150像素/英寸。
( 6)喷绘写真的图片分辨率通常是72~120像素/英寸。
( 7)网络传播的图片分辨率通常是72像素/英寸。
电脑显示的图片可分为两类,一类是位图图像,另一类是矢量图形。位图图像由像素组成,因此也被称为像素图或点阵图,当位图放大到一定程度时,可以看到位图是由一个个的小方格组成的,这些小方格就是像素。如图1—28所示。像素是位图图像中最小的组成元素,位图的大小和质量由像素的多少决定,像素越多,图像越清晰,颜色之间的过渡也越平滑。Photoshop是典型的位图软件,但它也包含矢量功能,可以创建矢量图形和路径。
位图图像的特点是可以表现色彩的变化和颜色的细微过渡,从而产生逼真的效果,并且可以很容易地在不同软件之间转换使用。但是由于受到分辨率的制约,位图图像包含固定的像素数量,在对其进行旋转或者缩放时,很容易产生锯齿。另外,在保存图像时,需要记录每一个像素的位置和颜色,因此位图占用的存储空间比较大。
矢量图形是由经过精确定义的直线和曲线组成,由Illustrator、Flash等一些软件绘制出来,由锚点和路径组成。矢量图形可以任意缩放,但其效果却一样的清晰,如图1—29所示。
矢量图形与分辨率没有直接关系,因此,无论如何缩放和旋转都不会影响图形的清晰度和平滑度,不会产生马赛克。但它不能创建过于复杂的图形,也没有办法像照片等位图图像一样实现丰富的色彩变化和细腻的色调过渡。
五、工具箱
Photoshop CS6工具箱中一共有四大类工具:选择工具组(基础工具组) 、修饰工具组(核心工具组) 、矢量工具组和辅助工具组,如图1—30所示。
在使用工具时可直接单击工具按钮或者使用快捷键(如“移动工具”的快捷键是V)即可。有些工具图标的右下角显示有三角图标,表示该工具内有隐藏项目,在该工具上按住鼠标左键,即可弹出工具的下拉菜单,隐藏的项目即可显示出来,将鼠标指针移动到显示出来的工具上,然后释放鼠标就可以选中该工具。有些工具可以使用“ Shift+该组快捷键” ,如选择选框工具组,使用快捷键“ Shift+M”可以在“矩形选框工具”与“椭圆选框工具”之间切换,但是无法切换成“单行选框工具”或“单列选框工具” 。“椭圆选框工具”的用法与“矩形选框工具”一样,它可以绘制出圆形选区,按住“ Alt”键可以绘制出一个以起始点为中心的椭圆形,按住“ Shift”键可以绘制出一个正圆形。
提示:“移动工具”是一个重要的工具。选择“移动工具” ,右击弹出图层选项,可以帮助我们快速寻找到所要图层;此外,在图层面板上链接相关图层后,再选择“移动工具” ,可以通过移动工具栏的选项设置图层的对齐方式。
六、矩形选框工具组
矩形选框工具组的快捷键是“ Shift+M” ,可通过鼠标拖拽的方式得到固定形状的选区,下属工具有“矩形选框工具”、“椭圆选框工具”、“单行选框工具”和“单列选框工具”。使用“矩形选框工具”创建选区时直接按住鼠标拖拽即可,如图1—31所示。按住“ Shift”键拖拽鼠标,可以绘制出正方形,如图1—32所示。
使用“矩形选框工具” ,按住“ Alt”键拖拽鼠标,可以绘制出以起始点为中心的矩形,如图1—33所示。按住“ Shift+Alt”组合键,可以绘制出以起始点为中心的正方形,如图1—34所示。
在选择选框工具组后,可以在工具选项栏中选择“新选区” 、“添加到选区” 、“从选区减去”和“与选区交叉”选项。
“新选区”在使用“选框工具组”绘制选区后,如果再次绘制,原来的选区将消失。在“新选区”状态下可以用鼠标拖曳的方式移动选区。如图1—35所示。
“添加到选区” :在此模式下绘制选区时(或者按住“ Shift”键) ,新的选区会添加到原来的选区上,如图1—36所示。
“从选区减去” :在此模式下绘制选区时(或者按“ Alt”键) ,新的选区与原来的选区相交的部分会被减去,如图1—37所示。
“与选区交叉” :在此模式下绘制选区时(或者按“ Shift+Alt”组合键) ,新的选区与原来选区相交的地方会保留,如图1—38所示。
“单行选框工具”和“单列选框工具”可以绘制或选择部分选区,结合“自由变换”命令可以制作成漂亮的图案。具体操作如下:
( 1)打开“模块一知识点素材\单行选框工具. jpg” ,选择“单行选框工具” ,在图像上单击,将出现选区,如图1—39所示。
( 2)按“ Ctrl+T”组合键,分别在定界框中间的控制点上按住鼠标左键并拖拽,释放鼠标即可得到所需效果,如图1—40所示。
套索工具组的快捷键为“ Shift+L” ,下属工具有“套索工具”、“多边形套索工具”和“磁性套索工具”。
运用“套索工具”时,按住鼠标拖曳得到一个任意形状的选区,释放鼠标时自动闭合,如图1—41所示。
“磁性套索工具”根据图像与背景之间的反差勾选选区,适用于图像与背景反差较大的图像,如图1—42所示。
“多边形套索工具”使用鼠标在需要绘制的地方单击,建立第一个确认点,移动鼠标到合适的位置单击则建立第二个确认点,如此反复,直到终点与起点重合,得到一个直边的任意选区,如图1—43所示。
“裁切工具”可裁切需要的图像。
“移动工具”可移动图像至所需位置。
八、魔棒工具组
魔棒工具组的快捷键为“ Shift+W” ,下属工具有“魔棒工具”、 “快速选择工具”。
“魔棒工具”根据容差值的大小勾选图像的单色选区,容差值越大,选择的范围就越大。容差值默认为“ 32” ,最多可以调节到“ 255” ,最少可以调节到“ 0” 。如图1—44所示。
“快速选择工具”利用可设置的圆形画笔笔尖快速绘制选区。在拖曳鼠标时选区会向外扩展并自动查找、跟随图像中定义的边缘。如图1—45所示。
使用“魔棒工具”时,按住“ Shift”键在图像上单击可添加选区;按住“ Alt”键单击可在当前选区中减去选区;按住“ Shift+Alt”组合键单击可得到与当前选区相交的选区。
提示:使用魔棒工具时,经常会发现抠出的图片有白边,在选区属性栏中找到按钮,点击得到,再根据预览的效果调整其他参数,白边就没有了。
九、辅助工具
使用Photoshop CS6处理图像的过程中,利用辅助工具可以精确地绘制图像,常用的辅助工具有标尺、参考线、网格和度量工具等。
(一)标尺
利用标尺可以精确地定位图像中的某一点以及创建参考线。单击菜单栏中的“视图”>“标尺”命令(或按“ Ctrl+R” )即可在图像窗口中显示标尺。
标尺会出现在当前窗口的顶部和左侧,默认情况下,标尺是以“厘米”为单位的,在菜单栏中单击“编辑”>“首选项”>“单位与标尺”命令,或者直接在标尺上双击鼠标左键,在弹出的“首选项”对话框中即可对标尺的单位进行设置。如图1—46所示。
标尺原点是水平标尺与垂直标尺的相交点,默认情况下被放置在图像窗口的左上角,用户可以根据测量的需要改变标尺原点的位置。将光标移动到图像窗口左上角的上,按鼠标左键不放,拖动鼠标到图像窗口中标尺新原点的位置,释放鼠标后即可将标尺原点设置到该位置。如图1—47所示。
提示:在图像窗口的标尺上单击鼠标右键,即可在弹出的快捷菜单中快速设置标尺的单位。
(二)参考线
参考线是浮在整个图像上但是不打印出来的线条,可以移动或者删除。
选择菜单栏中的“视图”>“显示”>“参考线”命令(或按“ Ctrl+: ” )即可在图像窗口中显示参考线;单击工具箱中的“移动工具”按钮,将参考线拖动至标尺位置,可以一次删除一条参考线。单击菜单栏中的“视图”>“参考线”命令,即可一次性清除图像窗口中的所有参考线;选择菜单栏中的“视图”>“锁定参考线”命令即可锁定参考线。
(三)网格
网格对于对称地布置图像很有用,使用网格可以查看和跟踪图像扭曲的情况。选择菜单栏中的“视图”>“显示”>“网格”命令(或按“ Ctrl+’ ” ) ,如图1—48所示。网格在默认的情况下显示为不打印出来的线条,但也可以显示为点,如图1—49所示。
选择菜单栏的“编辑”>“首选项”>“参考线、网格和切片”命令,在弹出的“首选项”对话框中设定网格的属性,如图1—50所示。
(四)度量工具
度量工具主要用来测量图像两点之间的距离、位置和图像角度,相当于直尺和量角器。单击菜单栏中的“分析”>“标尺”工具命令,工具箱中出现“标尺工具”按钮。在图像中单击一点并进行拖动,这时开始点和鼠标指针之间会产生一条连接线。当鼠标拖动至目标位置后,释放鼠标左键,这时工具属性栏中将显示测量的结果。如图1—51所示。
度量工具对应属性栏中,各参考选项的含义如下:
( 1)X、Y:表示测量起点的横、纵坐标值。
( 2)W、H:表示两点之间的水平距离和垂直距离。
( 3)A:表示水平方向和线段之间的夹角。
( 4)L 1:表示线段起点和终点之间的测量线段。
( 5)“清除”按钮:单击该按钮可以清除测量线段。
十、文件的相关操作
(一)新建文件
执行“文件”>“新建”命令或使用“ Ctrl+N”组合键,弹出“新建”对话框,设置“名称” 、“高度” 、“宽度” 、“分辨率”等选项后单击“确定”按钮,则可以新建一个空白文件,如图1—52所示。
“名称”指新建文件的名称,在文本框中直接输入即可,默认情况下为“未标题- 1” 。
“预设”指新建文件的大小,单击文本框右侧的下三角按钮则会弹出“预设”下拉列表框,可在其中选择,如:Web、国际标准纸张、照片等选项,如图1—53所示。在选择“国际标准纸张”选项后,在“预设”栏会出现“大小”下拉列表框,单击此文本框右侧的下三角按钮,则会列出常用纸张的大小尺寸,如:A 3、A 4等。
“宽度/高度”指新建文件的宽度和高度,有“像素” 、 “英寸” 、 “厘米” 、 “毫米” 、“点” 、“派卡”和“列”七种单位以供选择。
“分辨率”指图像的分辨率,有“像素/英寸”和“像素/厘米”两种单位可供选择。
“颜色模式”分为位图、灰度、RGB颜色、CMYK颜色、Lab颜色五种,使用不同的颜色模式做出的效果也不一样,如选择灰度,所绘制的图像将无颜色,只存在黑、白和不同深浅的灰色。
“背景内容”指新建文件的背景,默认为白色,用户也可以将其设置为“透明”或“背景色” 。
“高级” :单击左侧的按钮,可以显示出“颜色配置文件”和“像素长宽比”选项。在“颜色配置文件”下拉列表中可以为文件选择一个颜色配置文件;在“像素长宽比”下拉列表中可以选择像素的长宽比。通常情况下像素都为正方形,除非使用视频图像。
“存储预设” :单击该按钮,弹出“新建文档预设”对话框,输入预设的名称并选择相应的各个选项,可以将当前设置的文件大小、分辨率、颜色模式等创建为一个预设选项。以后创建文件的时候,直接在“预设”下拉列表框中选择该预设即可。
“删除预设”可以将设定好的预设删除掉,但系统自带的预设不能被删除。
“ Device Central” :单击该按钮后,会弹出创建特定设备使用的文档。
“图像大小”显示当前文件设置的大小,新建文件的大小与高度、宽度、分辨率和模式有关。
提示:执行“新建”>“颜色模式”命令,其级联菜单中有位图、灰度、RGB颜色、CMYK颜色、Lab颜色选项。通常用于屏幕显示的颜色都设置为R G B模式;用于印刷或打印的都设置为R G B模式即可。具体内容将在模块二的知识点解析中详述。
(二)打开文件
执行“文件”>“打开”命令(或按“ Ctrl+O”组合键) ,则会弹出“打开”对话框。
“查找范围”可以按文件夹查找图片。
“文件名”显示了当前所选择对象的名称。
“文件格式”默认为所有格式,在下拉列表框中会有许多文件的格式,当选择某一个格式后,当前只会显示被选中的格式文件。
打开文件时,如果需要选择多个不相邻的文件时,可按住“ Ctrl”键依次选择;如果需要选择多个相邻的文件时,可选中第一个文件后按住“ Shift”单击最后一个文件全部选择。
执行“文件”>“最近打开文件”命令,在“最近打开文件”级联菜单中会显示最近打开过的文件,可以执行该命令打开前面使用过的文件。
(三)存储文件
执行“文件”>“存储”命令(或按“ Ctrl+S”组合键)可保存文件,在保存所作修改时,图像会按照原有的格式存储。如果是一个新建的文件,在执行该命令时会弹出“存储为”对话框。
“存储为”执行“文件”>“存储为”命令(或“ Ctrl+Shift+S”组合键) ,弹出“存储为”对话框,在“存储为”对话框中进行设置后单击“保存”按钮,则可将文件保存到指定位置。
“保存在”可以选择图像在电脑中保存的位置。
“文件名”可以输入指定的文件名。
“格式”可以在“格式”下拉列表框中选择相应的格式。
“作为副本”勾选该复选框,若原文件也在该文件夹下,则会创建一个文件副本。
执行“文件”>“存储为Web和设备所用格式”命令,Photoshop将会把文件保存为适合于网页使用的格式。大型文档格式PSB支持宽度或高度最大为300000像素的文档,支持所有Photoshop功能(比如图层、效果、滤镜) ,但存储为PSB格式的文件,只能在PhotoshopCS版本或更高版本打开,其他应用程序和Photoshop的早期版本则无法打开以PSB格式存储的文档。
(四)图像与画布
“图像大小”命令可以设置图像的“像素” 、 “尺寸”和“分辨率” ,如图1—54所示。“画布大小”命令可以对图像的“宽度”和“高度”进行设置,如图1—55所示。
提示:勾选“重定图像像素”复选框,在修改图像大小时,图像像素不会随之改变,因此画面的质量也不会变化。取消勾选“重定图像像素”复选框,在修改图像大小时,则会改变图像的分辨率,因此画面质量会受到一定的影响。