中职《图像处理Photoshop CS6》课程教学课件-应用渐变与油漆桶工具（时钟图标）.pptxVIP

应用渐变与油漆桶工具制作时钟图标 学习目标 学习目标了解渐变工具的类型掌握渐变工具的使用方法掌握油漆桶工具的使用方法培养图形图像处理从业人员的从业素养 情 景 导 入 5情景导入5随着网络硬件设备的日益完善，网页构成中的多媒体元素运用的也越来越多，主要包括音频、视频和动画等，因此UI界面设计也应运而生。UI界面设计是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的基础学科，课程的设置面向职业岗位要求，作为数字媒专业的雯雯同学，小试牛刀，做了一个关于时钟的图标。时钟图标 任 务 分 析 7任务分析当我们要制作一个UI图标时，首先我们要看懂界面的需求，对每个功能图标的定义要非常清楚，否则我们设计的结果将导致用户难以理解，直观大方的体现其特点，这个也是图标设计所关心的可用性问题。本任务时做一个时钟图标，主要是学习使用绘图工具和渐变工具。使用圆角矩形工具，椭圆工具、钢笔工具和直线工具绘制图标，使用渐变工具填充渐变图标。 工 具 讲 解 工具讲解99【一、渐变工具介绍】在Photoshop工具栏中单击渐变工具，或者按Shift+G组合键，将出现渐变的属性状态栏。渐变工具属性栏 工具讲解1010【一、渐变工具介绍】可编辑渐变面板 工具讲解1111【一、渐变工具介绍】增加颜色色标（1）在“渐变编辑器”对话框中，单击颜色编辑框下方的适当位置，可以增加颜色色标，添加自己想要的渐变颜色。在位置选项中可以直接输入数值或者用鼠标直接拖拽颜色色标。 工具讲解1212【一、渐变工具介绍】拾色器选色（2）点击颜色方块，会弹出相应的拾色器，选择所需要的颜色。 工具讲解1313【一、渐变工具介绍】删除色标（3）如果不需要渐变中的某个颜色了，可以任意选择一个颜色色标，单击对话框下方的“删除”按钮，或者按Delete键。 工具讲解1414【一、渐变工具介绍】调整不透明度（4）单击颜色编辑器框左上方的黑色图标，可以调整颜色的“不透明度”. 工具讲解1515【一、渐变工具介绍】不透明度过渡（5）调整“不透明度”选项的数值，可以使色标的颜色向两边的颜色过渡到半透明的效果。 工具讲解1616【一、渐变工具介绍】不同类型渐变效果2.渐变类型，从左到右依次是线性渐变、径向渐变、角度渐变、对称渐变、菱形渐变，渐变效果如图所示。反向：用于反向产生色彩渐变的效果。仿色：用于使渐变更平滑。透明区域：用于产生不透明度。 工具讲解1717【二、标尺、参考线和网格线的设置】单位与标尺面板标尺、参考线和网格线的设置可以使图像处理更加精确。实际设计任务中的许多问题，都需要使用标尺、参考线和网格线来解决。?1.标尺的设置设置标尺可以精确地编辑和处理图像。选择“编辑”“首选项”“单位与标尺”命令，弹出相应的对话框 。 工具讲解1818【二、标尺、参考线和网格线的设置】显示标尺单位：用于设置标尺和文字的显示单位，有不同的显示单位供选择。列尺寸：用列来精确确定图像的尺寸。点/派卡大小：与输出有关。?控制“视图”“标尺”命令，可以将标尺显示或隐藏，如图所示。 工具讲解1919【二、标尺、参考线和网格线的设置】拖动标尺将鼠标光标放在标尺的x轴和y轴的0点处，单击并按住鼠标不放，向右下方拖曳鼠标到适当的位置，如图所示，释放鼠标，标尺的x轴和y轴的0点就变为鼠标移动后的位置。 工具讲解2020【二、标尺、参考线和网格线的设置】设置参考线2、参考线的设置（1）、设置参考线：将鼠标光标放在水平标尺上，按住鼠标不放，向下拖曳出水平的参考线。将鼠标光标放在垂直标尺上，按住鼠标不放,向右拖曳出垂直的参考线,如图所示。 工具讲解2121【二、标尺、参考线和网格线的设置】新建参考线（2）、显示或隐藏参考线：选择“视图显示参考线”命令，可以显示或隐藏参考线。此命令只在存在参考线的前提下才能应用。?（3）、移动参考线：选择“移动”工具中，将光标放在参考线上，光标变为中时，按住鼠标拖曳，可以移动参考线。?（4）、锁定、清除、新建参考线:选择“视图”“锁定参考线”命令或按Alt+Ctrl+；组合键，可以将参考线锁定，参考线锁定后将不能移动。选择“视图”“清除参考线”命令，可以将参考线清除。选择“视图”“新建参考线”命令，弹出“新建参考线”对话框，如图所示，设定后单击“确定”按钮，图像中出现新建的参考线。 工具讲解2222【二、标尺、参考线和网格线的设置】网格线对话框3、网格线的设置选择“编辑”“首选项”“参考线、网格和切片”命令，弹出相应的对话框，如图所示。 工具讲解2323【二、标尺、参考线和网格线的设置】显示网格（1）参考线：用于设定参考线的颜色和样式。（2）网格：用于设定网格的颜色、样式、网格线隔和子网格等。（3）切片：用于设定切片的颜色和显示切片的编号。（4）路径：用于设定路径的选定颜色。选择“视图”“显示”