1、中文版Photoshop CS6平面设计案例教程项目一 Photoshop CS6快速上手 任务一 初识Photoshop CS6 任务二 Photoshop CS6基本操作 任务三 使用辅助工具 任务四 设置前景色和背景色 任务五 Photoshop CS6的图层任务一 初识Photoshop CS6Photoshop是当今世界最流行的一款图像处理软件,被广泛应用于平面广告设计、艺术图形创作、数码照片处理等领域。本任务内容提要一、Photoshop的应用领域二、Photoshop CS6功能预览三、启动和退出Photoshop CS6四、熟悉Photoshop CS6工作界面一、Photos
2、hop的应用领域n 在平面设计方面:利用Photoshop可以设计商标、产品包装、海报、样本、招贴、广告、软件界面、网页素材和网页效果图等各式各样的平面作品,还可以为三维动画制作材质,以及对三维效果图进行后期处理等。n 在绘画方面:Photoshop具有强大的绘画功能,利用它可以绘制出逼真的产品效果图、各种卡通人物和动植物等。n 在数码照片处理方面:利用Photoshop可以进行各种照片合成、修复和上色等操作。例如,为照片更换背景、为人物更换发型、校正偏色照片,以及美化照片等。二、Photoshop CS6功能预览n 选区制作:Photoshop提供了众多的选区制作工具和命令,利用它们可以将图
3、像的任意局部区域制作为选区,以方便对这些区域进行单独调整。n 图像编辑:图像编辑是Photoshop最基本的功能,包括移动、复制、删除、合并拷贝、自由变换图像、调整图像的大小与分辨率等。其中,绝大部分图像编辑命令都只对当前选区(或当前图层)有效。将猫头鹰图像移动到背景图像中n 图像绘制与修饰:Photoshop提供了许多实用的绘画、修饰与修复工具,利用这些工具不仅可以绘制图像,还可以修饰或修复图像,从而制作出一些具有特殊艺术效果的图像或修复图像中的缺陷。如为利用修复工具去除人物脸部的疤痕。n 图层:图层是Photoshop中最为重要和常用的功能之一,用户可以将图像的不同部分放置在不同的图层中,
4、以方便单独进行处理,添加特殊效果和制作图像融合效果等。如利用图层的混合模式制作的图像融合效果。n 色彩和色调调整:Photoshop提供了丰富的色彩和色调调整命令,利用它们可以轻松校正或改变图像的色调和色彩,从而使图像符合设计要求。n 文字:利用Photoshop的文字功能可在图像中创建文字,以及设置文字的格式、对文字进行变形操作、沿路径或在图形内部放置文字,还可以将文字转换为路径或形状等,从而制作出各种特殊效果的文字,以增强图像的表现力。n 路径和形状:利用Photoshop的形状与路径功能可以绘制各种矢量图形,如卡通画、商标等,还可以在图像中辅助创建选区。n 通道:在Photoshop中,
5、通道主要用于保存图像的颜色数据。在实际应用中,可对原色通道进行单独操作,从而制作出特殊的图像效果;还可以利用通道抠取图像区域、保存选区和辅助印刷。n 蒙版:在Photoshop中,蒙版是一种遮盖图像的工具,它主要用于合成图像或创建选区等。n 滤镜:Photoshop提供了许多滤镜,利用它们可以快速制作各种特殊的图像效果。三、启动和退出Photoshop CS6安装好Photoshop CS6程序后,可使用下面两种方法启动它。n选择“开始”“所有程序”“Adobe Photoshop CS6”菜单。n如果桌面上有Photoshop CS6的快捷方式图标,双击它即可启动程序。当不需要使用Photo
6、shop CS6时,可以采用以下几种方法退出程序。n直接单击程序窗口菜单栏右侧的“关闭”按钮。n选择“文件”“退出”菜单。n按【Ctrl+Q】或【Alt+F4】组合键。四、熟悉Photoshop CS6工作界面n 工具箱:Photoshop CS6的工具箱中包含了70余种工具。这些工具大致可分为选区制作工具、绘画工具、修饰工具、颜色设置工具及显示控制工具等几类,通过它们我们可以方便地对图像进行各种处理。一般情况下,要使用某种工具,只需单击该工具即可。另外,部分工具的右下角带有黑色小三角,表示该工具中隐藏着其他的工具。在该工具上按住鼠标左键不放,可从弹出的工具列表中选择其他工具。n 工具属性栏:
7、当用户从工具箱中选择某个工具后,在菜单栏下方的工具属性栏中会显示该工具的属性和参数,利用它可设置工具的相关参数。自然,当前选择的工具不同,属性栏内容也不相同。属性栏最右边是“基本功能”按钮,通过单击该按钮可在弹出的下拉列表中选择Photoshop为我们提供的预设工作界面。n 图像窗口:用来显示和编辑图像文件。默认情况下,Photoshop使用选项卡的方式来组织打开或新建的图像,每个图像都有自己的标签,上面显示了图像名称、显示比例、色彩模式和通道等信息。当用户同时打开多个图像时,通过单击图像标签可在各图像之间切换,当前图像的标签将显示为灰白色。n 调板:位于图像窗口右侧。Photoshop CS
8、6为用户提供了很多调板,分别用来观察信息,选择颜色,管理图层、通道、路径和历史记录等。n 状态栏:位于图像窗口底部,由两部分组成,分别显示了当前图像的显示比例和文档大小/暂存盘大小(指编辑图像时所用的空间大小)。用户可在显示比例编辑框中直接修改数值来改变图像的显示比例。任务实施自定Photoshop CS6工作界面n 按【Tab】键可以关闭工具箱和所有调板;再次按【Tab】键将重新显示工具箱和调板。此外,按【Shift+Tab】组合键可以隐藏或显示调板。n 在Photoshop CS6中,系统提供了全屏、带有菜单的全屏和标准屏幕3种屏幕显示模式。按住工具箱中的“屏幕模式”按钮不放,可从展开的下
9、拉列表中选择相应的屏幕模式。要从全屏模式返回到标准屏幕模式,可按【Esc】键。用户也可在英文输入法状态下,连续按【F】键切换屏幕显示模式。n 将鼠标移至向左双箭头符号 上单击,可将调板折叠成一个小图标。此时 符号变为 符号,单击该符号调板将恢复为正常状态。n 当调板以图标状态显示时,单击某个图标可展开相应的调板,再次单击该图标又可折叠该调板。n 若想关闭调板,可右键单击调板名称,从弹出的快捷菜单中选择“关闭”菜单项。若想打开已经关闭的调板,可选择“窗口”菜单中的相应菜单项。n 要将当前工作界面恢复为系统默认状态,可单击工具属性栏右侧的“基本功能”按钮,从展开的列表中选择“复位基本功能”选项即可
10、。n 根据需要,用户可以设置在界面中只显示针对某项功能的调板,只需在“基本功能”列表中选择相应选项,或者选择“窗口”“工作区”菜单下的相应子菜单项即可。n 若想改变工作界面的颜色,可选择“编辑”“首选项”“界面”菜单项,打开“首选项”对话框,在“外观”设置区中单击 按钮之一选择一种颜色方案,然后单击“确定”按钮。任务二 Photoshop基本操作要使用Photoshop CS6处理图像,首先应打开或创建图像文件,然后才能进行相应的编辑操作,最后还应当保存和关闭图像。此外,当同时打开多幅图像文件时,为方便对不同的图像进行编辑,我们还需要切换或排列图像窗口,或将图像窗口从选项卡式设为浮动式等。本任
11、务内容提要一、Photoshop文件基本操作二、切换和排列图像窗口三、图像相关概念一、Photoshop文件基本操作利用“文件”菜单中的相关命令,或直接按键盘快捷键,可以执行新建、打开、保存和关闭文件等操作。例如,按【Ctrl+N】组合键可新建文件;按【Ctrl+O】组合键可打开文件;按【Ctrl+S】组合键可保存文件。要设置新建图像的宽度、高度和分辨率,可从各选项后面的下拉列表框中选择单位,然后输入需要的大小设置图像背景色。选择“白色”表示创建一个以白色为背景的图像;选择“背景色”表示将以当前使用的背景色作为图像背景;选择“透明”表示将创建一个透明背景的图像输入图像名选择新建图像的颜色模式单
12、击该按钮可以将设置存储为默认设置,便于以后使用n 新建图像文件:按【Ctrl+N】组合键,或选择“文件”“新建”菜单项,打开“新建”对话框,设置各项参数,单击“确定”按钮,即可创建一个空白图像文件。n 打开图像文件:按【Ctrl+O】组合键,或选择“文件”“打开”菜单项,打开“打开”对话框,在对话框中找到存放图像文件的文件夹,然后单击“打开”按钮将它们同时打开。默认情况下,Photoshop CS6使用选项卡的方式来组织打开或新建的图像n 切换图像窗口:默认情况下,在Photoshop CS6中新建或打开的图像均以选项卡方式显示,当同时打开多幅图像时,要将某个图像窗口设为当前窗口,只需单击该图
13、像的标签即可。二、切换和排列图像窗口n 排列图像窗口:若想同时查看多幅图像,可选择菜单栏中的“窗口”“排列”菜单项,从打开的列表中选择合适的图像窗口排列方式,包括全部垂直拼贴、双联、三联、四联、六联等。n 移动图像:在工具箱中选择“移动工具”,然后在图像窗口中按下鼠标左键,向另一个图像窗口拖动,到所需位置后释放鼠标左键,即可在不同的图像窗口之间移动图像。n 保存图像:按【Ctrl+S】组合键,或选择“文件”“储存”菜单项,打开“存储为”对话框,选择文件的保存位置,在“文件名”编辑框中输入文件名,在“格式”下拉列表框中选择文件保存格式(在本任务的“补充学习”部分将介绍常用的图像文件格式),如选择
14、PSD格式,单击“保存”按钮,将制作好的图像文件保存。n 关闭图像文件:分别单击各图像窗口标签右侧的“关闭”按钮 ,或选择“文件”“关闭”菜单项,或按【Ctrl+W】组合键,将各图像关闭。如果选择“文件”“关闭全部”菜单项,将一次性关闭所有打开的图像文件。n 退出程序:单击Photoshop CS6程序窗口右上角的“关闭”按钮,退出Photoshop CS6。位图和矢量图:图像有位图和矢量图之分。严格地说,位图被称为图像,矢量图被称为图形。它们之间最大的区别就是位图放大到一定比例时会变得模糊,而矢量图则不会。三、图像相关概念放大显示位图前后效果放大显示矢量图前后效果n 位图是由许多细小的色块组
15、成的,每个色块就是一个像素,每个像素只能显示一种颜色。像素是构成位图的最小单位,放大位图后可看到它们,这就是我们平常所说的马赛克效果。日常生活中,我们所拍摄的数码照片、扫描的图像都属于位图。与矢量图相比,位图具有表现力强、色彩细腻、层次多且细节丰富等优点。位图的缺点是文件占用的存储空间大,且与分辨率有关。n 矢量图主要是用诸如Illustrator、CorelDRAW等矢量绘图软件绘制得到的。矢量图具有占用存储空间小、按任意分辨率打印都依然清晰(与分辨率无关)的优点,常用于设计标志、插画、卡通和产品效果图等。矢量图的缺点是色彩单调,细节不够丰富,无法逼真地表现自然界中的事物。就Photosho
16、p而言,其卓越的功能主要体现在能对位图进行全方位的处理。例如,可以调整图像的尺寸、色彩、亮度、对比度,并可以对图像进行各种加工,从而制作出精美的作品。此外,也可利用Photoshop绘制一些不太复杂的矢量图。n 像素:如前所述,像素是组成位图图像最基本的元素,每个像素只能显示一种颜色,共同组成整幅图像。n 图像分辨率:通常是指图像中每平方英寸所包含的像素数,其单位是“像素/英寸”(pixel/inch,ppi)。一般情况下,如果希望图像仅用于显示,可将其分辨率设置为72ppi或96ppi(与显示器分辨率相同);如果希望图像用于印刷输出,则应将其分辨率设置为300ppi或更高。分辨率与图像的品质
17、有着密切的关系。当图像尺寸固定时,分辨率越高,意味着图像中包含的像素越多,图像也就越清晰,相应地,文件也会越大;反之,分辨率较低时,意味着图像中包含的像素越少,图像的清晰度自然也会降低,相应地,文件也会变小。图像文件格式是指在计算机中存储图像文件的方式,而每种文件格式都有自身的特点和用途。下面简要介绍几种常用图像格式的特点。nPSD格式(*.psd):是Photoshop专用的图像文件格式,可保存图层、通道等信息。其优点是保存的信息量多,便于修改图像;缺点是文件尺寸较大。nTIFF格式(*.tif):是一种应用非常广泛的图像文件格式,几乎所有的扫描仪和图像处理软件都支持它。TIFF格式采用无损
18、压缩方式来存储图像信息,可支持多种颜色模式,可保存图层和通道信息,并且可以设置透明背景。n GIF格式(*.gif):图像最多可包含256种颜色,颜色模式为索引颜色模式,文件尺寸较小,支持透明背景,且支持多帧,特别适合作为网页图像或网页动画。n BMP格式(*.bmp):是Windows操作系统中“画图”程序的标准文件格式,此格式与大多数Windows和OS/2平台的应用程序兼容。由于该格式采用的是无损压缩,因此,其优点是图像完全不失真,缺点是图像文件的尺寸较大。n JPEG格式(*.jpg):是一种压缩率很高的图像文件格式。但是,由于它采用的是具有破坏性的压缩算法(有损压缩),因此,该格式图
19、像文件在显示时无法全部还原。它仅适用于保存不含文字或文字尺寸较大的图像,否则,将导致图像中的字迹模糊。JPEG格式图像文件支持CMYK、RGB、灰度等多种颜色模式,多用作网页的素材图像。颜色模式决定了如何描述和重现图像的色彩。在Photoshop中,常用的颜色模式有RGB模式、CMYK模式、灰度模式等,下面分别介绍。nRGB颜色模式:该模式是Photoshop软件默认的颜色模式。在该模式下,图像的颜色由红(R)、绿(G)、蓝(B)3原色混合而成。R、G、B颜色取值的范围均为0255。当图像中某个像素的R、G、B值都为0时,像素颜色为黑色;R、G、B值都为255时,像素颜色为白色;R、G、B值相
20、等时,像素颜色为灰色。nCMKY颜色模式:该模式是一种印刷模式,其图像颜色由青(C)、洋红(M)、黄(Y)和黑(K)4种色彩混合而成。C、M、Y、K的颜色变化用百分比表示,如大红色为(0、100、100、0)。在Photoshop中处理图像时,一般不采用CMYK模式,因为该颜色模式下图像文件占用的存储空间较大,并且Photoshop提供的很多滤镜都无法使用。因此,如果制作的图像需要用于打印或印刷,可在输出前将图像的颜色模式转换为CMYK模式。n灰度模式:灰度模式图像只能包含纯白、纯黑及一系列从黑到白的灰色。其不包含任何色彩信息,但能充分表现出图像的明暗信息。n索引颜色模式:索引颜色模式图像最多
21、包含256种颜色。在这种颜色模式下,图像中的颜色均取自一个256色颜色表。索引颜色模式图像的优点是文件尺寸小,其对应的主要图像文件格式为GIF。因此,这种颜色模式的图像通常用作多媒体动画和网页的素材图像。在该颜色模式下,Photoshop中的多数工具和命令都不可用。n位图模式:位图模式图像也叫黑白图像或一位图像,它只包含了黑、白两种颜色。nLab颜色模式:该模式是目前所有模式中包含色彩范围最广的颜色模式。它以一个亮度分量L以及两个颜色分量a与b来混合出不同的颜色。任务实施制作万圣小魔女插画通过制作万圣小魔女插画,来掌握Photoshop图像文件的基本操作,以及了解与图像处理相关的一些基本概念,
22、如分辨率、颜色模式、图像文件格式等。具体操作见视频文件1-1.swf。首先新建图像文件,然后打开图像文件,再复制、粘贴图像,移动图像,最后保存图像任务三 使用辅助工具在处理图像时,为了能够精确设置对象的位置和尺寸,系统提供了一些辅助工具供用户使用,如缩放工具、平移工具、标尺、参考线和网格等。在处理图像的过程中,适时使用这些辅助工具,可以让操作变得更加快捷和精确。本任务内容提要一、使用缩放和平移工具二、使用标尺和参考线三、使用网格一、使用缩放和平移工具在处理图像时,通过放大图像的显示比例可以方便地对图像的细节进行处理,而通过缩小图像的显示比例可以方便地观察图像的整体。在Photoshop CS6
23、中,缩放和平移视图主要是利用工具箱中的“缩放工具”和“抓手工具”,以及菜单栏中的子菜单项(可按相应的快捷键)和“导航器”调板进行的。选择工具箱中的“缩放工具”,在图像窗口中单击,将图像放大显示选择“抓手工具”,将鼠标指针移至图像窗口中并向下拖动鼠标,将图像向下平移,可显示图像的上边缘;再将图像向右平移,可显示图像的左边缘二、使用标尺和参考线标尺和参考线都用来辅助定位对象的位置。选择“视图”“标尺”菜单项,或按【Ctrl+R】组合键,可在图像的左侧和顶部显示或隐藏标尺;将鼠标指针放置在水平或垂直标尺上,按住鼠标左键并向图像窗口内拖动,至合适位置后释放鼠标即可创建参考线,反复操作可创建多条参考线。
24、默认状态下,标尺原点在图像左上角,我们也可以移动标尺原点的位置此外,也可选择“视图”“新建参考线”菜单项,打开“新建参考线”对话框。在对话框中设置参考线的方向和位置,单击“确定”按钮精确创建参考线。三、使用网格在处理图像时,借助网格线也可以精确定位对象。选择“视图”“显示”“网格”菜单项,或按【Ctrl+】组合键可在图像窗口中显示或隐藏网格线。辅助线和网格在打印图像时都不显示。任务实施制作图书封面通过制作图书封面,学习Photoshop CS6提供的辅助工具的用法。具体操作步骤见视频文件1-2.swf。首先打开本书提供的多个图像文件,然后在其中一个图像文件中根据需要拖出参考线,再将所需图像复制
25、、粘贴到设置了参考线的图像文件中,移动图像到合适位置,最后另存图像文件任务四 设置前景色和背景色用户在编辑图像时,其操作结果与当前设置的前景色和背景色有着非常密切的联系。例如,使用画笔、铅笔及油漆桶等工具在图像窗口中进行绘画时,使用的是前景色;在利用橡皮擦工具擦除图像窗口中的背景图层时,则使用背景色填充被擦除的区域。本任务内容提要一、前景色、背景色工具和拾色器二、“颜色”、“色板”调板和吸管工具在Photoshop的工具箱中,系统提供了前景色和背景色设置工具,分别用于显示和设置当前使用的前景色和背景色。一、前景色、背景色工具和拾色器要设置前景色,可单击工具箱中的前景色工具,打开“拾色器(前景色
26、)”对话框。在对话框中的光谱图中拖动颜色滑块选择颜色,再在色域中单击拾取需要的颜色;或者直接在颜色模型中输入数值来精确设置颜色,设置好后单击“确定”按钮。u溢色警告标志 :当所选颜色超出了印刷或打印的颜色范围时,在对话框中色样的右侧将出现一个溢色警告标志 ,其下方的小方块显示了与所选颜色最接近的印刷色,即CMYK颜色。单击溢色警告标志 ,可选定该CMYK颜色。u“添加到色板”按钮:单击该按钮,可将所选颜色添加到“色板”调板中。u“颜色库”按钮:单击“颜色库”按钮,将打开“颜色库”对话框,可从中选择系统预定义的各种CMYK颜色。uWeb调色板颜色警告标志 :Web颜色是指能在不同操作系统和不同浏
27、览器中安全显示的216种颜色。如果指定的颜色超出Web颜色的范围,则会出现Web调色板颜色警告标志 ,单击该标志可选择与指定颜色最相近的Web颜色。此外,勾选“只有Web颜色”复选框,则色域区将只显示Web颜色。二、“颜色”、“色板”调板和吸管工具利用“颜色”、“色板”调板和“吸管工具”也可设置前景色或背景色。n“颜色”调板:选择“窗口”“颜色”菜单项,或者按【F6】键打开“颜色”调板。在调板左上角单击选择要设置前景色还是背景色,然后可通过颜色滑块或颜色样板设置颜色。此外,单击“颜色”调板右上角的 按钮 ,可从打开的调板菜单中选择滑块及颜色样板条的颜色模式。n“色板”调板:选择“窗口”“色板”
28、菜单项打开“色板”调板,在该调板中存储了系统预先设置好的颜色或用户自定的颜色,单击某个颜色即可将其设置为前景色,按住【Ctrl】键单击可将其设为背景色。我们还可在“色板”调板中添加或删除色样,方法如下。n 添加色样:要在“色板”调板中添加色样,首先利用“颜色”调板或“拾色器”对话框设置好要添加的颜色,然后将光标移至调板中的空白处(此时光标变为油漆桶形状)并单击,接着在打开的“色板名称”对话框中输入色样名称或直接单击“确定”按钮,即可添加色样。n 删除色样:要删除某色样,只需将鼠标光标移至该色样上,按住鼠标左键并拖至调板底部的 按钮上即可。此外,将鼠标光标移至要删除的色样上,按住【Alt】键,当
29、光标呈剪刀状 时,单击鼠标也可删除该色样。n 吸管工具:选择“吸管工具”后,在图像中单击可将单击处的颜色设置为前景色;按住【Alt】键单击可将单击处的颜色设置为背景色。任务实施填充冰淇淋女孩插画通过填充冰淇淋女孩插画,来学习在Photoshop CS6中设置前景色和背景色的方法。具体操作步骤见视频1-3.swf。首先打开本书提供的素材文件,然后分别设置好不同的前景色和背景色,选择吸管工具或“油漆桶工具”在要填充前景色和背景色的图像上单击进行填充,最后保存文件即可任务五 Photoshop的图层在Photoshop中,图层是一项非常重要的功能。用户在编辑图像时,所执行的所有操作都与图层有着密切的
30、联系。我们可以将图层想象为透明的玻璃,每层玻璃上都有不同的画面,将多层玻璃叠加在一起就能构成一幅完整的图像。在Photoshop中,每个图像都由一个或多个图层组成,图层与图层之间是相互独立的,当对某一图层(在“图层”调板中单击选中该图层)进行操作时,不会影响到其他图层,这就方便我们对图像进行处理。此外,利用图层还可以方便地制作各种特殊图像效果。可以说图层是Photoshop的灵魂,是Photoshop强大功能的体现。在图像窗口中进行的操作通常都是针对当前图层进行的。我们将在后面项目中学习的编辑、绘制和修饰图像,以及调整图像色彩等都是如此。要将某个图层置为当前图层,在“图层”调板中单击该图层即可;要新建图层,可单击图层调板底部的“创建新图层”按钮 。任务实施制作婚戒广告通过制作婚戒广告,对图层作一个简单的剖析。具体操作步骤见视频1-4.swf。首先新建文档,然后分别将多个素材文件复制粘贴或移动到新建的文件中,并用“移动工具”调整好其位置,最后设置图层的不透明度即可谢谢大家