1、PHOTOSHOP CS3平面设计案平面设计案例教程例教程 第一章第一章 Photoshop cs3 简介简介 Adobe Photoshop cs3是很多美编、广是很多美编、广告设计等专业平面设计人士的最爱。告设计等专业平面设计人士的最爱。Photoshop系列软件的每个版本都是以版本系列软件的每个版本都是以版本号的递增作为名称号的递增作为名称.比如比如Photoshop 6.0、7.0等。但从等。但从8.0版版本开始,本开始,Adobe不再延续原来的命名方法,不再延续原来的命名方法,改称为改称为Adobe Creative Suite(创作套件,简创作套件,简称称CS),其中的,其中的Ph
2、otoshop 8.0也随之更名为也随之更名为Photoshop CS,如图,如图1-1所示。所示。1.1 初识初识Photoshop cs31.1 初识初识Photoshop cs3 Photoshop是世界级的图像设计与制作软件,使用Photoshop可以对已有的图片进行编辑设计处理,包括海报、招贴、包装设计、效果图处理、宣传册的制作、数码照片处理、界面设计等。Photoshop支持多种图像格式、多种颜色模式、分层处理功能,可以利用软件各种功能制作各种艺术效果及绘画效果。1.1 初识初识Photoshop cs31.2Photoshop cs3应用领域应用领域 1.3 Photoshop
3、cs3的启动与退出的启动与退出 1.4 Photoshop cs3的工作界面的工作界面 Photoshop CS3中提供的工具箱中共有60种工具比CS2多2种工具,分别是“快速选择工具”和“记数工具”。每种工具均有其指定的用途,分别用来绘图、编辑图像、颜色选择、观察图像和标注文字等等。1.4 Photoshop cs3的工作界面的工作界面新建、保存并关闭设计作品图像文件 在Photoshop CS中新建一个宽4厘米、高6厘米的图像文件,然后将其以“设计作品”为名保存在D盘的“图片”文件夹中,最后将其关闭。主要练习新建、保存和关闭图像文件的方法。1.5 Photoshop cs3文件的基本操作文
4、件的基本操作 启动PhotoshopCS2,执行“文件”“新建”弹出对话框 1.5 Photoshop cs3文件的基本操作文件的基本操作 输入 1.5 Photoshop cs3文件的基本操作文件的基本操作 现在可以看到软件界面出现一个“设计作品”页面 1.5 Photoshop cs3文件的基本操作文件的基本操作 选择菜单栏“视图”“标尺”,即可看到新建页面“设计作品”的大小 1.5 Photoshop cs3文件的基本操作文件的基本操作 选择菜单栏“文件”“存储为”命令,弹出“存储为”对话框,选择“格式”在点击小三角在弹出的菜单中选择合适的文件格式 1.5 Photoshop cs3文件
5、的基本操作文件的基本操作 像素像素是构成位图图象的最小单位。每一个像素具有位置各颜色信息,位图中的每一个小色块就是一个像素。在Photoshop CS3中,像素是组成图像的最基本单元。可以把像素看成是一个极小的方形的颜色块。1.6 Photoshop cs3基本概念基本概念 像素像素是构成位图图象的最小单位。每一个像素具有位置各颜色信息,位图中的每一个小色块就是一个像素。在Photoshop CS3中,像素是组成图像的最基本单元。可以把像素看成是一个极小的方形的颜色块。1.6 Photoshop cs3基本概念基本概念 图像大小与分辨率分辨率是单位长度内的点、像素的数量。分辨率高 低直接影响位
6、图图像的效果,太低会导致图像粗糙,在排版打印时图片会变得非常模糊;而使用较高的分辨率则会增加文件的大小,并降低图像的打印速度。图像分辨率和图像大小之间有着密切的关系。图像分辨率越高,所包含的像素越多,也就是图像的信息量就越大,因而文件也就越大。1.6 Photoshop cs3基本概念基本概念 颜色模型和常用色彩模式色彩模式决定显示和打印电子图像的色彩模型(简单说色彩模型是用于表现颜色的一种数学算法),即一副电子图像用什么样的方式在计算机中显示或打印输出。色彩模式除确定图像中能显示的颜色数之外,还影响图像的通道数和文件大小。(每个通道都存放着图像中颜色元素的信息,位图模式、灰度双色调和索引颜色
7、图像中有一个通道,RGB和LAB图像有三个通道;CMYK图像有四个通道)1.6 Photoshop cs3基本概念基本概念“位图模式”,Bitmap模式的文件只使用两种颜色值即黑色和白色,表示图像中的色彩,因此位图模式下的图像也叫做黑白图像或1位图像,此类图像要求的储存空间很少,但由于无法表现色彩丰富的图像,因此仅用于一些黑白对比强烈的图像。1.6 Photoshop cs3基本概念基本概念“RGB模式”,RGB颜色模式是Photoshop默认使用的颜色模式。在该模式中所有的颜色均由红(R)、绿(G)和蓝(B)3种颜色的不同颜色值组合而咸,由于RGB颜色模式为图像中每个像素的R、G、B色值分配
8、一个0255范围的强度值,因此共可以生成超过1670万种颜色。1.6 Photoshop cs3基本概念基本概念“CMYK模式”,CMYK颜色模式以打印在纸张上的油墨的光线吸收特性为理论基础,是一种印刷所使用的模式,由分色印刷时所使用的纯青色(C)、洋红(M)、黄色(Y)和黑色(K)4种颜色组成。由于这4种颜色能够通过合成得到可以吸收所有颜色的黑色,因此使用CMYK生成颜色的模式也被称为减色模式。1.6 Photoshop cs3基本概念基本概念 颜色模式间的转换灰度模式是位图/双色调模式和其他模式相互转换的中介模式。只有灰度模式和RGB模式的图像可以转换为索引颜色模式。Lab模式色域最宽,包
9、括RGB和CMYK色域中所有颜色。Photoshop是以Lab模式作为内部转换模式。多通道模式可通过转换颜色模式和删除原有图像的颜色通道得到。1.6 Photoshop cs3基本概念基本概念 BMP格式:是微软公司绘图软件的专用格式,是Photoshop CS3最常用的位图格式之一,支持RGB、索引、灰度和位图等颜色模式,但不支持Alpha通道。Photoshop EPS格式(*.EPS):是最广泛地被向量绘图软件和排版软件所接受的格式。可保存路径,并在各软件间进行相互转换。若用户要将图像置入CorelDRAW、Illustrator、PageMaker等软件中,可将图像存储成Photosh
10、op EPS格式。它不支持Alpha通道。1.6 Photoshop cs3基本概念基本概念 JPEG格式(*.JPG):一种压缩效率很高的存储格式,是一种有损压缩方式。支持CMYK、RGB和灰度等颜色模式,但不支持Alpha通道。JPEG格式也是目前网络可以支持的图像文件格式之一。TIFF格式(*.TIF):是为Macintosh开发的最常用的图像文件格式。它即能用于MAC,又能用于PC,是一种灵活的位图图像格式。TIFF在Photoshop CS3中可支持24个通道,是除了Photoshop自身格式外唯一能存储多个通道的格式。基于桌面出版的,采用无损压缩。1.6 Photoshop cs3
11、基本概念基本概念 AI格式:是Illustrator的源文件格式。在Photoshop软件中可以将保存了路径的图像文件输出为AI格式,然后在Illustrator和CorelDRAW软件中直接打开它并进行修改处理。GIF格式:是由CompuServe公司制定的,只能处理256种色彩;常用于网络传输,其传输速度要比传输其他格式的文件快很多;并且可以将多张图像存成一个文件而形成动画效果。1.6 Photoshop cs3基本概念基本概念 PDF格式:是Adobe公司推出的专为网上出版而制定的,Acrobatr的源文件格式。不支持Alpha通道。在存储前,必须将图片的模式转换为位图、灰度、索引等颜色
12、模式,否则无法存储。PNG格式:是Netscape公司针对网络图像开发的文件格式。这种格式可以使用无损压缩方式压缩图像文件,并利用Alpha通道制作透明背景,是功能非常强大的网络文件格式,但较早版本的WEB浏览器可能不支持。1.6 Photoshop cs3基本概念基本概念 实例对照片进行颜色修整通过调整阴影、中间调和高光,可以修复暗淡、缺少反差或有色痕的照片。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 启动PhotoshopCS3,选择菜单栏“文件”“打开”,打开需要编辑的照片,使用 PhotoshopCS3 的“图像”“调整”“色阶”对话框,我们可以快速地修
13、复此图像。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 创建一个新的色阶调整图层,选取“图层”“新建调整图层”“色阶”,然后在“新建图层”对话框中点按“确定”。我们将在调整图层中进行色调校准,而不是直接在图像上处理。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 评估图像直方图,“色阶”对话框中心的直方图通过以图形方式表示每个浓度级别的像素数量,从而显示了图像中像素的分布方式。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 设置阴影和高光,将黑场输入滑块和白场输入滑块(紧邻直方图之下的黑色三角形和白色三角形)
14、从直方图的边缘向内移动。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 调整中间调,中间输入滑块(直方图下方的灰色三角形)调整中间调值的灰度系数(或对比度)。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 移去色痕,在“色阶”对话框中选择“设置灰场”吸管工具(中间的吸管)。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 由于使用了调整图层,因此可以重新打开对话框并查看所做的调整。可以重新调整任何设置。要重新打开“色阶”对话框,请在“图层”调板内点按两次调整图层中的左侧缩览图 1.7 初识使用初识使用Photos
15、hop cs3进行图像设计进行图像设计 实例对照片进行缺陷校正瑕疵或红眼损害了一些在其他方面很出色的照片的完美性。只需点按一次,红眼工具就可修正红眼。污点修复画笔可以轻松地移去瑕疵、统一背景中不想要的对象以及其他缺陷。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 修正红眼,在工具箱中选择红眼工具,然后点按眼睛的红色区域即可将其校正。如果对结果不满意,选取“编辑”“还原”,并使用不同的“瞳孔大小”和“变暗量”设置再次尝试。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 修正污点和瑕疵,在工具箱中选择污点修复画笔工具,然后设置工具选项。在应
16、用程序窗口顶部的选项栏中,点按“画笔”旁边的三角形以打开“画笔”选取器。拖移“直径”滑块以更改画笔大小。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 快速选择图像中的区域Adobe Photoshop cs3提供了针对不同选择任务定制的选择工具。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 使用快速选择工具选择,选择“快速选择工具”1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 选择需要选择的内容,如同许多其它工具,快速选择工具的使用方法是基于画笔模式的。也就是说,也可以“画”出所需的选区。1.7 初识使用
17、初识使用Photoshop cs3进行图像设计进行图像设计 如何使用图层创建图像依据不同的元素(如背景色、文本、形状以及其他照片中的选区)构建图像时,图层提供了完整的富有创意的控制。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 在 Photoshop cs3中打开图像,选取“文件”“打开”1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 起用图层蒙版,使用图层蒙版以便只选择和显示要使用的图像部分,而不改变图像。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 可以通过在图像周围移动蒙版更改可见区域。1.7 初识使
18、用初识使用Photoshop cs3进行图像设计进行图像设计 添加图层效果,点按“图层”调板底部的“添加图层样式”,然后从菜单中选择“描边”。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 创建填充并添加新图层,点按“创建新图层”向图像中添加一个新图层。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 添加文本图层,选择文本工具,然后在图像中点按。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 向图像中添加形状 1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 绘制形状。向前景中添加自定
19、形状来实现叠加效果。1.7 初识使用初识使用Photoshop cs3进行图像设计进行图像设计 Photoshopcs3允许查看所有快捷键的列表,并编辑或创建快捷键。“键盘快捷键”对话框充当一个快捷键编辑器,并包括所有支持快捷键的命令,其中一些是默认快捷键组中没有提到的。如果默认快捷键组不够,还可以创建其他组。例如,可以为从“窗口”“工作区”菜单中选取的不同工作区创建单独的组。除了使用键盘快捷键外,还可以使用上下文相关菜单访问许多命令。上下文相关菜单显示与现用工具、选区或调板相关的命令。要显示上下文相关菜单,请在文档窗口或调板中右按鼠标键。1.8 Photoshop cs3快捷键快捷键 谢谢P
20、HOTOSHOP CS3平面设计案平面设计案例教程例教程 第二章第二章 Photoshop CS3工具箱工具箱 第一次启动应用程序时,工具箱将出现在屏幕左侧。可通过拖移工具箱的标题栏来移动它。通过选取“窗口”“工具”,可以显示或隐藏工具箱 2.1关于工具和工具箱关于工具和工具箱 点按工具箱内的一个工具。如果工具的右下角有小三角形,请按住鼠标按钮来查看隐藏的工具。然后点按要选择的工具。按工具的键盘快捷键。键盘快捷键显示在工具提示中。例如,通过按V键来选择移动工具。2.2工具的基本操作工具的基本操作 2.2工具的基本操作工具的基本操作 选择工具组:包含“矩形选框工具”、“椭圆选框工具”、“单行选框
21、工具”、“单列选框工具”、“锁套工具”、“多边形锁套工具”、“磁性锁套工具”;“魔棒工具”、“快速选择工具”、“移动工具”2.3 选择工具组选择工具组 绘画工具组:包含“画笔工具”、“铅笔工具”、“颜料替换工具”、“历史记录画笔工具”、“历史记录艺术笔工具”、“渐变工具”、“油漆桶工具”。2.5 绘画工具组绘画工具组 修饰工具组:包含“仿制图章工具”、“图案图章工具”、“橡皮擦工具”、“背景橡皮擦工具”、“魔术橡皮擦工具”;“模糊工具”、“锐化工具”、“涂抹工具”;“减淡工具”、“加深工具”、“海棉工具”。2.6 修饰工具组修饰工具组 绘图和文字工具组:包含“钢笔工具”、“自由钢笔工具”、“添
22、加锚点工具”、“删除锚点工具”、“转换点工具”;“路径选择工具”、“直接选择工具”;“矩形工具”、“圆角矩形工具”、“椭圆工具”、“多边形工具”、“直线工具”、“自定义形状工具”;“横排文字工具”、“直排文字工具”、“横排文字蒙版工具”、“直排文字蒙版工具”。2.7 绘图和文字工具组绘图和文字工具组“绘图度量和导航工具组”:包含“注释工具”、“语言注释工具”;“吸管工具”、“颜色取样器工具”、“度量工具”;“抓手工具”;“缩放工具”。2.8 绘图度量和导航工具组绘图度量和导航工具组 绘制QQ表情本实例主要运用椭圆工具、填充工具制作,整个制作过程如图所示。通过椭圆工具绘制具体图像的外形特征,然后
23、综合使用油漆桶及渐变填充工具表现出色彩,最终达到我们需要设计的效果。2.9 综合实例讲解综合实例讲解 知识难点椭圆工具的运用填充工具的运用2.9 综合实例讲解综合实例讲解 1.选择“文件”“新建”命令,新建一背景页面,点击新建图层按纽,建立一透明图层1 2.9 综合实例讲解综合实例讲解 2.选择工具箱椭圆工具,出现椭圆工具属性栏调整 2.9 综合实例讲解综合实例讲解 按住键盘shift+alt键在新建页面上直接从中心拖拽出一个正圆 2.9 综合实例讲解综合实例讲解 3.选择路径调版点击从选区域生成工作路径 2.9 综合实例讲解综合实例讲解 然后在工具箱选择添加锚点工具,在适当的位置增加节点,并
24、使用工具箱直接选择工具和转换拐点工具调整形态 2.9 综合实例讲解综合实例讲解 4.选择工具箱魔术棒工具在图层1上选择脸部内部廓描,在选择油漆桶工具填充合适的颜色 2.9 综合实例讲解综合实例讲解 5.新建图层2,选择工具箱椭圆工具,按住键盘shift+alt键在新建页面上直接从中心拖拽出一个正圆(眼睛),并选择菜单“编辑”“描边”填充合适的边缘色,继续使用椭圆工具绘制眼白 2.9 综合实例讲解综合实例讲解 6.新建图层选择椭圆工具直接拖拽(可以使用菜单“编辑”“自由变换”调整嘴巴的角度),继续按照以上方法完成“表情”的嘴巴 2.9 综合实例讲解综合实例讲解 7.接着我们丰富表情的特效,新建图
25、层,使用椭圆工具拖拽出一个圆,选择工具箱渐变工具,设置渐变属性,由白色到透明选择属性栏线性简便,在圆选区内拖拽形成立体效果 2.9 综合实例讲解综合实例讲解 8.使用同样的方法绘制眼睛体积 2.9 综合实例讲解综合实例讲解 选择菜单“编辑”“自由变换”调整位置,位置确定后点击键盘Enter回车键确定,完成 2.9 综合实例讲解综合实例讲解 绘制眼睛主要运用画笔工具、涂抹工具,整个制作过程如图所示。通过路径工具绘制具体图像的外形特征,然后综合使用画笔工具、涂抹工具表现出色彩 2.9 综合实例讲解综合实例讲解 知识难点画笔工具的运用涂抹工具减淡工具加深工具填充工具的运用2.9 综合实例讲解综合实例
26、讲解 1.选择“文件”“新建”命令,新建一背景页面,点击新建图层按纽,建立两个透明图层1和图层2分别取名眼和脸 2.9 综合实例讲解综合实例讲解 2.使用钢笔工具细致的勾出眼睛的轮廓,并建立选区,选择“选择”“反向”,在选区填充适当的颜色 2.9 综合实例讲解综合实例讲解 3.选择工具箱减淡工具加深工具涂抹工具,绘制出脸部的体积,也可以用画笔工具选择合适的颜色绘制。(使用数码手写板效果比较好)2.9 综合实例讲解综合实例讲解 4.开始绘制眼睛,选择图层“脸”调出路径调板所存路径,并作为选区载入,删除图层“脸”中的多余颜色部分。回到图层“眼”开始绘制眼睛。选择工具箱椭圆型选框工具。将椭圆型选框工
27、具属性栏羽化栏进行设置 2.9 综合实例讲解综合实例讲解 5.新建图层将图层名称改为眼2,并在椭圆选框里填充一个颜色 2.9 综合实例讲解综合实例讲解 6.选择图层“眼2”,执行“滤镜”“杂色”“填加杂色”命令。在执行“滤镜”“模糊”“径向模糊”2.9 综合实例讲解综合实例讲解 7.绘制瞳孔,选择工具箱椭圆型选框工具。将椭圆型选框工具属性栏羽化栏进行设置。按键盘Shift键,拖动鼠标绘制正圆,并填充黑色 2.9 综合实例讲解综合实例讲解 9.调整,使用画笔工具绘制高光及反光 2.9 综合实例讲解综合实例讲解 PHOTOSHOP CS3平面设计案平面设计案例教程例教程 第三章第三章 Photos
28、hop cs3浮动调板介浮动调板介绍及运用绍及运用浮动调板指的是打开Photoshop cs3软件后在桌面可以移动,可以随时关闭且具有不同功能的各种控制调板。当按键盘上的Tab键时,可将包括工具箱在内的所有调板关闭,在按Tab键,可恢复关闭前的状态。如果按住Shift键+Tab键,就会关闭除工具箱以外的其它调板。选择“菜单”“窗口”弹出关联选项中可以看到各种浮动调板 3.1 浮动调板介绍浮动调板介绍 3.1 浮动调板介绍浮动调板介绍 导航器调板导航器调板是用来观察图象的,通过鼠标拖动导航器下方的三角划块来进行图象比例的缩放3.1 浮动调板介绍浮动调板介绍 动画调板“动画”调板是利用此调板可以快
29、速创建GIF动画 3.1 浮动调板介绍浮动调板介绍 动作调板多个按顺序执行的命令的集合体。通过运行动作,Photoshop cs3可以快速自动地执行多个录制在动作中的命令,从而大大提高工作效率。3.1 浮动调板介绍浮动调板介绍 工具预设调板工具预设调板保存所有由系统默认及操作者自定义的预设工具,通过单击要调用的工具图标,即可运用该设置。3.1 浮动调板介绍浮动调板介绍 字符与段落调板Photoshop cs3可以精确地控制文字图层中的单个字符,如字体、大小、颜色、行距、字距微调、字距调整、基线移动及对齐。3.1 浮动调板介绍浮动调板介绍 画笔调板“画笔调板”调板可用于选择预设画笔和设计自定画笔
30、。Photoshop cs3提供了各种预设画笔,以满足广泛的用途。同时可以使用“画笔”调板来创建自定画笔。3.1 浮动调板介绍浮动调板介绍 历史记录调板历史记录调板,可以清楚地观察到对图像操作的历史记录,可以通过选择相应的历史记录退回至历史控制状态。3.1 浮动调板介绍浮动调板介绍 色板调板使用色板调板能够选择自定义的颜色,配合吸管工具,能够选择并保存自定义的颜色 3.1 浮动调板介绍浮动调板介绍 通道调板在Photoshop中,通道调板有两种用途,一是存储图像的颜色信息,二是将选区存储为通道。3.1 浮动调板介绍浮动调板介绍 图层调板图层调板对于图像合成大有帮助,它就像图形软件一样,可以改变
31、图像中某一部分的位置以及与其他部分的前后关系。3.1 浮动调板介绍浮动调板介绍 信息调板能够为操作者提供图像大小、距离、角度及颜色信息 3.1 浮动调板介绍浮动调板介绍 使用动作命令漫画快速上色本实例给连环画快速上颜色,主要运用工具箱魔术棒工具、快速选择工作、填充命令、图层样式命令、及动作命令的综合使用。通过动作面板纪录动作,然后选择一定区域并在前景色中选择合适的颜色及图层样式调整,使用动作命令快速填充。最后选择工具及画笔工具修正细节,最终达到我们需要绘制的效果。3.2 综合实例讲解综合实例讲解知识难点动作命令运用选择工具运用图层样式命令的运用3.2 综合实例讲解综合实例讲解1.选择双击软件工
32、作区域,打开需要编辑的图片。制作复制成为副本文件 3.2 综合实例讲解综合实例讲解2.选择背景副本,选择工具箱“魔术棒工具”,在画面建立一个选区 3.2 综合实例讲解综合实例讲解3.选择工具箱,将工具箱前景色设置为皮肤色,点击确定 3.2 综合实例讲解综合实例讲解4.选择“窗口”“动作”调出“动作浮动面板”,点击“创建新动作”按钮,弹出“新建动作对话框”,将名称该为“快速上色”,功能键选择“F11”,颜色选择“蓝色”3.2 综合实例讲解综合实例讲解5.点击确定开始纪录,在图层面板中新建一个透明背景图层,按键盘Alt+Del键,将设置好的前景色填充到图层中 3.2 综合实例讲解综合实例讲解6.继
33、续在动作命令纪录按钮开启后,打开“图层样式命令”,选择“内发光”,设置数据点击确定 3.2 综合实例讲解综合实例讲解7.回到画面,使用键盘Ctrl+D取消选择区域,点击动作面板“停止播放纪录”按钮 3.2 综合实例讲解综合实例讲解8.现在我们就建立了一个给选择区域上颜色填充并做特效的一个连续动作,可以使用选择工具选择“选区”在前景色中设置颜色,直接按键盘“F11”就可以快速的为其他画面选择上颜色及做特效 3.2 综合实例讲解综合实例讲解制作芬达饮料瓶贴本实例制作饮料瓶贴,主要运用渐变工具、蒙版、钢笔工具、文字工具、画笔工具、添加图层样式命令。通过运用钢笔工具绘制形状,然后添加文字。最后使用添加
34、图层样式命令增加文字效果,达到我们需要设计的效果。3.2 综合实例讲解综合实例讲解知识难点钢笔工具的运用渐变工具的运用图层样式命令的运用3.2 综合实例讲解综合实例讲解1.选择“文件”“新建”命令,新建一背景页面,点击新建图层按纽,建立一个透明图层1 3.2 综合实例讲解综合实例讲解2.选择图层1,点击工具箱渐变工具,在“渐变工具”属性栏中设置简便模式为“径向渐变”3.2 综合实例讲解综合实例讲解3.选择渐变工具在画面合适的位置直接拖拽 3.2 综合实例讲解综合实例讲解4.开始绘制橙子的形状,点击新建图层按纽,建立一个透明图层2,选择椭圆选框工具在“图层2”上拉出一个椭圆,填充合适的颜色,执行
35、如“编辑”“描边”绘制合适的边缘 3.2 综合实例讲解综合实例讲解5.使用魔棒选择橙子,选择工具箱渐变工具,在“渐变工具”属性栏中设置简便模式为“径向渐变”,在画面合适的位置直接拖拽 3.2 综合实例讲解综合实例讲解6.选择工具箱“加深工具”根据橙子的特点绘制暗部,表现出橙子的细节 3.2 综合实例讲解综合实例讲解7.选择图层2,执行“样式命令”点击确定,制作出橙子的体积 3.2 综合实例讲解综合实例讲解8.绘制树叶,选择工具箱钢笔工具打开路径浮动面板点击建立新路径按钮,开始绘制叶子的形状,然后点案“将路径作为选区载入”按钮建立区域,填充前景色 3.2 综合实例讲解综合实例讲解9.选择图层3,
36、复制“图层3”,执行“编辑”“变换”“水平翻转”,然后调停“图层3”到“图层2”后面 3.2 综合实例讲解综合实例讲解10.按键盘Shift键,选择“图层3”、“图层2”、“图层3副本”执行“图层”“向下合并”命令 3.2 综合实例讲解综合实例讲解11.复制“图层3”,选择不同的图层执行“编辑”“变换”“自由变换”命令,制作出丰富多样的效果 3.2 综合实例讲解综合实例讲解12.选择“图层1”点击图层面板“新建图层”按钮,在“图层1”上新建“图层4”,使用椭圆工具建立选区,选择描边工具描边,在“图层4”上建立“图层5”选择椭圆工具建立正圆选区使用渐变工具绘制颜色渐变效果,取消选区,执行“滤镜”
37、“模糊”“高斯模糊命令”,半径选择“5”3.2 综合实例讲解综合实例讲解3.2 综合实例讲解综合实例讲解13.继续绘制其他的细节部分 3.2 综合实例讲解综合实例讲解14.制作文字效果 使用“文字工具”在画面点击输入“Orange”3.2 综合实例讲解综合实例讲解15.选择“添加图层样式”按钮,弹出关联菜单选择“描边”,设置“描边”对话框 3.2 综合实例讲解综合实例讲解16.继续选择“添加图层样式”按钮,弹出关联菜单选择“外发光”,设置“外发光”对话框,点击确定 3.2 综合实例讲解综合实例讲解17.新建立“图层8”按键盘Shift键选择“图层8”与“文字图层”,执行“图层”“向下合并”命令
38、 3.2 综合实例讲解综合实例讲解18.选择“图层8”选择工具箱“魔棒工具”,在画面空白处点击,执行“选择”“反向”,在执行“编辑”“描边命令”3.2 综合实例讲解综合实例讲解19.绘制LOGO,新建“图层10”,选择工具箱“钢笔工具”点击“路径面板”“创建新路径”按钮,绘制路径,完成路径绘制后,选择“路径面板”“路径3”点击鼠标右键,弹出菜单选择“描边画笔”“铅笔”3.2 综合实例讲解综合实例讲解20.继续使用钢笔绘制路径,在进行描边,绘制其他形态 3.2 综合实例讲解综合实例讲解21.选择“滤镜”“波纹”,设置“波纹”数据,点击确定 3.2 综合实例讲解综合实例讲解22.选择工具“油漆桶工
39、具”选择合适的颜色填充,使用画笔工具将多余的颜色涂抹掉 3.2 综合实例讲解综合实例讲解23.继续使用工具箱文字工具和填加图层样式命令制作文字效果 3.2 综合实例讲解综合实例讲解PHOTOSHOP CS3平面设计案平面设计案例教程例教程 第四章Photoshop cs3图层操作与运用 可以将图层看作是一张一张独立的透明胶片,可以将图层看作是一张一张独立的透明胶片,在每一个图层的相应位置创建组成图像的一部分在每一个图层的相应位置创建组成图像的一部分内容,所有图层层叠放置在一起,就合成了一幅内容,所有图层层叠放置在一起,就合成了一幅完整的图像。图层越多,对图像进行操作的灵活完整的图像。图层越多,
40、对图像进行操作的灵活性越大,因此要灵活运用性越大,因此要灵活运用Photoshop对图层进行对图层进行分层管理的方式,方法之一就是尽可能创建需要分层管理的方式,方法之一就是尽可能创建需要的图层。的图层。4.1 基本图层操作与运用基本图层操作与运用 可以将图层看作是一张一张独立的透明胶片,可以将图层看作是一张一张独立的透明胶片,在每一个图层的相应位置创建组成图像的一部分在每一个图层的相应位置创建组成图像的一部分内容,所有图层层叠放置在一起,就合成了一幅内容,所有图层层叠放置在一起,就合成了一幅完整的图像。图层越多,对图像进行操作的灵活完整的图像。图层越多,对图像进行操作的灵活性越大,因此要灵活运
41、用性越大,因此要灵活运用Photoshop对图层进行对图层进行分层管理的方式,方法之一就是尽可能创建需要分层管理的方式,方法之一就是尽可能创建需要的图层。的图层。4.1 基本图层操作与运用基本图层操作与运用图层的基本功能图层的基本功能“图层图层”的基本功能是创建和调整图层。图层类的基本功能是创建和调整图层。图层类似于图象上面的一个不可见平面内塑造的一张大似于图象上面的一个不可见平面内塑造的一张大纸。纸。“图层图层”菜单中的一些命令也可以在菜单中的一些命令也可以在“图层图层选择板选择板”中找到,例如中找到,例如“新建新建”、“复制图层复制图层”、“删除图层删除图层”和和“图层内容图层内容”选项选
42、项 4.1 基本图层操作与运用基本图层操作与运用4.1 基本图层操作与运用基本图层操作与运用“分层管理分层管理”应用图层的分层管理特性,可以非常方便地改变应用图层的分层管理特性,可以非常方便地改变处于不同图层上的对象,而不会影响其他图层,处于不同图层上的对象,而不会影响其他图层,从而可以尝试各种图层复合设计,得到不同的效从而可以尝试各种图层复合设计,得到不同的效果。图层的特性首先是果。图层的特性首先是“一张一张一张一张”,其含义是,其含义是图层具有非常好的独立可操作性,可以针对每一图层具有非常好的独立可操作性,可以针对每一张透明胶片即图层进行不同的操作,也可以删除张透明胶片即图层进行不同的操作
43、,也可以删除旧的图层或增加新的图层旧的图层或增加新的图层 4.1 基本图层操作与运用基本图层操作与运用“透明特性透明特性”图层最基本的特性是透明,即透过上面图层的透图层最基本的特性是透明,即透过上面图层的透明部分,能够看到下方图层的图像效果。在明部分,能够看到下方图层的图像效果。在Photoshop CS3中,图层的透明部分是以灰白相间中,图层的透明部分是以灰白相间的方格来表现的。的方格来表现的。4.1 基本图层操作与运用基本图层操作与运用“合成特性合成特性”“合成合成”是图层的第是图层的第3个特性,其意义在于图层个特性,其意义在于图层可以使用各种不同的叠加方法及控制选项得到不可以使用各种不同
44、的叠加方法及控制选项得到不同的合成效果,最为简单的是改变图层的同的合成效果,最为简单的是改变图层的“不透不透明度明度”及及“填充透明度填充透明度”。在观察分层的图像时,。在观察分层的图像时,最终效果是由一个个图层叠加在一起产生的,由最终效果是由一个个图层叠加在一起产生的,由于透明图层除图像外的区域于透明图层除图像外的区域(在图中以灰白格显在图中以灰白格显示示)都是透明的,因此在叠加时,可以透过其透都是透明的,因此在叠加时,可以透过其透明区域观察到该图层下方的图层,由于明区域观察到该图层下方的图层,由于“背景背景”图层不透明,因此观察者的视线在穿透所有透明图层不透明,因此观察者的视线在穿透所有透
45、明图层后,停留在图层后,停留在“背景背景”图层上,并最终产生所图层上,并最终产生所有图层叠加在一起的视觉效果有图层叠加在一起的视觉效果 4.1 基本图层操作与运用基本图层操作与运用“图层图层”“新建新建”中可以建立新图层、建立图层中可以建立新图层、建立图层背景、建立图层组、从图层建立组等各项图层操背景、建立图层组、从图层建立组等各项图层操作作 4.2新建与删除图层新建与删除图层 在“图层”菜单下的“图层样式”中提供了多达10种的不同效果,包括投影、内阴影、外发光、内发光、斜面和浮雕、光泽、颜色叠加、渐变叠加、图案叠加和描边等效果。在“图层样式”对话框中可以对这些特效进行调整,以达到需要的效果,
46、另外还可以设定“混合选项”,并且自定义一些图层样式,还提供了“样式调板”让你可以随时调用、存储、预览或删除任何一个样式。4.3图层样式命令的运用图层样式命令的运用 4.3图层样式命令的运用图层样式命令的运用 填充图层介绍填充图层可填充的内容包括纯色、渐变和图案。当设定新的填充图层时,photoshop CS3会自动随之生成一个图层蒙版(注:如果当前图像中有一个激活的路径,当生成新的填充图层时,就会同时生成图层剪贴路径,而不是图层蒙版),另外填充图层可以设定不同的透明度以及不同的图层混合模式,如溶解模式和叠加模式等。利用这些特性可使图像产生多种不同的特殊效果,填充图层和调节图层一样,可以随时删除
47、,而并不影响图像本身的像素。4.4特殊图层操作与运用特殊图层操作与运用 执行图层“图层”“新填充图层”命令,弹出关联菜单 4.4特殊图层操作与运用特殊图层操作与运用 纯色填充图层选择“图层”“新填充图层”“纯色填充”图层命令后会弹出“新图层”对话框单击“确定”按钮后弹出“拾色器”对话框。在对话框中选择要作为填充图层所使用的颜色 4.4特殊图层操作与运用特殊图层操作与运用 渐变填充图层执行“图层”“新填充图层”“渐变”命令。选择“渐变”命令后会弹出“渐变填充”对话框。在该对话框中可以设置渐变的“样式”以及“缩放”等选项 4.4特殊图层操作与运用特殊图层操作与运用 图案填充图层执行“图层”“新填充
48、图层”“填充”命令。选择“填充”命令后会弹出“填充”对话框 4.4特殊图层操作与运用特殊图层操作与运用 智能对象图层运用在编辑智能对象图层的内容时,会将其中的内容显示于一个新的图像文件中,可以像编辑其他图像文件那样,在其中进行新建删除图层、颜色调整、设置混合模式、添加图层样式、添加图层蒙版等操作 4.4特殊图层操作与运用特殊图层操作与运用 图层的操作离不开图层调板,在“窗口”菜单下点击图层,就可显示图层调板,通常它是和通道及路径调板在一起的,也可将其从组合中拖出来 4.5图层调板功能与运用图层调板功能与运用 制作狂派标志效果本实例制作黄金字效果,主要运用钢笔工具、添加图层样式命令。通过钢笔工具
49、制作造型,在使用添加图层样式命令增加文字效果,达到我们需要设计的效果。4.6 综合实例讲解综合实例讲解 知识难点钢笔工具的运用图层样式命令的运用4.6 综合实例讲解综合实例讲解 1.启动Photoshop CS3中文版,选择“文件”“新建”命令,新建背景页面,将名称改为“变形金刚标志”,点击新建图层按纽,建立一个透明图层1 4.6 综合实例讲解综合实例讲解 2.选择钢笔工具在钢笔工具属性栏中设置为“路径”,直接在画面绘制狂派标志 4.6 综合实例讲解综合实例讲解 3.选择“路径浮动面板”,点击“将路径作为选区载入”4.6 综合实例讲解综合实例讲解 4.选择工具箱“渐变填充工具”,选择“径向渐变
50、”双击渐变颜色,设置渐变效果,然后在路径选区中拖拽 4.6 综合实例讲解综合实例讲解 5.复制“图层”得到“图层副本”4.6 综合实例讲解综合实例讲解 6.选择“图层副本”,执行“图层”“图层样式”“斜面与浮雕”命令,设置“斜面与浮雕”命令对话框数据 4.6 综合实例讲解综合实例讲解 7.继续选择“图层副本”,执行“图层”“图层样式”“光泽”命令,设置“光泽”命令对话框数据 4.6 综合实例讲解综合实例讲解 8.回到浮动图层面板,选择“图层”,执行“图层”“图层样式”“斜面与浮雕”命令,设置“斜面与浮雕”命令对话框数据 4.6 综合实例讲解综合实例讲解 9.回到浮动图层面板,按住键盘Shift