黑马程序员技术交流社区

标题: PS三分钟搞定刻度时钟 [打印本页]

作者: 梁梁    时间: 2017-3-31 18:21
标题: PS三分钟搞定刻度时钟
最终效果图如下:

1、新建一个60600的画布,背景为白色做好准备,如下图:


2、分别绘制直径为500像素、420像素 、350像素的三个圆形形状,居中与画布中央。


3、选择直径为350像素的形状图层,切换到路径面板,双击将临时路径保存成永久路径,如下图所示:

4、切换到图层面板后新建图层,再次切换到路径面板中选择永久保存的路径,使用画笔工具设置画笔大小为5像素,间距为305%,做出的路径描边正好与时钟刻度点的数量一致,如下图:

5、分别录入数字1、6两个文字图层创建组,方便对齐,拷贝图层组1依次进行30°倍数旋转得到六组时间数字,如下图:
6、选中图层组1,把数字1改为12,其他图层组也对应修改数字,Ctrl+T自由变换设置精确旋转(分别为-30°、-60°、-90°、-120°、-150°),将数字改成垂直状态,删除数字下方对应的刻度圆点。如下图:
7、分别画出时针分针和秒针,可按住alt键拖动自由变换中心点对齐到画布中央进行旋转,如下图:
8、为时钟表盘添加立体效果和表盘材质效果,如下图:
9、添加背景颜色后即刻完成,如下图:
最终效果完成:

图片1.png (32.29 KB, 下载次数: 49)

图片1.png

图片2.png (128.91 KB, 下载次数: 59)

图片2.png

图片3-1.png (128.64 KB, 下载次数: 31)

图片3-1.png

图片3-2.png (92.52 KB, 下载次数: 69)

图片3-2.png

图片3-3.png (108.25 KB, 下载次数: 39)

图片3-3.png

图片4-1.png (126.71 KB, 下载次数: 63)

图片4-1.png

图片4-2.png (126.42 KB, 下载次数: 68)

图片4-2.png

图片4-4.png (147.55 KB, 下载次数: 75)

图片4-4.png

图片5.png (145.92 KB, 下载次数: 67)

图片5.png

图片6-1.png (143.92 KB, 下载次数: 59)

图片6-1.png

图片6-2.png (199.83 KB, 下载次数: 56)

图片6-2.png

图片6-3.png (134.52 KB, 下载次数: 55)

图片6-3.png

图片6-4.png (130.13 KB, 下载次数: 56)

图片6-4.png

图片7.png (95.3 KB, 下载次数: 59)

图片7.png

图片8-1.png (171.53 KB, 下载次数: 71)

图片8-1.png

图片8-2.png (41.8 KB, 下载次数: 56)

图片8-2.png

图片8-3.png (42.26 KB, 下载次数: 58)

图片8-3.png

图片8-4.png (147.52 KB, 下载次数: 63)

图片8-4.png

图片8-5.png (43.25 KB, 下载次数: 87)

图片8-5.png

图片9.png (216.01 KB, 下载次数: 55)

图片9.png

图片4-3.png (22.54 KB, 下载次数: 69)

图片4-3.png

作者: 雪飞舞舞    时间: 2017-3-31 18:43


作者: zlwxf    时间: 2017-3-31 19:12
这么详细,我还是不会

作者: 戎斌仁    时间: 2017-3-31 22:45
干得漂亮

作者: ui_fhy    时间: 2017-10-13 15:29
不错哦!
作者: ui_fhy    时间: 2017-10-20 00:35
不错 点赞





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2