热点推荐
ZOL首页 > 软件资讯 > 软件学院 > 平面设计 > Photoshop实例教程:制作漂亮的时钟

Photoshop实例教程:制作漂亮的时钟


CNET中国·ZOL 作者:中关村在线 泡泡鱼 【原创】 2006年09月08日 09:10 评论
回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(1)

    今天交给大家用Photoshop制作漂亮的时钟。

    1.制作钟盘

    (1)新建一个文件,命名为“时钟”,“颜色模式”选项设置为“RGB颜色”,“背景内容”设为“白色”。

    (2)在工具箱中将前景色设置为黑色,按Ctrl+A键将背景图层全部选中,按Alt+BackSpace键将选区填充为黑色,并按Ctrl+D键去除选区。

    (3)新建一个图层,名为“图层1”。

    (4)使用工具箱中的椭圆选取工具,按住键盘中的Shift键,拖动鼠标在该图层中选取一个圆形区域,(如图1)所示。


Photoshop实例教程:制作漂亮的时钟

图1 选取的圆形区域

    (5)将前景色设置为白色,按Alt+BackSpace键将绘制的圆形选区填充前景色,得到的填充效果(如图2)所示,再按Ctrl+D键去除选区。

Photoshop实例教程:制作漂亮的时钟
图2 填充前景色后的效果

    (6)单击“图层”—“图层样式”—“斜面和浮雕”命令,弹出“图层样式”对话框,其中“斜面和浮雕”样式参数设置(如图3)所示。

Photoshop实例教程:制作漂亮的时钟
图3 “斜面和浮雕”样式参数设置

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(2)

    (7)“渐变叠加”样式参数设置(如图4)所示,其中的样式参数设置(如图5)所示,色瓶颜色为灰色和白色之间。单击“好”按钮,效果(如图6)所示。


Photoshop实例教程:制作漂亮的时钟

图4 “渐变叠加”样式参数设置

Photoshop实例教程:制作漂亮的时钟
图5 渐变样式参数设置

Photoshop实例教程:制作漂亮的时钟
图6 添加图层样式后的效果

    (8)按住Ctrl键,单击“图层”调板中的“图层1”,得到刚刚绘制的圆形选区。保持选区状态,然后进入“图层”调板新建一个图层,得到的新图层名为“图层2”。

    (9)单击“选择”—“变换选区”命令,画面中出现选区变形框,按住键盘中的Alt+Shift键,拖动鼠标将选区调整为(如图7)所示的状态。按Enter键确认对选区的变形操作。

Photoshop实例教程:制作漂亮的时钟
图7 对选取进行变形操作

    (10)将前景色设置为黑色,按Alt+BackSpace键将选区填充为黑色,按Ctrl+D键去除选区。效果(如图8)所示。

Photoshop实例教程:制作漂亮的时钟
图8 将选区填充黑色后的效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(3)

    (11)单击“图层”—“图层样式”—“斜面和浮雕”命令,系统弹出“图层样式”对话框,其中的样式参数设置(如图9)所示。然后单击“好”按钮,效果(如图10)所示。


Photoshop实例教程:制作漂亮的时钟

图9 “斜面和浮雕”样式参数设置

Photoshop实例教程:制作漂亮的时钟
图10 使用图层样式后的效果

    (12)按住Ctrl键,单击“图层”调板中的“图层2”,又得到一个圆形选区。保持选区状态,再新建一个图层,名为“图层3”。

    (13)单击“选择”—“变换选区”命令,画面中再次出现选区变形框,按住键盘中的Alt+Shift键,拖动鼠标将选区调整为(如图11)所示的状态。

Photoshop实例教程:制作漂亮的时钟
图11 对选区进行变形操作

    (14)将前景色设置为白色,按Alt+BackSpace键将选区填充为白色,按Ctrl+D键去除选区。效果(如图12)所示。

Photoshop实例教程:制作漂亮的时钟
图12 将选区填充白色后的效果

    (15)单击“图层”—“图层样式”—“斜面和浮雕”命令,弹出“图层样式”对话框,其中“斜面和浮雕”样式参数设置与上面相同,“渐变叠加”样式参数设置(如图13)所示,其中的渐变样式仍使用刚刚设定的渐变样式。单击“好”按钮,效果(如图14)所示。

Photoshop实例教程:制作漂亮的时钟
图13 “渐变叠加”样式参数设置

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(4)


Photoshop实例教程:制作漂亮的时钟

图14 使用图层样式后的效果

    (16)按住Ctrl键,单击“图层”调板中的“图层3”,重新得到一个圆形选区,用上面所提到的相同的方法再次对选区进行变形操作,(如图15)所示。按Enter键确认对选区的变形操作,接着将前景色设定为自己喜欢的颜色,对选区进行填充操作,这里我们以深蓝色为例,效果(如图16)所示。

Photoshop实例教程:制作漂亮的时钟
图15 对选区进行变形操作

Photoshop实例教程:制作漂亮的时钟
图16 为选区填充前景色后的效果

    (17)单击“图层”—“图层样式”—“内阴影”命令,弹出“图层样式”对话框,其中的参数设置(如图17)所示。单击“好”按钮,效果(如图18)所示。

Photoshop实例教程:制作漂亮的时钟
图17 “内阴影”样式参数设置

Photoshop实例教程:制作漂亮的时钟
图18 添加“内阴影”后的效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(5)

    2.制作指针

    (1)将“图层3”进行复制,得到一个新的图层“图层3副本”。

     小编提示:此时“图层3副本”处于“图层4”的下方,所以不可见。

    (2)选中该图层,单击“编辑”—“变换”—“缩放”命令,画面中出现变形框,按住Alt+Shift键,拖动鼠标将该图层中的图形缩小至(如图19)所示的状态。


Photoshop实例教程:制作漂亮的时钟

图19 对图形进行变形操作

    (3)进入“图层”调板,将“图层3副本”调整至所有图层的最上方,使其可见,效果(如图20)所示。

Photoshop实例教程:制作漂亮的时钟
图20 改变图层顺序后的效果

    (4)现在更改“图层3副本”的图层样式,将该图层的“斜面和浮雕”样式参数按照(如图21)所示重新设置,单击“好”按钮,效果(如图22)所示。

Photoshop实例教程:制作漂亮的时钟
图21 重新设置“斜面和浮雕”样式参数

Photoshop实例教程:制作漂亮的时钟
图22 重新设置图层样式后的效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(6)

    (5)新建一个图层,取名为“时针”。

    (6)使用工具箱中的矩形选框工具,在该图层中选择一个矩形区域,(如图23)所示。


Photoshop实例教程:制作漂亮的时钟

图23 绘制的矩形选区

    (7)选择工具箱中的渐变工具,在属性栏中选择线性渐变,再单击下拉框,弹出“渐变编辑器”对话框,其中的参数设置(如图24)所示,颜色瓶自左向右的颜色依次为:灰色、白色、灰色。

Photoshop实例教程:制作漂亮的时钟
图24 “渐变编辑器”对话框

    (8)在选区中横向拖动鼠标进行渐变操作,松开鼠标便得到(如图25)所示的渐变效果,按Ctrl+D键去除选区。

Photoshop实例教程:制作漂亮的时钟
图25 得到的渐变效果

    (9)单击“编辑”—“变换”—“旋转”命令,画面中出现变形框,将变形框中的中心控制点移动至(如图26)所示的位置。

Photoshop实例教程:制作漂亮的时钟
图26 移动中心控制点

    (10)在属性栏中输入旋转角度值为“-60度”,按Enter键确认对图形的旋转操作,效果(如图27)所示。

Photoshop实例教程:制作漂亮的时钟
图27 旋转后的效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(7)

    (11)单击“图层”—“图层样式”—“投影”命令,出现“图层样式”对话框,其中“投影”参数设置(如图28)所示,单击“好”按钮,效果如图(29)所示。


Photoshop实例教程:制作漂亮的时钟

图28 “投影”样式参数设置

Photoshop实例教程:制作漂亮的时钟
图29 添加投影后的效果

    (12)将图层“时针”进行复制,并将复制得到的图层改名为“分针”。

    (13)选中图层“分针”,单击“编辑”—“变换”—“旋转”命令,画面中出现变形框,将变形框中的中心控点移至(如图30)所示的位置。

Photoshop实例教程:制作漂亮的时钟
图30 移动中心控制点

    (14)在属性栏中输入旋转角度值为“60度”,按Enter键确认对图形的旋转操作,效果(如图31)所示。

Photoshop实例教程:制作漂亮的时钟
图31 旋转后的效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(8)

    (15)单击“编辑”—“自由变换”命令,画面中再次出现变形框,拖动鼠标将图形适当拉长,并进行旋转,得到(如图32)所示的形状。


Photoshop实例教程:制作漂亮的时钟

图32 将图形拉长并旋转后的效果

    (16)使用同样的方法再制作一个“秒针”的图形,效果(如图33)所示。

Photoshop实例教程:制作漂亮的时钟
图33 绘制秒针后的效果

    (17)进入“图层”调板,将“图层3副本”调整至所有图层的最上方,效果(如图34)所示。

Photoshop实例教程:制作漂亮的时钟
图34 调整图层顺序后的效果

    3.添加其他装饰元素

    (1)选择工具箱中的横排文字工具,然后在画面中输入“CLOCK”,颜色为白色,效果(如图35)所示。

Photoshop实例教程:制作漂亮的时钟
图35 添加的文字图层

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(9)

    (2)为这个新得到的文字图层添加图层样式。单击“图层”—“图层样式”—“斜面和浮雕”命令,弹出“图层样式”对话框,其中“斜面和浮雕”样式参数设置(如图36)所示,渐变样式使用在绘制指针时使用的渐变样式,单击“好”按钮,效果(如图37)所示。


Photoshop实例教程:制作漂亮的时钟

图36 “斜面和浮雕”样式参数设置

Photoshop实例教程:制作漂亮的时钟
图37 添加图层样式的文字效果

    (3)新建一个图层,取名为“刻度”。选择工具箱中的椭圆选框工具,按住Shift键,拖动鼠标在该图层中选取一个圆形的区域,(如图38)所示。

Photoshop实例教程:制作漂亮的时钟
图38 绘制的圆形选区

    (4)将工具箱中的前景色设置为黑色,然后按Alt+BackSpace键将选区填充为黑色,再按Ctrl+D键去除选区。得到的填充效果(如图39)所示。

Photoshop实例教程:制作漂亮的时钟
图39 为选区填充黑色后的效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(10)

    (5)单击“图层”—“图层样式”—“斜面和浮雕”命令,弹出“图层样式”对话框,其中“斜面和浮雕”样式参数设置与前面所说相同,然后单击“好”按钮,得到的图层样式效果(如图40)所示。


Photoshop实例教程:制作漂亮的时钟

图40 使用图层样式后的效果

    (6)单击工具箱中的移动工具按钮,按住键盘中的Alt键,此时光标发生了变化,然后拖动鼠标将该图层的图案进行复制,并移动到3点、6点、9点的位置,效果(如图41)所示。

Photoshop实例教程:制作漂亮的时钟
图41 刻度复制后得到的效果

    (7)将原点刻度适当缩小,再进行几次复制,制作出其他的刻度图案并将其移动到合适位置,效果(如图42)所示。

Photoshop实例教程:制作漂亮的时钟
图42 复制出其他刻度点的效果

    (8)进入“图层”调板,选中“图层1”,然后执行“图层”—“图层样式”—“外发光”命令,出现“图层样式”对话框,其中的样式参数设置(如图43)所示,发光颜色使用淡黄色,单击“好”按钮,得到的图层样式效果(如图44)所示。

Photoshop实例教程:制作漂亮的时钟
图43 “外发光”样式参数设置

Photoshop实例教程:制作漂亮的时钟
图44 外发光效果

回到顶部阅读

Photoshop实例教程:制作漂亮的时钟(11)

    (9)再选中“背景图层”,执行“滤镜”—“杂色”—“添加杂色”命令,弹出“添加杂色”对话框,其中的参数设置(如图45)所示,单击“好”按钮,效果(如图46)所示。


Photoshop实例教程:制作漂亮的时钟

图45 “添加杂色”滤镜参数设置

Photoshop实例教程:制作漂亮的时钟
图46 “阈值”对话框

    (10)单击“图像”—“调整”—“阈值”命令,弹出“阈值”对话框,其中的参数设置(如图47)所示。单击“好”按钮,最后的效果(如图48)所示。

Photoshop实例教程:制作漂亮的时钟
图47 使用“添加杂色”滤镜后的效果

Photoshop实例教程:制作漂亮的时钟
图48 调整阈值后的效果

    大功告成!

查看本文作者 泡泡鱼 的其他文章>>
给文章打分 5分为满分(共0人参与) 查看排行>>
频道热词:微信  手机QQ  12306  
视觉焦点