项目四设计电子贺卡.ppt

计算机图形图像处理,主讲：郭万军,Photoshop CS3中文版,项目四 设计电子贺卡,任务一 选取圣诞树,任务二 绘制雪人图形,任务三 合成图像,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,教学目标:,项目四 设计电子贺卡,掌握【钢笔】工具及【转换点】工具的使用方法。,熟悉【自由钢笔】、【添加锚点】、【删除锚点】、【路径选择】及【直接选择】等工具的使用方法。,掌握利用【路径】工具选取图像和绘制各种不规则图形的方法。,掌握【画笔】工具及【铅笔】工具的使用方法。,熟悉【路径】面板中描绘路径及填充路径功能的使用方法。,熟悉各种形状工具的使用方法。,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,【设计目标】,练习利用【路径】工具选取图像的方法。,任务一 选取圣诞树,本任务将介绍利用【路径】工具从背景中选取图像的方法，该方法比利用各种选框工具选取图像的方法更灵活，且更精确，希望读者能熟练掌握。,任务目标:,【设计效果】,原图像及选取后的图像如图所示。,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,任务一 选取圣诞树,利用【路径】工具根据要选取图像的边缘绘制路径，然后将路径转换为选区将图像选取。,【设计思路】,【步骤解析】,具体操作步骤请参考教材。,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,【知识链接】,钢笔工具的属性栏中有3种绘制方式。（1）【形状图层】按钮：激活此按钮，在图像文件中依次单击鼠标，可以创建具有前景色颜色填充的形状图形。此时，在【图层】面板中将自动生成包括图层图样和剪切路径的形状图层，双击【图层图样】可以修改创建路径图形的填充颜色。（2）【路径】按钮：激活此按钮，在图像文件中单击鼠标，可以创建普通的工作路径。（3）【完整像素】按钮：使用【钢笔】工具时此按钮不可用，只有用下面的【图形】工具时才可用。激活此按钮，在图像文件中拖曳鼠标，既不创建新图层，也不创建新工作路径，只在当前层中创建填充前景色的形状图形。,任务一 选取圣诞树,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,【知识链接】,使用【转换点】工具 可以使锚点在角点和平滑点之间进行转换，几种转换情况分别如下。（1）单击路径上的平滑点可以将其转换为角点；拖曳路径上的角点可以将其转换为平滑点。（2）将鼠标光标移动到路径的某一锚点上按下鼠标并拖曳，释放鼠标后将鼠标光标移动到锚点一端的控制点上按下鼠标并拖曳，可以调整一端锚点的形态；再次释放鼠标后，将鼠标光标移动到另一控制点上按下鼠标拖曳，可以将另一端的锚点调整。（3）按住Alt键，将鼠标光标移动到锚点处按下鼠标并拖曳，可以将锚点的一端进行调整。（4）按住Ctrl键将鼠标光标移动到锚点位置按下鼠标移动，可以将当前选择的锚点移动位置。按住Shift键调整节点，可以确保锚点按45角的倍数进行调整。,任务一 选取圣诞树,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,任务一 选取圣诞树,课堂练习,（1）利用【路径】工具将人物从图片中选取出来，然后移动到草地图片中进行合成，原图片及合成后的图像效果如图所示。,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,任务一 选取圣诞树,课堂练习,（2）利用【路径】工具将小狗从图片中选取出来，然后移动到道路图片中进行合成，原图片及合成后的图像效果如图所示。,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,任务目标:,项目四：设计电子贺卡,【基础知识】,【画笔】工具：选择此工具，在工具箱中设置前景色，即画笔的颜色，并在【画笔预设】面板中选择合适的笔头，然后将鼠标光标移动到图像文件中拖曳即可绘制不同形状的图形或线条。,【铅笔】工具：此工具与【画笔】工具类似，也可以绘制不同形状的图形及线条，只是【铅笔】工具多了一个【自动抹掉】功能。在绘画时，如果勾选了属性栏中的【自动抹掉】复选框，当在图像中颜色与工具箱中的前景色相同的区域落笔时，该工具会自动擦除前景色而以背景色的颜色绘制。如果在与前景色不同的颜色区域落笔时，铅笔工具将以前景色的颜色绘制。,本任务综合运用【形状】工具、【路径】工具、【画笔】工具及铅笔工具来绘制雪人图形。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,在Photoshop中，形状工具也可以绘制各种路径。它们的使用方法非常简单，选取相应的工具后，在图像文件中拖曳即可绘制出需要的路径。形状工具主要包括以下6种工具。,【矩形】工具：可以绘制矩形路径或图形，按住Shift键可以绘制正方形。,【圆角矩形】工具：可以绘制具有圆角的矩形路径或图形。当属性栏中的【半径】值为“0”时，绘制出的图形为矩形。,【椭圆】工具：可以绘制椭圆路径或图形，按住Shift键可以绘制圆形。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,【多边形】工具：可以绘制正多边形或星形。在属性栏中还可以设置多边形或星形的边数。,【直线】工具：可以绘制直线或带有箭头的线段。在属性栏中可以设置直线的粗细及箭头的样式。按住Shift键可以绘制45角倍数的直线或箭头。,【自定形状】工具：可以绘制出各类不规则的图形和自定义图案。,在使用形状图形过程中，除了系统自带的形状图形外，还可以通过采集图像中的形状图形来自定义形状，具体方法为：先加载图形的选区，然后将其转换为路径，并选取【编辑】【定义自定形状】命令即可。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,【设计目标】,【设计效果】,练习利用【形状】工具、【路径】工具以及【画和】工具绘制图形的方法。,绘制完成的雪人如图所示。,利用【椭圆】工具绘制雪人的身体、头部和眼睛，然后利用【路径】工具绘制雪人的鼻子及嘴巴，再利用选区工具和画笔工具绘制雪人的帽子，最后绘制雪人的手图形，即可完成整个图像的绘制。,【设计思路】,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,具体操作步骤请参考教材。,【步骤解析】,【知识链接】,使用【路径选择】工具可以对路径进行选择、移动、复制或对齐和分布。(1)利用工具单击路径，当路径上的锚点全部显示为黑色时，表示该路径被选择。(2)当文件中有多个路径需要同时被选择时，可以按住Shift键，然后依次单击要选择的路径，或用框选的形式框选需要选择的路径。(3)在文件中按住被选择的路径拖曳可以移动该路径。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,(4)按住Alt键移动被选择的路径可以复制该路径。将被选择的路径拖曳至另一文件中，可以将其复制到另一文件中。(5)按住Ctrl键，可将当前工具切换为【直接选择】工具，以调整被选择路径上锚点的位置或调整锚点的形态。(6)当选择多个路径后，利用属性栏中的对齐和分布按钮可以将选择的路径按指定的位置对齐和分布。其使用方法与【移动】工具属性栏中的按钮相同。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,【转换为路径】按钮：单击此按钮，可以将选区转换为路径。,【路径】面板中各按钮的主要功能分别如下。,【填充】按钮：单击此按钮，将以前景色填充创建的路径。,【描边】按钮：单击此按钮，将以前景色为创建的路径描边，其描边宽度及样式会根据当前选择工具的不同设置而不同。,【转换为选区】按钮：单击此按钮，可以将创建的路径转换为选区。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,【新建】按钮：单击此按钮，在【路径】面板将新建一路径。若【路径】面板中已经有路径存在，将鼠标光标放置到创建的路径名称处按下鼠标向下拖曳至此按钮处释放鼠标，可以完成路径的复制。,【删除】按钮：单击此按钮，可以删除当前选择的路径。也可以将想要删除的路径直接拖曳至此按钮处，释放鼠标即可完成路径的删除。,选取菜单栏中的【窗口】【画笔】命令（快捷键为F5），即可调出【画笔】面板，如图所示。,【案例小结】,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,在【画笔】面板左侧的选项窗口中单击选项名称，面板的右侧将显示该选项的参数；如只单击选项名称左侧的复选框，可以在不查看其参数的情况下启用或停用此选项。单击【画笔】面板右上角的按钮，在弹出的下拉菜单中可以更改预设画笔的显示方式、载入预设画笔库和返回到默认的预设画笔库。,任务一,任务二,任务三,实训,小结,习题,任务二 绘制雪人,项目四：设计电子贺卡,课堂练习,（1）利用【路径】工具绘制出如图所示的卡通猫图形。（2）利用【路径】工具绘制出如图所示的卡通图形。,任务一,任务二,任务三,实训,小结,习题,任务三 合成图像,项目四：设计电子贺卡,本任务将介绍合成圣诞插画，主要运用【渐变】工具、【画笔】工具及【画笔】面板设置等。,任务目标:,【设计目标】,【设计效果】,练习各工具的综合运用并学习圣诞插画的整体设计。,设计完成的圣诞插画效果如图所示。,任务一,任务二,任务三,实训,小结,习题,任务三 合成图像,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,任务三 合成图像,项目四：设计电子贺卡,（1）新建文件后绘制雪地、树等图形。然后将需要的图像素材分别复制其中。（2）最后添加文字及雪花图形，完成圣诞插画的设计。,【设计思路】,具体操作步骤请参考教材。,【步骤解析】,任务一,任务二,任务三,实训,小结,习题,任务三 合成图像,项目四：设计电子贺卡,课堂练习,（1）利用路径的描绘功能制作出如图所示的霓虹灯效果。（2）利用路径的描绘功能在打开的图片上制作出如图所示的霓虹灯效果。,任务一,任务二,任务三,实训,小结,习题,任务三 合成图像,项目四：设计电子贺卡,【任务拓展】,在Photoshop中除系统预设的画笔笔头外，还可自定义画笔笔头，下面以实例的形式进行介绍。具体操作步骤请参考教材。,任务一,任务二,任务三,实训,小结,习题,任务三 合成图像,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,课堂练习,（1）将蝴蝶图片定义为画笔笔头，然后绘制出如图所示的图案效果。（2）将花图案定义为画笔笔头，然后设置【画笔】面板中各选项的参数，再绘制出如图所示的底纹效果。,项目实训,实训一 标志设计,实训二 制作KTV霓虹灯效果,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,项目实训,要求：利用【路径】工具绘制出如图所示的茶楼标志。,实训一 标志设计,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,项目实训,要求：利用【矩形】工具、【直线】工具及描绘路径功能和【图层样式】命令，制作出如图所示的霓虹灯效果。,实训二 制作KTV霓虹灯效果,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,本项目主要介绍了【路径】工具和【画笔】工具的应用，通过设计制作电子贺卡，详细介绍了【路径】工具及【画笔】工具的功能及使用方法。通过本项目的学习，希望读者能熟练掌握【路径】和【画笔】工具，在实际工作过程中能灵活运用。,项目小结,项目四：设计电子贺卡,任务一,任务二,任务三,实训,小结,习题,项目四：设计电子贺卡,习题,（1）综合运用各种【路径】工具和【画笔】工具设计出如图所示的网络广告。（2）综合运用本项目学过的工具和菜单命令来设计如图所示的电子贺卡。,任务一,任务二,任务三,实训,小结,习题,