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

《案例1_时钟图标的绘制_课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

3、按住“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个刻度，如下图所示。

6、（四）绘制时钟刻度刻度图层副本案例示范步骤12：将上下左右4个刻度用红色填充，完成刻度的绘制。（四）绘制时钟刻度所有刻度图层提示：在完成所有刻度绘制后，可用快捷键“ctrl”+“E”键将显示刻度的图层逐一合并。案例示范步骤13：新建“指针1”、“指针2”、“指针3”三个图层，分别绘制时针、分针、秒针，如下图所示。（五）绘制时钟指针“指针1”“指针2”“指针3”三个图层案例示范步骤14：合并三个指针图层，利用“图层样式”工具添加“投影”样式,产生距离感效果，完成指针的绘制。（五）绘制时钟指针“指针”图层的“投影”样式案例示范步骤15：新建“高光1”

7、图层，然后绘制和钟面大小一致的圆形选区->用“渐变”工具，在该圆形选区填充由白色到透明的径向渐变。（六）绘制时钟钟面高光案例示范步骤16：利用圆形“选区”工具将“高光1”图层内的图像删除一部分形成“月牙形”，如下图所示。（六）绘制时钟钟面高光高光部分呈现“月牙形”案例示范步骤17：新建“高光2”图层，灵活运用“选区”工具在其中绘制白色扇形，如下图所示。（六）绘制时钟钟面高光提示：可先绘制白色圆形，再逐步裁剪成如图所示的扇形，其中要用到“多边形套索”工具。案例示范步骤18：将“高光2”图层的不透明度设为50%，并将其图层混合模式设为“柔光”，完成最

8、终效果如下图所示。（六）绘制时钟钟面高光不透明度设为50%图层模式更改为柔光自主操作1.参照以上示范独立完成教学案例，力求接近案例最终效