Photoshop与平面设计

1、PhotoshopPhotoshop与平面设计与平面设计 第一章 基础知识 Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。软件简介软件简介PhotoshopPhotoshop的应用领域的应用领域 Photoshop Photoshop的功能十分强大，易学易用，被广泛地应用于图的功能十分强大，易学易用，被广泛地应用于图像处理、平面设计、效果图后期处理等领域。像处理、平面设计、效果图后期处理等领域。 1.图像处理图像处理使用使用Photo

2、shopPhotoshop处理图像前后的效果对比处理图像前后的效果对比 2.2.平面设计平面设计3.3.室外效果图后期处理室外效果图后期处理Photoshop CS4Photoshop CS4的新增功能的新增功能 Photoshop CS4在Photoshop CS3的全部功能外，还增加了一些新功能，包括操作界面、浏览图片、“调整”面板、“蒙版”面板、“仿制源”面板和“3D”面板等。1.11.1基本概念基本概念 在使用在使用PhotoshopPhotoshop进行图形图像的处进行图形图像的处理时，需要接触许多图像处理的相关概念，理时，需要接触许多图像处理的相关概念，掌握这些概念有助于更好地进行

3、图像处理。掌握这些概念有助于更好地进行图像处理。1.1.1 1.1.1 像素像素 像素是组成图像最基本的单位，是矩像素是组成图像最基本的单位，是矩形的颜色块。在形的颜色块。在PhotoshopPhotoshop中，将图像的显中，将图像的显示比例放大至一定程度时（可以使用缩放示比例放大至一定程度时（可以使用缩放工具放大图像的显示比例），就可以看到工具放大图像的显示比例），就可以看到类似马赛克的方块，这些方块便是像素。类似马赛克的方块，这些方块便是像素。1.1.2 1.1.2 矢量图和点阵图矢量图和点阵图 计算机中的图像是以数字的方式记录、处理和存储的，按图像的表现形式大致分为位图图像和矢量图形两

4、大类。 位图图像也叫做栅格图像，它是用像素来表现图像，每个像位图图像也叫做栅格图像，它是用像素来表现图像，每个像素都具有特定的位置和颜色值。许多不同颜色的像素点组合在一素都具有特定的位置和颜色值。许多不同颜色的像素点组合在一起，就组成了一幅色彩丰富、具有层次变化的图像。起，就组成了一幅色彩丰富、具有层次变化的图像。 位图放大前后的对比效果位图放大前后的对比效果 1. 1. 位图图像位图图像PhotoshopPainter 2. 2.矢量图形矢量图形 矢量图形又称为向量图，它是由称为矢量的数学对象定义的直线和曲线构成的，矢量图像最基本的单位是锚点和路径。 矢量图放大前后的对比效果矢量图放大前后的

5、对比效果 Illustrator CoreldrawFlash矢量图的格式是ai cdr wmf eps swf1.1.3 1.1.3 分辨率分辨率分辨率是指单位长度内所含像素的数量，分辨率是指单位长度内所含像素的数量，通常用像素通常用像素/ /英寸（英寸（ppippi）来表示。分辨率）来表示。分辨率包括图像分辨率、屏幕分辨率、设备分辨包括图像分辨率、屏幕分辨率、设备分辨率、输出分辨率（率、输出分辨率（dpidpi）和位分辨率。）和位分辨率。72ppi300ppi1.1.4 1.1.4 颜色深度颜色深度颜色深度简单说就是最多支持多少种颜颜色深度简单说就是最多支持多少种颜色。一般是用色。一般是用

6、“位位”来描述的。来描述的。色彩深度色彩深度颜色数量颜色数量色彩模式色彩模式1位位 2（黑白）（黑白） 位图位图8位位 256索引颜色索引颜色 16位位 65536 灰度，灰度，16位位/通通道道 24位位 1670万万 RGB32位位 CMYK，RGB 48位位 16位位/通道通道 颜色模式颜色模式，是将某种颜色表现为数字形式的模型，或者说是一种记录图像颜色的方式。分为：RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式。 图片格式图片格式 图片格式是计算机存储图片的格式，常见的存储的格式有psd,jpg,tiff,bmp,gif,

7、png, tga等。 1.2 Photoshop1.2 Photoshop的内部工作环境的内部工作环境1.2.1 1.2.1 首选项首选项1.2.2 1.2.2 工具箱工具箱1.2.3 1.2.3 打开文件打开文件图像的打开图像的打开1.1.使用使用“打开打开”命令命令“打开打开”对话框对话框 打开选定的图像打开选定的图像 1.2.4 1.2.4 图像的新建图像的新建 新建图像是使用新建图像是使用PhotoshopPhotoshop进行设计的第一步。执行进行设计的第一步。执行“新新建建”命令，有以下几种方法：命令，有以下几种方法：执行执行“文件文件”“”“新建新建”命令。命令。按按Ctrl+N

8、Ctrl+N组合键。组合键。“新建新建”对话框对话框 新建的图像新建的图像 打开最近使用过的文件打开最近使用过的文件 如果要打开最近使用过的文件，可以执行如果要打开最近使用过的文件，可以执行“文文件件”“”“最近打开文件最近打开文件”命令，弹出其子菜单，从中可以命令，弹出其子菜单，从中可以选择最近打开过的图像选择最近打开过的图像 。 “ “最近打开文件最近打开文件”命令的子菜单命令的子菜单 图像的保存图像的保存 编辑和制作好图像后，就需要将图像保存。保编辑和制作好图像后，就需要将图像保存。保存图像有以下几种方法：存图像有以下几种方法：执行执行“文件文件”“”“存储存储”命令。命令。按按Ctrl

9、+SCtrl+S组合键。组合键。 图像的关闭图像的关闭关闭图像，有以下几种方法：关闭图像，有以下几种方法：执行执行“文件文件”“”“关闭关闭”命令。命令。按按Ctrl+WCtrl+W组合键。组合键。单击图像窗口标题栏右上方的单击图像窗口标题栏右上方的“关闭关闭”按钮。按钮。 提示框提示框 图像的复制图像的复制 执行执行“图像图像”“”“复制复制”命令，可以复制当前图像，生成一个一命令，可以复制当前图像，生成一个一模一样的图像文件。模一样的图像文件。打开要复制的图像打开要复制的图像 “复制图像复制图像”对话框对话框 1.2.5 1.2.5 关于参考线的使用关于参考线的使用标尺标尺 标尺可以帮助用

10、户精确地确定图像或元素的位置。显示标尺可以帮助用户精确地确定图像或元素的位置。显示标尺后，在图像上移动鼠标指针时，标尺内的标记可以显示标尺后，在图像上移动鼠标指针时，标尺内的标记可以显示指针的位置。指针的位置。隐藏标尺隐藏标尺显示标尺显示标尺 执行执行“视图视图”“标尺标尺”命令，或按命令，或按Ctrl+R组合键，组合键，可以将标尺显示或隐藏。可以将标尺显示或隐藏。参考线参考线 参考线是显示在图像上方的一些不会打印出来的线条，用参考线是显示在图像上方的一些不会打印出来的线条，用于帮助用户定位图像。参考线可以移动和删除，也可以将其锁于帮助用户定位图像。参考线可以移动和删除，也可以将其锁定，以防止

11、它们被意外移动。定，以防止它们被意外移动。绘制水平参考线绘制水平参考线 绘制垂直参考线绘制垂直参考线 网格网格 网格在默认情况下显示为不可打印的线条或网点。网格网格在默认情况下显示为不可打印的线条或网点。网格在对称布置图像很有用。执行在对称布置图像很有用。执行“视图视图”“”“显示显示”“”“网格网格”命令，即可显示网格。命令，即可显示网格。 原始图像原始图像 显示网格线的效果显示网格线的效果 执行执行“编辑编辑”“首选项首选项”“参考线、网格和切片参考线、网格和切片”命令，命令，打开首选项对话框，其中打开首选项对话框，其中“参考线参考线”选项区用于设置参考线的颜色选项区用于设置参考线的颜色和

12、样式；和样式；“网格网格”选项区用于设置网格的颜色、样式以及网格线间选项区用于设置网格的颜色、样式以及网格线间隔和子网格等；隔和子网格等；“切片切片”选项区用于设置切片的颜色和显示切片的选项区用于设置切片的颜色和显示切片的编号。编号。“标尺标尺”工具工具 标尺工具用于测量图像中任意两点之间的距离，并标尺工具用于测量图像中任意两点之间的距离，并可以用来测量角度。可以用来测量角度。鼠标指针效果鼠标指针效果 显示出测量线显示出测量线 显示测量结果显示测量结果 在在PhotoshopPhotoshop中，可以在图像的任何区域中添加文字注释，通中，可以在图像的任何区域中添加文字注释，通过注释可以为图像添

13、加制作说明或其他有用的信息。注释在图像过注释可以为图像添加制作说明或其他有用的信息。注释在图像上上显示为不可打印的小图标显示为不可打印的小图标，可以查看注释，也可以打开注释并，可以查看注释，也可以打开注释并编辑其内容，还可以根据需要隐藏或删除注释。编辑其内容，还可以根据需要隐藏或删除注释。“注释注释”工具选项栏工具选项栏 1.2.6 1.2.6 文件注释文件注释1.2.8 Photoshop 1.2.8 Photoshop 帮助帮助1.2.9 1.2.9 快捷键和关联菜单快捷键和关联菜单1.2.7 1.2.7 预设管理器预设管理器1.2.10 1.2.10 图像浏览图像浏览FTABSHIFT+

14、TAB抓手工具导航器旋转视图使用使用“缩放缩放”工具工具 使用使用“缩放缩放”工具工具可以将图像按实际大小显示，可以将图像按实际大小显示，也可将图像放大或缩小显示。也可将图像放大或缩小显示。 “缩放缩放”工具选项栏工具选项栏1.100%1.100%显示图像显示图像 双击工具箱中的双击工具箱中的“缩放缩放”工具工具或单击选项栏中的或单击选项栏中的“实际像素实际像素”按钮，可以将图像按实际大小显示，即按按钮，可以将图像按实际大小显示，即按100%100%的比例显示。的比例显示。2.2.适合屏幕显示图像适合屏幕显示图像单击选项栏中的单击选项栏中的“适合屏幕适合屏幕”按钮，可以使图像窗口的宽度和高按钮

15、，可以使图像窗口的宽度和高度按同样的比例，以整个度按同样的比例，以整个PhotoshopPhotoshop工作区域的宽度为限来平铺图工作区域的宽度为限来平铺图像窗口，在此过程中系统将自动调整图像窗口的大小，使其适合像窗口，在此过程中系统将自动调整图像窗口的大小，使其适合PhotoshopPhotoshop工作区域的宽度。工作区域的宽度。适合屏幕显示的效果适合屏幕显示的效果 3. 3.填充屏幕显示图像填充屏幕显示图像 单击选项栏中的单击选项栏中的“填充屏幕填充屏幕”按钮，可以使图像窗口铺满整按钮，可以使图像窗口铺满整个个PhotoshopPhotoshop的工作区域（不限宽度和高度），这样图像窗

16、口的的工作区域（不限宽度和高度），这样图像窗口的宽度与高度正好与宽度与高度正好与PhotoshopPhotoshop工作区域的宽度和高度相等，即图工作区域的宽度和高度相等，即图像窗口铺满整个像窗口铺满整个PhotoshopPhotoshop工作区域。工作区域。显示比例为显示比例为50% 50% 填充屏幕显示的效果填充屏幕显示的效果 4.4.放大显示图像放大显示图像 选择工具箱中的选择工具箱中的“缩放缩放”工具，工具，在选项栏中选中在选项栏中选中“放大放大”按钮按钮，在图像窗口中在图像窗口中单击单击鼠标鼠标，图像就会，图像就会进行放大显示进行放大显示。 放大显示一次放大显示一次 放大显示两次放大

17、显示两次 缩放前的图像缩放前的图像 绘制矩形框绘制矩形框 打开一幅图像，选择工具箱中的打开一幅图像，选择工具箱中的“缩放缩放”工具，工具，在选项栏中在选项栏中单击单击“放大放大”按钮按钮，在图像窗口中拖动鼠标绘制出一个矩形区域，在图像窗口中拖动鼠标绘制出一个矩形区域，这个区域就会放大显示这个区域就会放大显示至填满整个画布。至填满整个画布。图像填满整个画布图像填满整个画布 双击工具箱中的双击工具箱中的“抓手抓手”工具，可以调整图像窗口的大小，工具，可以调整图像窗口的大小，使图像正好填满整个图像窗口。这就相当于单击使图像正好填满整个图像窗口。这就相当于单击“缩放缩放”工具选工具选项栏中的项栏中的“

18、适合屏幕适合屏幕”按钮。按钮。按按Ctrl+Ctrl+组合键，可以将图像放大显示，这相当于单击组合键，可以将图像放大显示，这相当于单击“缩缩放放”工具工具选项栏中的选项栏中的“放大放大”按钮。按钮。按按Ctrl+Ctrl+组合键，可以将图像缩小显示，这相当于单击组合键，可以将图像缩小显示，这相当于单击“缩缩放放”工具工具选项栏中的选项栏中的“缩小缩小”按钮。按钮。按按Ctrl+0Ctrl+0键，可以调整图像窗口的大小，使图像正好填满整键，可以调整图像窗口的大小，使图像正好填满整个图像窗口，这相当于单击个图像窗口，这相当于单击“缩放缩放”工具工具选项栏中的选项栏中的“适当适当屏幕屏幕”按钮。按钮

19、。按按Ctrl+Alt+0Ctrl+Alt+0组合键，可以将图像按组合键，可以将图像按100%100%的比例显示，这相的比例显示，这相当于单击当于单击“缩放缩放”工具工具选项栏中的选项栏中的“实际像素实际像素”按钮。按钮。 使用快捷键使用快捷键1.2.11 1.2.11 面板面板1.3 调整图像尺寸与画布大小调整图像尺寸与画布大小调整图像尺寸调整图像尺寸修改画布大小修改画布大小1.4 图像的移动图像的移动移动工具移动工具1.5 图像变换与变形图像变换与变形编辑编辑- -自由变换自由变换编辑编辑- -变换变换- -变形变形实例练习利用缩放和扭曲制作饮料包装 74第二章 绘图修饰及图像编辑2.12

20、.1关于工具外形的设置关于工具外形的设置首选项首选项光标光标2.2.1 2.2.1 使用使用“拾色器拾色器”对话框对话框切换前景色和背景色切换前景色和背景色默认的前景色和背景色默认的前景色和背景色设置前景色设置前景色设置背景色设置背景色 颜色控制工具颜色控制工具 “拾色器（前景色）拾色器（前景色）”对话框对话框 2.2.2 2.2.2 使用使用“颜色颜色”面板面板“颜色颜色”面板面板 2.2.3 2.2.3 使用使用“色板色板”面板面板“色板色板”面板面板 “色板色板”面板可以用来选取一种颜色以改变前景色或背景色。面板可以用来选取一种颜色以改变前景色或背景色。 2.2.4 2.2.4 使用吸管

21、工具组使用吸管工具组“吸管吸管”工具组包含了工具组包含了“吸管吸管”工具和工具和“颜色取样器颜色取样器”工具。工具。1.“1.“吸管吸管”工具工具“吸管吸管”工具的选项栏工具的选项栏 “颜色取样器颜色取样器”工具工具 使用使用“颜色取样器颜色取样器”工具可以在图像中对需要的色彩工具可以在图像中对需要的色彩进行取样，最多可以对进行取样，最多可以对4 4个颜色点进行取样，取样的结果将个颜色点进行取样，取样的结果将出现在出现在“信息信息”面板中。面板中。 取样并在取样并在“信息信息”面板中显示出取样处的色彩信息面板中显示出取样处的色彩信息2.3 2.3 关于画笔面板关于画笔面板2.3.1 选择预设的

22、画笔2.3.2 定义画笔预设创建选区设羽化值编辑定义画笔预设2.3.2 画笔的选项设定2.4 2.4 绘图工具绘图工具2.4.1 画笔工具2.4.2 铅笔工具2.4.3 橡皮擦工具2.4.4 背景橡皮擦工具2.4.5 魔术橡皮擦工具2.4.6 渐变工具2.4.7 油漆桶工具2.5 图像润饰工具2.5.2 模糊、锐化工具2.5.1 加深、减淡工具2.5.3 海绵、涂抹工具实例练习使用渐变工具绘制卡通气球 1472.6 图像修饰工具2.6.2 图案图章工具2.6.1 仿制图章工具2.6.3 污点修复画笔工具2.6.5 修补工具2.6.4 修复工具2.6.6 红眼工具2.6.7 颜色替换工具第三章

23、图像色彩的校正 3.1 色阶 3.2 自动色阶 3.3 自动对比度和自动颜色 3.4 曲线 3.5 色彩平衡 3.6 亮度/对比度 实例练习通过灰点校正色偏 94 3.7 色相/饱和度和自然饱和度 3.8 匹配颜色 3.9 去色 3.10 替换颜色 3.11 可选颜色 3.12 通道混合器 3.13 渐变映射 3.14 照片滤镜 3.15 阴影/高光 3.16 曝光度 3.17 反相 3.18 色调均化 3.19 阈值 3.20 色调分离 3.21 变化 3.22 黑白 3.23 进行色彩校正应注意的问题第四章 创建选区4.14.1基本概念基本概念4.1.1 4.1.1 选区的作用选区的作用

24、选区用于分离图像的一个或多个部分。在选区用于分离图像的一个或多个部分。在PhotoshopPhotoshop中如中如果要处理局部图像，就必须先创建选区。选区可以将编辑效果果要处理局部图像，就必须先创建选区。选区可以将编辑效果和滤镜应用于图像的局部，同时保持未选定区域不被处理。打和滤镜应用于图像的局部，同时保持未选定区域不被处理。打开一幅图像，对此图像执行开一幅图像，对此图像执行“滤镜滤镜”“”“扭曲扭曲”“”“旋转扭曲旋转扭曲”命令，则整个图像都会进行旋转扭曲。命令，则整个图像都会进行旋转扭曲。旋转扭曲前的图像旋转扭曲前的图像 旋转扭曲效果旋转扭曲效果 在图像中创建选区，然后执行在图像中创建选

25、区，然后执行“滤镜滤镜”“扭扭曲曲”“旋转扭曲旋转扭曲”命令，则只有选区中的图像进行了旋命令，则只有选区中的图像进行了旋转扭曲。转扭曲。创建选区创建选区 旋转扭曲选区中的图像旋转扭曲选区中的图像 4.2.1 规则选框工具4.2 4.2 创建选区的基本方法创建选区的基本方法选项栏：u 创建新选区、添加到选区、从选区中减去、和选区相交u 羽化u 消除锯齿u 样式操作技巧：u 快捷键Mu 按住ALT键在矩形、椭圆形、单行选框、单列选框切换u 以鼠标落点为中心的正方形和正圆选区：ALT+Shiftu 全选u 取消选择u 反选u 存储选区4.2.2 魔棒、快速选择和套索工具1、魔棒工具基于图像中相邻像素

26、的颜色近似程度来进行选择。p容差：数值越大，表示可允许的相邻像素间的近似程度越大，选择范围也就越大。p连续的p用于所有图层pShift2、快速选择工具3、套索工具o 自由套索工具o 多边形套索工具o 磁性套索工具o 磁性套索工具羽化消除锯齿宽度对比度频率操作技巧：o 自动添加固定锚点o 手动添加固定锚点o 删除锚点o 结束选区4.2.3 色彩范围命令的使用实例练习：使用描边和填充制作简约海报 106第五章 路径和矢量工具5.1 路径o 路径是使用钢笔工具或形状工具创建的由直路径是使用钢笔工具或形状工具创建的由直线和曲线组成的矢量对象。线和曲线组成的矢量对象。o 开放式、闭合式开放式、闭合式o

27、构成路径的基本元素是锚点。构成路径的基本元素是锚点。o 平滑点、角点平滑点、角点5.1.1 使用钢笔工具绘制路径o 工具选项栏工具选项栏o 绘制转角曲线绘制转角曲线 5.1.2 路径与锚点的编辑方法路径与锚点的编辑方法o 路径选择和直接选择工具路径选择和直接选择工具o 填加和删除锚点工具填加和删除锚点工具o 转换点工具转换点工具5.1.3 路径与选区的转换路径与选区的转换5.1.4 路径面板 5.2 形状工具组 5.2.1 矩形工具 5.2.2 圆角矩形工具 5.2.3 椭圆工具 5.2.4 多边形工具 5.2.5 直线工具5.2.6 自定形状工具 第六章 图层的应用6.1 基本概念6.1.1

28、常用术语图像图层图层蒙版填充图层调整图层智能对象图层样式6.1.2 图层面板功能介绍6.2 关于图层的基本操作5.2.1 创建新图层5.2.2 图层编辑5.2.3 图层的锁定功能6.2.4 图层与图层之间的对其和分布6.2.5 改变图层的排列顺序6.2.6 图层的合并6.3 图层组6.4 剪贴蒙版6.5 图层蒙版和蒙版面板6.5.1 图层蒙版6.5.2 蒙版面板6.6 填充图层和调整图层6.6.1 填充图层6.6.2调整图层与调整面板6.7 智能对象6.8 图层复合 6.8.1 “图层复合”的创建6.8.2 调用“图层复合” 6.8.3 图层复合的其他操作6.9 自动对齐图层6.10 自动混合图层实例练习：混合模式制作水珠光效啤酒 245第七章 图层样式7.1 关于混合选项 7.1.1 常规混合 7.1.2 高级混合 7.2 图层效果 7.2.1 投影和内阴影 7.2.2 内发光和外发光 7.2.3 斜面和浮雕 7.2.4 光泽 7.2.5 颜色叠加、渐变叠加和图案叠加 7.2.6 描边 7.3 其他图层效果命令 7.4 样式面板