案例1_时钟图标的绘制_课件.pptVIP

案例1 时钟图标的绘制 能力目标 ：对简单和较复杂的物品进行绘制 案例引入 回答问题： （1）以前是否接触过某种计算机绘图工具软件？ （2）在现实生活里见到过哪些些形式的图标？ 案例讲解 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 案例示范 自主操作 分析纠错 举一反三 回顾总结 作业布置 影视动画学院 Windows“画笔”工具 手机图标 1 2 3 4 5 6 看起来华丽的时钟图标，实际上并不复杂。它大致分为以下六大步骤来绘制，在学习的过程中，要体会 photoshop 里“层”的思维方式。 底座 面板 钟面 刻度 指针 反光 步骤1：启动photoshop，“文件”-“新建”-按以下参数建立空白文档 -“确定”-“保存”并命名为：“时钟图标.psd” 。 工具面板 菜单栏 绘图区 （一）绘制时钟底座 步骤2：在“视图”菜单打开“标尺”- 设置如图所示的“辅助线”。 提示：用鼠标左键拖动标尺可产生辅助线。切换到移动工具 ，可调整辅助线位置，将辅助线移动到标尺上可将该辅助线移除。 标尺 移动工具 （一）绘制时钟底座 步骤3：切换到“形状”工具 - 选择“圆角矩形” - 设置适当“圆角半径” - 绘制如下图所示的圆角矩形形状。 形状工具 圆角半径（80px） 自动新增图层 提示：用“形状工具”绘图时会自动形成新“图层”。用“ctrl+t”快捷键可以调整形状大小，完成形状调整后按回车键确定。 （一）绘制时钟底座 步骤4：- 新建图层，修改该图层名为“底座” - 按住“ctrl”键，同时点击图层面板中的圆角矩形，获得其选区 - 切换到“渐变”工具，设置由浅灰到深灰色线性渐变 - 在“底座”图层中拖动填充。 浅灰到深灰色渐变 渐变工具 “底座”图层 （一）绘制时钟底座 步骤5：- 选中“底座”图层，点击“图层样式”工具 - 选择“斜面和浮雕”样式,设置适当参数，产生立体效果，完成时钟底座绘制。 图层样式 工具 （一）绘制时钟底座 步骤6：- 新建“面板1”图层，用“选区”工具绘制正圆形选区，用“填充工具”填充灰色 - 利用“图层样式”工具添加“内发光”和“描边”样式,设置适当参数，产生凹陷效果。 （二）绘制时钟面板 “面板1” 图层 提示：利用辅助线找到底座中心点，同时按下“shift”+“alt”键，可从起点为中心心绘制正圆形选区。填充颜色可用“alt”+“delete”快捷键。 选区工具 填充工具 步骤7：- 新建“面板2”图层，用“选区”工具绘制半径略小的同心正圆形选区，用“填充工具”填充深灰色 - 利用“图层样式”工具添加 “描边”样式,设置适当参数，完成面板的绘制。 （二）绘制时钟面板 “面板2” 图层 步骤8：- 新建“钟面”图层，用“选区”工具绘制半径略小的同心正圆形选区- 填充如图所示浅色 - 利用“图层样式”工具添加 “内发光”样式,设置适当参数，完成钟面的绘制。 （三）绘制时钟钟面 “钟面”图层 步骤9：新建“刻度”图层 - 切换到“选区”工具,在该图层绘制如图所示的狭长黑色矩形。注意参考辅助线对齐中心点。 （四）绘制时钟刻度 “刻度”图层 步骤10：选中“刻度”图层，利用“选区”工具删掉黑色矩形的中间部分只留上下两小节作为刻度 - 按快捷键“ctrl”+“J”创建“刻度”图层副本 - 在“编辑”菜单选择“变换”中的“旋转”工具，按住“shift”键会以15度为单位旋转，将其旋转30度，如下图所示。 （四）绘制时钟刻度 刻度图层副本 步骤11：重复步骤10，直至绘出所有12个刻度，如下图所示。 （四）绘制时钟刻度 刻度图层副本 步骤12：将上下左右4个刻度用红色填充，完成刻度的绘制。 （四）绘制时钟刻度 所有刻度图层 提示：在完成所有刻度绘制后，可用快捷键“ctrl”+“E”键将显示刻度的图层逐一合并。 步骤13：新建“指针1”、“指针2”、“指针3”三个图层，分别绘制时针、分针、秒针，如下图所示。 （五）绘制时钟指针 “指针1” “指针2” “指针3” 三个图层 步骤14：合并三个指针图层，利用“图层样式”工具添加“投影”样式,产生距离感效果，完成指针的绘制。 （五）绘制时钟指针 “指针” 图层 的“投影”样式 步骤15：新建“高光1”图层，然后绘制和钟面大小一致的圆形选区 - 用“渐变”工具，在该圆形选区填充由白色到透明的径向渐变。 （六）绘