中职 Photoshop CS3平面设计案例教程第8章 电子课件电子教案.ppt
《中职 Photoshop CS3平面设计案例教程第8章 电子课件电子教案.ppt》由会员分享,可在线阅读,更多相关《中职 Photoshop CS3平面设计案例教程第8章 电子课件电子教案.ppt(21页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、中职 Photoshop CS3平面设计案例教程第8章 电子课件工信版学时:学时:2学时课题:课题:1.贺卡设计 2.制作特效文字目的任务:目的任务:1.了解路径的意义。2.掌握创建、编辑路径的方法。3.掌握矢量绘图工具的使用方法。4.掌握输入、编辑文字的方法。重点知识:重点知识:1.新建通道与操作通道 2.蒙版的使用 难点:难点:1.通道的操作 2.蒙版的应用 教学方法:教学方法:1.课堂知识讲解 2.课堂案例实践 3.课后上机操作第8课 绘制路径与创建文字第第1讲:课堂实训一:贺卡设计讲:课堂实训一:贺卡设计 任务描述任务描述 “小小贺卡传真情”,每逢节假日、亲朋乔迁、婚庆以及公司开业等庆
2、典的日子,亲朋间都要送去一张贺卡以表达祝福和庆贺,因此,送贺卡是亲友间道贺以及传递祝福、增进友情的最简单也最直接的方式。由于贺卡的特殊用途,贺卡在设计时,除了要注意贺卡的形体美之外,贺卡的用色也是很重要的一个设计环节,一般情况下多用有喜庆色彩的红色、黄色以及金色,这一节我们将设计一个婚庆的贺卡,如图1所示。大红色的底色,配以黄色的龙凤图案、祝福语以及金色的心形图案,无不体现出婚礼的喜庆与吉祥。效果分析效果分析 该婚庆贺卡的设置不算复杂,首先使用矩形选区填充颜色制作背景,然后使用路径绘制心形图案以及贺卡的开封边缘,最后调入龙凤图案并输入文字,完成贺卡的设计。在具体的制作过程中,金色心形图案的制作
3、比较复杂,在绘制好心形图案后,要通过通道、【色彩平衡】、【曲线】、【应用图像】等命令调整出金色效果,然后将其调入贺卡图像中。在制作贺卡开封边缘时,主要使用了描绘路径的操作,在具体的操作中,要注意设置画笔的间距,以便能描绘出锯齿状的边缘效果。图1 要想设计出该贺卡效果,我们首先需要掌握Photoshop CS3中路径的创建、调整、描绘等应用方法和操作技巧知识储备:知识储备:路径是所有矢量图的基础,所有矢量图都是利用路径来记录的。因此,矢量图必须绘制在专属的图层,而不能绘制在一般图层。在Photoshop CS3中,通常使用钢笔工具来绘制路径,使用路径编辑工具来编辑路径。这一节我们学习路径与矢量图
4、形的相关知识 1.关于路径 在Photoshop CS3中,路径是指使用钢笔工具或矢量图形工具绘制的矢量图形的边框。路径可以是一个点、一条线段或者是一段封闭的线,路径中的节点标记路径线段的端点。路径包括线段和锚点两部分,当绘制路径时,会制作出锚点,同时会在【路径】面板建立一个工作路径,如图1所示 图1图2 在路径未被选择的情况下,看不见锚点,当使用“路径选择工具”单击路径后,路径和锚点同时被选择,锚点显示实心的小方框,当使用“直接选择工具”单击路径后,路径被选择,而锚点未被选择,锚点显示空心的小方框,如图2所示 路径锚点本身具有属性,包括直线属性和曲线属性,如果路径锚点为直线属性,则绘制直线;
5、如果路径锚点为曲线属性,则绘制曲线,如图3所示图3 路径是矢量图形的边框,当为路径填充颜色后即可形成矢量图形,因此,路径和矢量图形有着密不可分的联系,任何路径工具都可以直接绘制矢量图形,同样,所有矢量图形工具也可以绘制路径。如图4所示 图4图1图52.使用使用“钢笔工具钢笔工具”绘制路径绘制路径 在Photoshop CS3中,通常使用“钢笔工具”绘制路径,但通过在其【选项】栏设置不同的选项,还可以绘制具有矢量蒙版的图形或填充颜色的矢量图形。下面学习使用“钢笔工具”绘制路径的方法。(1)新建一个图像文件,激活【工具箱】中的“钢笔工具”,在其【选项】栏激活“路径”按钮,如图1所示。(2)在图像上
6、单击鼠标左键,建立具有直线属性的锚点,依次单击鼠标,使用线段连接锚点,形成路径,如图2所示。(3)继续按住左键拖曳鼠标,建立带有曲线性质的锚点,同时会出现路径调节杆,使用调节杆依据拖曳鼠标的弯曲程度大小,决定曲线的弯曲度,如图3所示。(4)将光标移动到起点处,光标下方出现小圆环,单击鼠标左键结束,闭合路径,如图4所示 图2图3提示:除了使用提示:除了使用“钢笔工具钢笔工具”绘制路径之外,用户还可以使用绘制路径之外,用户还可以使用“随意钢笔工具随意钢笔工具”绘制路径,该工具操作比较简单,按住鼠标左键拖曳,系统会自动增加绘制路径,该工具操作比较简单,按住鼠标左键拖曳,系统会自动增加锚点,并形成路径
7、。锚点,并形成路径。3.调整路径调整路径 绘制的路径大多数情况下都需要进行调整,才能满足绘图的需要。我们知道,路径不仅仅是一条线,路径还包括锚点。而锚点本身具有属性,并决定了线段的形态。锚点属性包括直线属性和曲线属性,如果路径锚点为直线属性,则绘制直线;如果路径锚点为曲线属性,则绘制曲线。由此可见,调整路径的形态,其实是转换路径锚点的属性。当路径锚点为曲线属性时,绘制曲线路径,此时使用【工具箱】中的“转换锚点工具”在曲线锚点中单击,锚点会自动变为直线属性锚点,同时曲线会变成直线,如图5所示。提示:系统默认下,提示:系统默认下,“转换锚点工具转换锚点工具”处于隐藏状态,按住【工具箱】中的处于隐藏
8、状态,按住【工具箱】中的“钢笔工具钢笔工具”按钮不松手,在弹出的下拉工具条中即可找到按钮不松手,在弹出的下拉工具条中即可找到“转换锚点工具转换锚点工具”。相反,当路径的锚点为直线属性时绘制直线路径,此时使用“转换锚点工具”在直线锚点中按住鼠标左键拖曳,使用拖出的路径调节杆调整直线为曲线,如图6所示 图4图6图2图1 对于曲线路径来说,包括平滑角曲线和转角曲线。当锚点为直线属性时,使用“转换锚点工具”在锚点上拖曳,会在锚点两端拖出调节杆,此时锚点两端的调节杆都受“转换锚点工具”控制,拖曳以调整路径为曲线路径,该曲线路径为平滑角曲线。当曲线路径为平滑角曲线时,使用“转换锚点工具”在锚点一端的调节杆
9、上拖曳,只能控制锚点一端的调节杆,而另一端调节杆不受影响,此时会将曲线调整为转角曲线,如图1所示。4.通过调整锚点改变路径形态通过调整锚点改变路径形态 路径锚点决定了路径的形态,因此,调整路径锚点,会影响路径的形态。调整路径锚点的主要操作包括:调整锚点位置、增加、删除锚点等。下面学习通过调整锚点改变路径形态的方法。(1)首先学习移动锚点位置。使用“钢笔工具”配合“转换锚点工具”绘制一个闭合的曲线路径,如图2所示 (2)选择“直接选择工具”,在路径锚点上单击,将锚点选择,被选择的锚点成实心的小方块 (3)按住鼠标将锚点移动到其他位置,此时路径形态发生了变化,如图3所示 图3提示:系统默认下提示:
10、系统默认下“直接选择工具直接选择工具”处于隐藏状态,按住【工具箱】中的处于隐藏状态,按住【工具箱】中的“路径选择工具路径选择工具”不松手,在弹出的隐藏工具条中即可显示不松手,在弹出的隐藏工具条中即可显示“直接选择工具直接选择工具”,使用,使用“直接选择工具直接选择工具”在锚点单击可选取一个锚点,按住鼠标左键拖曳可框选多个锚点。在锚点单击可选取一个锚点,按住鼠标左键拖曳可框选多个锚点。(4)下面继续学习添加、删除锚点。选择“钢笔工具”,在其【选项】栏中勾选“自动添加/删除”选项,将光标移动到路径上,工具按钮下方出现“+”号,此时在路径上单击,可添加一个锚点,将光标移动到锚点上,工具按钮下方出现“
11、-”号,此时在锚点上单击,可删除锚点,如图4所示 图4提示:选择【工具箱】中的提示:选择【工具箱】中的“删除锚点工具删除锚点工具”,在路径中的锚点上单击,删除一个锚点;选择【工具箱】中的,在路径中的锚点上单击,删除一个锚点;选择【工具箱】中的“添加锚点工具添加锚点工具”,在路径上单击,添加,在路径上单击,添加一个锚点。添加或删除锚点后,路径的形态都将发生变化。另外一个锚点。添加或删除锚点后,路径的形态都将发生变化。另外“删除锚点工具删除锚点工具”与与“添加锚点工具添加锚点工具”都隐藏在都隐藏在“钢笔工具钢笔工具”按钮下,按住按钮下,按住“钢笔工具钢笔工具”按钮,在弹出的工具条中即可找到这两个工
12、具按钮,在弹出的工具条中即可找到这两个工具5.填充路径填充路径路径是矢量图形的边框,只有对路径填充颜色后,才可以成为图形,填充路径时,不仅可以使用颜色填充,而且还可以使用图案填充。下面,继续学习填充路径的方法。(1)使用“钢笔工具”配合“转换锚点工具”绘制一个闭合的曲线路径,然后设置前景色为红色(R:255、G:0、B:0)。(2)执行菜单栏中的【窗口】/【路径】命令打开【路径】面板,单击下方的“用前景色填充路径”按钮,使用前景色快速填充路径,如图1所示 需要说明的是,在填充路径时,用户还可以设置填充效果,例如填充羽化效果、填充透明效果、使用图案填充等。(3)单击【路径】面板右上方的按钮,在打
13、开的面板菜单中选择【填充路径】命令,打开【填充路径】对话框,如图2所示。图1“使用使用”:选择填充内容,有“前景色”、“背景色”、“颜色”、“图案”、“历史纪录”、“黑色”、“50灰色”和“白色”。当选择“图案”时,单击“自定图案”按钮,可以选择一种图案填充路径。“模式模式”:设置填充的混合模式。“不透明度不透明度”:设置填充的不透明度。“羽化半径羽化半径”:设置合适参数,可以使路径的填充效果具有类似于选择区的羽化效果。(4)在“使用”选项选择“图案”,然后单击“自定图案”按钮,在打开的图案中选择一种图案,如图3所示。(5)在“羽化半径”选项设置参数为10像素,其他设置默认,单击按钮确认,对路
14、径进行填充,结果如图4所示 6.描边路径描边路径 在Photoshop CS3中,几乎所有的图像编辑工具都可以描绘路径,需要注意的是,在使用这些编辑工具描绘路径时,首先要设置好前景色、画笔大小等,不同的画笔设置,描绘结果不同。下面,以使用“画笔工具”描绘路径为例,讲解描绘路径的方法和技巧 (1)继续上一节的操作。设置前景色为红色(R:255、G:0、B:0),选择“画笔工具”,单击【选项】栏右侧的“切换画笔调板”按钮打开【画笔】对话框,选择一个画笔,并设置各参数如图5所示 (2)单击【路径】面板下方的“用画笔描边路径”按钮,快速描绘路径,结果如图6所示 图2图3图4图5图6 (2)如果想使转换
15、后的选择区具有羽化效果,那么单击【路径】面板右上角的按钮,选择【建立选区】命令,打开【建立选区】对话框。(3)在“羽化半径”输入框输入羽化值为10,单击按钮将路径转换为选择区,此时该选区具有羽化效果,如图3所示 路径既然可以转换为选择区,那么选择区也就可以转换为路径。下面,以将文字选区转换为路径为例,学习将选择区转换为路径的操作方法。(1)建立新的图像文件。(2)选择“横排文字蒙版”工具在图像中单击,输入相关文字,文字生成选择区,如图4所示。如果在【画笔】面板对画笔的“间距”进行设置,还可以描绘出特殊的路径效果,如图1所示 提示:系统默认下,画笔的提示:系统默认下,画笔的“间距间距”为为25%
16、,此时将绘制连续的线,如果画笔的,此时将绘制连续的线,如果画笔的“间距间距”大于大于50%,将绘制由多个点组成的不连续的虚线,画笔,将绘制由多个点组成的不连续的虚线,画笔“间间距距”设置越大,画笔之间的距离越大设置越大,画笔之间的距离越大 7.路径与选择区的转换路径与选择区的转换 不仅可以对路径进行填充、描边等操作,而且还可以将路径转换为选择区,进一步进行编辑,下面通过一个简单的操作,学习转换路径的方法。使用“钢笔工具”配合“转换锚点工具”绘制一个闭合的曲线路径。(1)打开【路径】面板,单击【路径】面板下方的“将路径作为选区载入”按钮,将路径转换为选择区,如图2所示 图1图2图3图4提示:使用
17、提示:使用“横排文字蒙版横排文字蒙版”工具可以创建一个文字蒙版,即,文字选区,有关工具可以创建一个文字蒙版,即,文字选区,有关“横排文字蒙版横排文字蒙版”工具的详细介绍,请关注下面章节的内容。工具的详细介绍,请关注下面章节的内容。(3)打开【路径】面板,单击【路径】面板下方的“从选区生成工作路径”按钮,即可将选区转换为工作路径,如图5所示 提示:单击【路径】面板下方的提示:单击【路径】面板下方的“从选区生成工作路径从选区生成工作路径”按钮将选择区转换为路径按钮将选择区转换为路径时会有很大的误差,此时,用户可以单击【路径】面板右上方的按钮,在打时会有很大的误差,此时,用户可以单击【路径】面板右上
18、方的按钮,在打开的面板菜单中选择【建立工作路径】命令,打开如下图开的面板菜单中选择【建立工作路径】命令,打开如下图1所示的【建立工作所示的【建立工作路径】对话框,在路径】对话框,在“容差容差”输入框设置误差值,取值范围为输入框设置误差值,取值范围为0.510,容差值,容差值越大,转换后的形态变化越大,反之变化越小越大,转换后的形态变化越大,反之变化越小 图5图1图4操作步骤:操作步骤:以上学习了Photoshop CS3中路径的相关知识,下面通过制作“节日贺卡”的实例,对以上所学知识进行巩固练习1.制作贺卡背景图像制作贺卡背景图像 (1)执行菜单栏中的【文件】/【新建】命令,新建名为“贺卡”、
19、“宽度”为10厘米、“高度”为8厘米、“分辨率”为300像素的RGB模式的文件 (2)敲击键盘中的F7键打开【图层】面板,新建图层1,然后激活“矩形选框工具”,在其【选项】栏设置参数如图2所示 (3)在图像中单击,创建一个矩形选区。(4)设置前景色为红色(R:232、G:0、B:0),按键盘中的Alt+Delete键向选区填充前景色,结果如图3所 (5)新建图层2,然后激活“直线工具”,在其【选项】栏设置参数如图4所示 (6)设置前景色为黄色(R:255、G:229、B:0),按住键盘中的Shift键,在红色背景上的选区内拖曳鼠标绘制一条水平直线。(7)取消选区,执行菜单栏中的【窗口】/【动作
20、】命令打开【动作】面板,单击面板下的“创建新动作”按钮,如图5所示,打开【新建动作】对话框,在“名称”选项输入“直线”,其它设置默认,如图6所示 图2图5图6 (8)单击记录按钮,创建一个名为“直线”的新动作,同时该动作开始记录,如图7所示 提示:提示:“动作动作”可以将我们在可以将我们在Photoshop CS3中的大多数操作记录,以便于以后重复使用这些操作,完成复杂的图像效果。当用户新建一个中的大多数操作记录,以便于以后重复使用这些操作,完成复杂的图像效果。当用户新建一个“动作动作”后,后,【动作】功能将自动开始记录用户在【动作】功能将自动开始记录用户在Photoshop CS3中操作,除
21、非取消记录。有关【动作】的其它功能将在本书第中操作,除非取消记录。有关【动作】的其它功能将在本书第9章进行详细讲解。章进行详细讲解。(9)在【图层】面板将图层2复制为图层2副本,激活“移动工具”,然后按键盘中向下的方向键4次,将复制的图层2副本向下移动4个像素。(10)单击【动作】面板下方的“停止播放/记录”按钮停止记录,如图8所示 图7图8图3图1图2 (11)激活名为“直线”的动作项目,然后连续单击“播放选定的动作”按钮,如图1所示,使用记录的动作将图层2副本层多次复制,在红色背景上制作出水平排列的直线效果,结果如图2所示 (12)将除背景层之外的其他所有图层合并为图层1,完成可卡背景的制
22、作 2.绘制心形路径与图形绘制心形路径与图形 (1)将图层1暂时隐藏,新建图层2,激活“钢笔工具”,按下其【选项】栏中的“路径”按钮,在图像中绘制绘制路径,然后激活“转换点工具”,对绘制的路径进行调整,结果如图3所示 (2)激活“路径选择工具”,按住键盘中的Alt键的同时,单击选择路径,并将其向右拖曳复制出另一个心形路径,结果如图4所示。(3)继续使用“路径选择工具”框选两个心形路径,然后单击其【选项】栏上的按钮,对两个路径进行组合,结果如图5所示 (4)将该组合后的路径保存为路径1,然后设置前景色为黑色(R:0、G:0、B:0),激活“画笔工具”,设置画笔“大小”为20,其它设置默认提示:绘
23、制的路径如果不保存,绘制其它路径时该路径将丢失,如果向以后继续使用该路径,可以将其保存。保存路径的操作比较简单,单击【路提示:绘制的路径如果不保存,绘制其它路径时该路径将丢失,如果向以后继续使用该路径,可以将其保存。保存路径的操作比较简单,单击【路径】面板右上角的按钮,在打开的面板菜单中执行【存储路径】命令,在打开的【存储路径】对话框中将其命名为径】面板右上角的按钮,在打开的面板菜单中执行【存储路径】命令,在打开的【存储路径】对话框中将其命名为“路径路径1”,单击按钮即可。,单击按钮即可。(5)打开【路径】面板,单击【路径】面板下方的“用画笔描边路径”按钮,快速描绘路径,结果如图6所示。图3图
24、4图5图6 (6)执行菜单栏中的【编辑】/【自由变换路径】命令,为路径添加自由变换框,然后在其【选项】栏按下“保持长宽比”按钮,设置“W”为90%,将路径缩小90%。(7)按键盘中的Enter键确认并取消变形框,然后使用“转换点工具”对缩放后的路径进行调整,结果如图7所示 (8)再次使用“画笔工具”,设置画笔“大小”为15,使用前景色对路径进行描边,结果如图8所示。(9)激活“横排文字工具”,设置文字颜色为黑色(R:0、G:0、B:0)、字体大小为60、字体为“CommerciaLScript BT”,在图像中输入“Love”字样,结果如图9所示。3.制作心形图形的金属效果制作心形图形的金属效
25、果 (1)将文字层与图层2合并为图层2,按住Ctrl键单击图层2载入其选择区,然后打开【通道】面板,单击“创建新通道”按钮新建Alpha 1通道。(2)设置前景色为白色(R:255、G:255、B:255),按键盘中的Ctrl+Delete键填充前景色,结果如图10所示 (3)单击【通道】面板中下方的“将选区存储为通道”按钮将选区保存在Alpha 2通道,然后取消选区,执行菜单栏中的【滤镜】/【模糊】/【高斯模糊】命令,设置“半径”为6然后确认,结果如图11所示。(4)继续执行【滤镜】/【风格化】/【浮雕效果】命令,设置“高度”为7、“数量”为100,其他设置默认,结果如图12所示 (5).在
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 中职 Photoshop CS3平面设计案例教程第8章 电子课件电子教案 CS3 平面设计 案例 教程 电子 课件 教案
限制150内