网页图片与移动界面（WebApp)的UI设计PPT课件（共12章）项目三 绘制与修饰工具的使用.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * 网页图片与移动界面(Web/App)的UI设计 项目三 绘制与修饰工具的使用 演讲人：XXX 时间：2020.X 网页图片与移动界面(Web/App)的UI设计 理解画笔工具、铅笔工具、填充工具、颜色替换工具、修图工具以及修补等工具的作用，以及其使用； 使用绘制工具和修饰工具完成漂亮画笔的制作与使用、花纹背景图案的设计以及QQ卡通图案的设计与制作，以进一步提高学生对常用绘制与修饰工具的使用。 教学目标 3.1.1任务引入 要对图像进行有效绘制和修改效果，首先需熟练掌握图像的一系列绘图工具，包括画笔工具、铅笔工具、图章图案工具、橡皮擦工具以及修补工具等的正确使用。从而能够快捷、精确的选择图像中对应部分，以提高图像绘图和修改的质量，实现图像的不同效果。 本任务主要利用画笔工具及其他绘图工具实现形成画笔的创建，以及利用其漂亮的效果实现画笔的使用，从而实现漂亮的图案效果,同时在知识分析过程中引入简洁的实例，以增强对部分知识的理解。 3.1 绘图工具 3.1.2知识引入 1. 画笔工具 (1)作用 能够绘制出边缘柔和的线条，效果像用毛笔绘制的线条，即使用前景色绘制带有艺术效果的笔触或线条。不仅能够用来绘制图画，还可以用来修改通道和蒙版。 3.1 绘图工具 3.1 绘图工具 (2)画笔选项 (3)画笔的设置 执行“窗口 → 画笔”，即可调出“画笔”面板，即可选择“画笔设置”选项卡，以实现对画笔的设置。 (4)画笔的创建 3.1 绘图工具 2. 铅笔工具 使用“铅笔”工具可以模拟铅笔的效果进行绘画。启用“铅笔”工具，有以下两种方法： ? 单击工具箱中的“铅笔”工具。 反复按Shif＋B组合键。 3.1 绘图工具 3. 颜色替换工具 “顔色替换”工具可以对图像的颜色进行改变。启用“颜色替换”工具 ，有以下两种方法： 单击工具箱中的“颜色替换”工具 。 反复按Shif＋B组合键。 3.1 绘图工具 4. 橡皮擦的使用 (1) 橡皮擦工具 用来擦除图像中的像素，擦除过的区域可以是背景色也可以是透明区域，这要取决于被擦除的图层。 ? 单击工具箱中的“橡皮擦”工具 。 ? 反复按Shif＋E组合键。 3.1 绘图工具 (2) 背景色橡皮擦工具 用来擦除图像指定的颜色，擦除后将会变成透明效果，所不同的是，如果擦除的是背景层，那么被擦除后背景层将变成普通图层“图层0”。启用“背景橡皮擦”工具，选项栏状态的设置如图3-13所示；其设置项有： 3.1 绘图工具 (3)魔术橡皮擦工具 与“背景色橡皮擦工具”类似，都是用来擦除背景的，“魔术橡皮擦”工具能擦除颜色相近的像素。使用“魔术橡皮擦工具”时，只需在要擦除的颜色上单击即可。 3.1 绘图工具 5. 修图工具的使用 (1)仿制图章工具 ① 将一幅图像全部复制到另一幅图像中 选择“仿制图章工具” ，按住Alt键在图片中单击得到复制图像的源点，在新建的文件中拖动鼠标。 ② 复制图像的部分内容到自身图像中 选择“仿制图章工具”，按住Alt键的同时在桃心上单击鼠标，得到复制图像的源点，在其他位置拖动鼠标，实现复制效果。 3.1 绘图工具 (2)图案图章工具 “图案图章工具” 可以将自定义的图案复制到图像中，也可以直接使用Photoshop中定义好的图案。 例 用“图案图章工具”实现将图片“礼花广场”的烟花复制到一个新图片中； 3.1 绘图工具 6. 修补工具的使用 (1) 污点修复画笔工具 “污点修复画笔工具” 用来修复图像中的斑点。 (2)修复画笔工具 “修复画笔工具” 用来修复图像中的杂质、污点和褶皱等，修复后的图像不会改变原图像的光照、纹理等效果，让其效果达到自然和逼真。 3.1 绘图工具 (3)修补工具 “修补工具” 也可用来修复图像中的杂质和污点，只是使用方法与“修复画笔”工具稍有不同。 (4)红眼工具 “红眼工具” 工具 主要用来修复照片中的红眼。 3.1 绘图工具 3.1.3 任务实现 ---漂亮画笔的创建及应用 1.任务分析 利用画笔工具，以及其画笔载入、预设功能、画笔面板的选项实现画笔的定义，利用定义出来的特定效果，再利用移动工具等制作图案的漂亮效果，最终效果如图所示； 3.1 绘图工具 2.任务操作 (1)文件打开 (2)画笔的制作 (3)画笔的使用 3.1 绘图工具 3.2.1任务引入 在工具箱中不仅有强大的绘图工具，同时还有对图案进行修饰功能的修饰工具，能对图案一些特殊效果的设置：颜色渐变、颜色减淡和加深以有填充定义好的图案。 本任务主要利用渐变工具、图案定义、填充命令等功