黑马程序员技术交流社区

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

作者: 梁梁 时间: 2017-3-31 18:21
标题: PS三分钟搞定刻度时钟

最终效果图如下：

1、新建一个600×600的画布，背景为白色做好准备，如下图：

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, 下载次数: 70)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者: 雪飞舞舞 时间: 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