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

《案例1_时钟图标的绘制_课件.ppt》由会员分享，可在线阅读，更多相关《案例1_时钟图标的绘制_课件.ppt（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、影视动画学院影视动画学院案例案例1 1 时钟图标的绘制时钟图标的绘制能力目标能力目标 ：对简单和较复杂的物品进行绘制：对简单和较复杂的物品进行绘制 案例引入 v回答问题：（1）以前是否接触过某种计算机绘图工具软件？（2）在现实生活里见到过哪些些形式的图标？Windows“画笔”工具手机图标案例讲解 1 2 3 4 5 6 1 2 3 4 5 6看起来华丽的时钟图标，实际上并不复杂。它大致分为以下六大步骤来绘制，在学习的过程中，要体会 photoshop 里“层”的思维方式。底座底座 面板面板 钟面钟面 刻度刻度 指针指针 反光反光案例示范 步骤1：启动photoshop，“文件”-“新建”-按

2、以下参数建立空白文档-“确定”-“保存”并命名为：“时钟图标.psd”。工具面板菜单栏绘图区（一）绘制时钟底座 案例示范 步骤2：在“视图”菜单打开“标尺”-设置如图所示的“辅助线”。提示：用鼠标左键拖动标尺可产生辅助线。切换到移动工具 ，可调整辅助线位置，将辅助线移动到标尺上可将该辅助线移除。标尺移动工具（一）绘制时钟底座 案例示范 步骤3：切换到“形状”工具-选择“圆角矩形”-设置适当“圆角半径”-绘制如下图所示的圆角矩形形状。形状工具圆角半径（80px）自动新增图层提示：用“形状工具”绘图时会自动形成新“图层”。用“ctrl+t”快捷键可以调整形状大小，完成形状调整后按回车键确定。（一）

3、绘制时钟底座 案例示范 步骤4：-新建图层，修改该图层名为“底座”-按住“ctrl”键，同时点击图层面板中的圆角矩形，获得其选区-切换到“渐变”工具，设置由浅灰到深灰色线性渐变-在“底座”图层中拖动填充。浅灰到深灰色渐变 渐变工具“底座”图层（一）绘制时钟底座 案例示范 步骤5：-选中“底座”图层，点击“图层样式”工具-选择“斜面和浮雕”样式,设置适当参数，产生立体效果，完成时钟底座绘制。图层样式工具（一）绘制时钟底座 案例示范 步骤6：-新建“面板1”图层，用“选区”工具绘制正圆形选区，用“填充工具”填充灰色-利用“图层样式”工具添加“内发光”和“描边”样式,设置适当参数，产生凹陷效果。（二

4、）绘制时钟面板“面板1”图层提示：利用辅助线找到底座中心点，同时按下“shift”+“alt”键，可从起点为中心心绘制正圆形选区。填充颜色可用“alt”+“delete”快捷键。选区工具填充工具案例示范 步骤7：-新建“面板2”图层，用“选区”工具绘制半径略小的同心正圆形选区，用“填充工具”填充深灰色-利用“图层样式”工具添加“描边”样式,设置适当参数，完成面板的绘制。（二）绘制时钟面板“面板2”图层案例示范 步骤8：-新建“钟面”图层，用“选区”工具绘制半径略小的同心正圆形选区-填充如图所示浅色-利用“图层样式”工具添加“内发光”样式,设置适当参数，完成钟面的绘制。（三）绘制时钟钟面“钟面”

5、图层案例示范 步骤9：新建“刻度”图层-切换到“选区”工具,在该图层绘制如图所示的狭长黑色矩形。注意参考辅助线对齐中心点。（四）绘制时钟刻度“刻度”图层案例示范 步骤10：选中“刻度”图层，利用“选区”工具删掉黑色矩形的中间部分只留上下两小节作为刻度-按快捷键“ctrl”+“J”创建“刻度”图层副本-在“编辑”菜单选择“变换”中的“旋转”工具，按住“shift”键会以15度为单位旋转，将其旋转30度，如下图所示。（四）绘制时钟刻度 刻度图层副本案例示范 步骤11：重复步骤10，直至绘出所有12个刻度，如下图所示。（四）绘制时钟刻度 刻度图层副本案例示范 步骤12：将上下左右4个刻度用红色填充，

6、完成刻度的绘制。（四）绘制时钟刻度 所有刻度图层提示：在完成所有刻度绘制后，可用快捷键“ctrl”+“E”键将显示刻度的图层逐一合并。案例示范 步骤13：新建“指针1”、“指针2”、“指针3”三个图层，分别绘制时针、分针、秒针，如下图所示。（五）绘制时钟指针“指针1”“指针2”“指针3”三个图层案例示范 步骤14：合并三个指针图层，利用“图层样式”工具添加“投影”样式,产生距离感效果，完成指针的绘制。（五）绘制时钟指针“指针”图层的“投影”样式案例示范 步骤15：新建“高光1”图层，然后绘制和钟面大小一致的圆形选区-用“渐变”工具，在该圆形选区填充由白色到透明的径向渐变。（六）绘制时钟钟面高光

7、 案例示范 步骤16：利用圆形“选区”工具将“高光1”图层内的图像删除一部分形成“月牙形”，如下图所示。（六）绘制时钟钟面高光 高光部分呈现“月牙形”案例示范 步骤17：新建“高光2”图层，灵活运用“选区”工具在其中绘制白色扇形，如下图所示。（六）绘制时钟钟面高光 提示：可先绘制白色圆形，再逐步裁剪成如图所示的扇形，其中要用到“多边形套索”工具。案例示范 步骤18：将“高光2”图层的不透明度设为50%，并将其图层混合模式设为“柔光”，完成最终效果如下图所示。（六）绘制时钟钟面高光 不透明度设为50%图层模式更改为柔光自主操作1.参照以上示范独立完成教学案例，力求接近案例最终效果。2.若遇到通过

8、自身努力无法解决的问题，可在小组内讨论，也可向教师询问。注意：在在操作过程中及时存盘，避免系统崩溃导致前功尽弃。存盘快捷键操作：“ctrl”+“s”分析纠错1.仔细记录错误分析结果，认真观察教师操作示例。2.改进、完善自己的案例作品。3.上交完成的案例作品文件，存放到教师指定位置。注意：上交文件名规范为：案例名_班级_学号_姓名.psd 例：时钟图标_YS1201_25_李刚.psd举一反三1.独立分析问题、完成任务，检验自己的学习效果。2.上交完成的案例作品文件，存放到教师指定位置。注意：上交文件名规范为：案例名_班级_学号_姓名.psd 例：时钟图标_YS1201_25_李刚.psd回顾总

9、结能力目标：能够利用photoshop软件对简单和较复杂的物品进行绘制。知识目标:1.学会photoshop软件启动方法，了解软件基本用途；2.学会图像文件的种类、特点、创建和保存；3.常见图像模式（RBG、灰度、索引）；4.图层的添加、删除、合并、样式、混合模式；5.简单选区工具、填充工具、形状工具应用；6.辅助线工具及其对齐模式，键盘鼠标配合操作技巧。素质目标：1.善于动脑、勤于思考、及时发现问题；2.爱护设备、检测仪器；3.具备操作安全意识。作业布置1.观察自己手机界面图标，任选一个进行模仿设计制作。2.提交对本次课程教学的评价、意见和建议。（选做）注意：1.上交作业时文件名规范为：案例名_班级_学号_姓名.psd 例：XX图标_YS1201_25_李刚.psd2.评价、意见和建议用word文档编辑，命名规范为：意见_班级_学号_姓名.doc