PS实现时钟绘制

摘取在时钟实现过程中需要注意的点,整理记录:
最终效果展示:
PS实现时钟绘制

步骤1:时钟基本构架绘制

结果展示:
PS实现时钟绘制
首先分析时钟基础组成,icon底盘,时钟底盘外圈,时钟内圈,时钟时针、分针、秒针、定时针,黑圆、黄圆。
秒针和定时针在绘制时需要进行形状调节。使用圆角矩形工具,绘制好秒针使用的圆角矩形后,选择直接选择工具,拖动锚点,即可调节圆角矩形形状,成功get秒针和定时针。
时针和分针上的黄色形状,为了效果,使用了内发光反向。
现在,时钟的基本构架就绘制完成。

步骤2:时钟图层样式添加

1:底盘效果(实现立体效果)

效果展示:
PS实现时钟绘制
先为底盘添加图层样式
PS实现时钟绘制
PS实现时钟绘制
PS实现时钟绘制
图层样式设置结束后,在底盘下方新建图层绘制底盘投影
先在底盘底部绘制椭圆形状,调节椭圆大小及不透明度,让投影有真实感
再使用画笔绘制侧投影,调节不透明度,再为侧投影图层添加图层蒙版(在图层蒙版上,白色画笔代表显示,黑色代表隐藏),我们使用黑色画笔,将多余区域擦除至自己满意的效果。
按住alt键进行拖动,代表图层复制。

2:时钟框绘制

最终效果展示:
PS实现时钟绘制

外圆图层样式设置

效果展示:
PS实现时钟绘制
图层样式如下:(颜色叠加选择合适的浅灰色即可)
PS实现时钟绘制
PS实现时钟绘制
PS实现时钟绘制
PS实现时钟绘制

内圆图层样式设置

ctrl+J 表示复制,复制内圆图层,对副本层进行图层样式设置
PS实现时钟绘制
PS实现时钟绘制
然后栅格化图层样式,应用当前图层样式,为其添加图层蒙版,使用黑色画笔,擦除内圈下部图层样式,保留上方及侧面图层样式,达到下图效果:
PS实现时钟绘制
从中心画与内圆同比例圆,填充色透明,描边设为5点,描边色#ffffff,添加图层蒙版,擦除侧边,为时钟内圈添加上下高光,达到下图效果:
PS实现时钟绘制

时钟框纹理绘制

ctrl+J 复制高光圈图层,删除其图层蒙版,调节圆大小,描边大小设为1,描边颜色#ffffff,再次复制,调节圆大小比白色圈大一点,描边大小1,描边颜色#d4d4d4。
选中上方两个图层,图层复制后,进行同比例缩小,达到下图效果:
PS实现时钟绘制

时钟内部表盘绘制

效果展示:
PS实现时钟绘制

时钟上方小圆圈绘制

PS实现时钟绘制
利用椭圆绘制工具绘制上方圆形,不透明度调节为56%,添加图层蒙版,调节圆圈位置后,将上方多余部分擦除。

时钟内部粗细线绘制

利用直线工具,先绘制一条直线,像素大小为1像素,颜色为#ffffff,复制直线图层,ctrl+T进入自由变换模式,设直线旋转角度为6度,确认变换,然后ctrl+alt+shift+T,重复上一步操作,旋转直线,最后合并图层,达到下图效果:
PS实现时钟绘制
利用直线工具,绘制一条直线,像素大小为4像素,颜色为#ffffff,复制直线图层,ctrl+T进入自由变换模式,设直线旋转角度为30度,确认变换,然后ctrl+alt+shift+T,重复上一步操作,旋转直线,最后合并图层,达到下图效果:
PS实现时钟绘制
利用椭圆工具,画出一个正圆,利用ctrl+进入自由变化,调整圆形到合适大小,ctrl点击新建圆形图层缩略图提取选取,分别点击表盘细线、表盘粗线图层,点击Delete,删除选区内内容,达到如图刻度盘效果:
PS实现时钟绘制

时钟内部指针图层样式设置

效果展示:
PS实现时钟绘制

秒针图层样式设置

内发光颜色设定为#dd9200
PS实现时钟绘制
PS实现时钟绘制

黄圆图层样式设置

PS实现时钟绘制
PS实现时钟绘制
PS实现时钟绘制

黑圆图层样式设置

PS实现时钟绘制

分针、时针、定时针图层样式设置

PS实现时钟绘制
PS实现时钟绘制
设定好一个,其他可进行图层样式粘贴,达到下图效果:
PS实现时钟绘制
最后,再为定时针设置前端红色标记,绘制一个合适大小的多边形,填充为红色,按住alt点击定时针图层与多边形图层中间的灰色线将它嵌套入下一图层内,最终达到下图效果:
PS实现时钟绘制

时钟高光添加

利用钢笔工具绘制一个不规则形状,利用#ffffff填充,调节不透明度为52%,添加图层蒙版,利用黑色画笔擦除多余部分,最终实现下图效果:
PS实现时钟绘制
好啦,用PS绘制时钟就到这结束啦!!嘻嘻,下篇博客见。