欢迎来到福编程网,本站提供各种互联网专业知识!

Photoshop绘制超逼真的金属质感秒表

发布时间:2013-05-04 作者:sou6 来源:PS梦工场 南
photoshop教程第1步:打开Photoshop,Ctrl+N新建一个空白文档。第2步:在画布中心建立水平、垂直两条参考线。这里你可以使用GuideGuide这个小工具来帮助你创建参考线。选择椭圆工具在两条参考线交叉处点击鼠标左键,会弹出如下对话框。输入参数如下,建立半径

Photoshop绘制超逼真的金属质感秒表 全福编程网

photoshop教程第1步:

打开Photoshop,Ctrl+N新建一个空白文档。

c6270a1eea0b4f459a0ae6efd53be326 用PS创建一只金属秒表——PS精品教程

第2步:

在画布中心建立水平、垂直两条参考线。这里你可以使用GuideGuide 这个小工具来帮助你创建参考线。选择椭圆工具 在两条参考线交叉处点击鼠标左键,会弹出如下对话框。输入参数如下,建立半径为240px的正圆形,颜色随意。

07ac31291cf34606856f77b1d1ee32ca 用PS创建一只金属秒表——PS精品教程

Ctrl+J将创建的圆形复制一层。选择下面的圆形,将图层填充度调为0,然后添加描边 图层样式如下。

dafc5e016e594fcca94059e94223ca97 用PS创建一只金属秒表——PS精品教程

459ec2f97aca4f7790e6cf89f90ab406 用PS创建一只金属秒表——PS精品教程

第3步:

选中上一层的圆形。选择椭圆工具,将路径操作设置为减去顶层形状 。

f9778423a5184da1925dd84837a5fe33 用PS创建一只金属秒表——PS精品教程

在参考线中心点击,弹窗如下对话框,然后将宽高均设为200px。这样我们就创建好了圆环形的表框。

e71756690c564e04a7035f1bb4ae15b3 用PS创建一只金属秒表——PS精品教程

第4步:

接下来我们来为表框添加图层样式。参数设置如下。

308f7fc65e97487f8a57794a35d36e48 用PS创建一只金属秒表——PS精品教程_ueditor_page_break_tag_

46b7ff22cd7342eb96db8d8a866dde1b 用PS创建一只金属秒表——PS精品教程

8401671f8a5b4166a2adbae5bdb89afd 用PS创建一只金属秒表——PS精品教程

此时的图像:

e9e1cfcb7bc54a16b51c825312f1ca0d 用PS创建一只金属秒表——PS精品教程

第5步:

将上一步创建的圆环Ctrl+J复制一层,将填充度 设置为0。在图层上点击右键,清除图层样式。然后重新添加斜面和浮雕 图层样式。

295bb433d35540a6ade56f1217400613 用PS创建一只金属秒表——PS精品教程

e7d3e9ded673478da88d369650551059 用PS创建一只金属秒表——PS精品教程

886158946b964e1987ee2ba5d4733313 用PS创建一只金属秒表——PS精品教程

第6步:

利用以上方法,选择椭圆工具,在参考线中心点击,将圆形高宽设置为200px。

87d58b3b563a4cc58355797d34690136 用PS创建一只金属秒表——PS精品教程

选择减去顶层形状 。

ac7ac43fe70c423baed3b751bb61e7ff 用PS创建一只金属秒表——PS精品教程

在参考线中心点击,创建高宽为190px的圆形。这样我们就创建出宽度为10px的圆环。

2551864f153543c09d9559745f9786f1 用PS创建一只金属秒表——PS精品教程

第7步:

将上一步创建的圆环的颜色设置为#c8c8c8,然后添加内阴影图层样式,此处内阴影颜色为#525252。

ceff3e0fb1d5495bb29e01847d51263f 用PS创建一只金属秒表——PS精品教程

4f2e2bd24a274e629ab9bd49a0fe1c38 用PS创建一只金属秒表——PS精品教程

第8步:

利用同样的方法创建半径为190px的圆形。

ec726add26094e2880f6bfbc1cab1862 用PS创建一只金属秒表——PS精品教程

为新创建的圆形添加图层样式。

e6e944884148469090730dee62a96773 用PS创建一只金属秒表——PS精品教程_ueditor_page_break_tag_

f3b1db4493c54581a39f37d82e5c24f2 用PS创建一只金属秒表——PS精品教程

876261e15c984df7b679c7bde285338f 用PS创建一只金属秒表——PS精品教程

c4b6f103edb645d49183dfed28e0947b 用PS创建一只金属秒表——PS精品教程

此时的图像:

ad02f0a083254ad89236e1a1c74c9075 用PS创建一只金属秒表——PS精品教程

第9步:

继续创建一个半径为180px的圆形。

a1d22397322241068e5d5b23101c1201 用PS创建一只金属秒表——PS精品教程

将图层的填充度设置为0,然后为圆形添加描边 ,描边颜色为#141414。

564c86000008419bbe4130c57ad40ca4 用PS创建一只金属秒表——PS精品教程

第10步:

接下来创建表盘的刻度。利用矩形工具在表盘上方创建一个宽2px,高10px的矩形,颜色为#141414。

242cfbb8b0ff4b8ba30671584f029ccd 用PS创建一只金属秒表——PS精品教程

按住Alt键将矩形拖动到表盘下方复制一份。

7a795783a69a4495a462e6a686e540cd 用PS创建一只金属秒表——PS精品教程

第11步:

选中两个刻度图层(按Ctrl加选),Ctrl+J复制一份,然后Ctrl+T旋转90度(旋转时按住Shift键可锁定整数角度)。

e632b81b9c1d435b9c4d22da87471b62 用PS创建一只金属秒表——PS精品教程

第12步:

选中四个刻度图层,Ctrl+J复制一份,然后Ctrl+T旋转30度。

f1091a50c3174e938709f1af1a8a0a53 用PS创建一只金属秒表——PS精品教程

第13步:

下面我们来创建小刻度。先用矩形工具 在表盘上方创建一个宽2px,高5px的矩形,为了区别大刻度,我们这里选择一种蓝色(随意选择,后面我们会统一设置)。

661fa2dac5c3441cb13a3c4d29d3e79a 用PS创建一只金属秒表——PS精品教程

按住Alt键将刻度拖动到表盘下方复制一份。

e9d48ad1fd784a5bad2c97239bc46672 用PS创建一只金属秒表——PS精品教程_ueditor_page_break_tag_

第14步:

选中两个小刻度图层,Ctrl+T,在上方的参数栏我们将旋转角度设置为6度。

4fe2bb6ba7054faa8f1a1df801b13d5d 用PS创建一只金属秒表——PS精品教程

利用创建大刻度的方法来继续创建小刻度。

32da83a466d449d2a598ceca9de43275 用PS创建一只金属秒表——PS精品教程

我们可以多选中几个刻度图层来复制旋转,这里自己计算好就可以。

7dec2f73b7b94860bc6fc2fb797b3c5d 用PS创建一只金属秒表——PS精品教程

创建好的小刻度:

8c3b6a63546e4fd6898bb90a570fd164 用PS创建一只金属秒表——PS精品教程

第15步:

选中所有小刻度图层,右键选择“转换为智能对象”。然后双击智能对象图层,为其添加颜色叠加 图层样式。

3a4565caacc34aa89779e79fd67aa8eb 用PS创建一只金属秒表——PS精品教程

第16步:

为表盘添加数字。字体选用Calibri,具体参数设置如下。

6ac615166b644b9d955f663c41aa9911 用PS创建一只金属秒表——PS精品教程

选择所有文字,右键点击“转换为智能对象”。添加投影 图层样式。

0b65d70003e447f0ace889b6ee3dd2d7 用PS创建一只金属秒表——PS精品教程

第17步:

接下来我们创建表针。在表盘上方利用矩形工具创建宽4px,高97px的矩形。为了区别,这里选择一种红色(随意选择,后面会统一)。

1c160f3504244a72b643e7a2d538b085 用PS创建一只金属秒表——PS精品教程

利用直接选择工具 ,将表针的两个锚点向内移动1px。

3a31173888eb47dbb27707dfa47776ff 用PS创建一只金属秒表——PS精品教程

第18步:

下面我们来旋转表针。按Ctrl+T进行自由变换,按住Alt键拖动变换中心到参考线中心位置。然后旋转表针,这样可以以参考线中心为旋转点来进行旋转。

f05402c6b6f24acc8116dda48bbea526 用PS创建一只金属秒表——PS精品教程

第19步:

将表针的颜色设置为 #141414,然后为其添加内阴影 图层样式。

440cafa9cdc6404895de9329983b35ce 用PS创建一只金属秒表——PS精品教程_ueditor_page_break_tag_

第32步:

将小指针投影层复制一层,修改图层样式如下。

a1716262b00e4d01aa9ed183746504ca 用PS创建一只金属秒表——PS精品教程

第33步:

接下来我们创建表盘的玻璃效果。将第8步创建的表盘图层复制一层,然后Ctrl+Shift+] 将其移动到图层最上方。将填充度设置为0,然后为其添加图层样式。

8ecc4709927c4798a17860aafa3bb742 用PS创建一只金属秒表——PS精品教程

049135f2bfe94169a766ebc305d5ef1d 用PS创建一只金属秒表——PS精品教程

32bcaa7f31004bd281ea8cb5d767ed32 用PS创建一只金属秒表——PS精品教程

dd784e9d2ec5498092f97facc9c8eebc 用PS创建一只金属秒表——PS精品教程

84735d3087f64ec2b679ec681bc7a65b 用PS创建一只金属秒表——PS精品教程

第34步:

将上一步创建的图层复制一层,清除图层样式,将填充度设置为0。然后为其添加新的图层样式。

9872b961580242a4980a88fc1c93c1d1 用PS创建一只金属秒表——PS精品教程

第35步:

选择圆角矩形工具,在表盘上方创建一个宽24px,高30px,圆角半径为3px的圆角矩形,参数如下。

fdfd313c27c545e681a8769eee3cea71 用PS创建一只金属秒表——PS精品教程

然后Ctrl+T,右键选择变形,在参数栏将变形设置为下弧,弯曲为25%。

036041e27d004eb4af3e87e98db7c6e0 用PS创建一只金属秒表——PS精品教程

确定后再次按Ctrl+T进行变形,这次选择上弧,弯曲为-10%。

99519dc5010249fca292a8219b6262de 用PS创建一只金属秒表——PS精品教程

第36步:

为其添加图层样式如下。

d377741a3d034b6a9f85179dcbedd6ee 用PS创建一只金属秒表——PS精品教程

0998c3f05cd74622ac26106e06450343 用PS创建一只金属秒表——PS精品教程

点击“新建”,将渐变样式保存,以备后用。

554c38500ac142ddb530a7d7b9df3839 用PS创建一只金属秒表——PS精品教程

aee85f80919d42448f74c0f8bae31108 用PS创建一只金属秒表——PS精品教程

第37步:

在上方利用圆角矩形工具继续创建宽30px,高20px,圆角半径为3px的圆角矩形。

87428c0fe5994430ac89e168aebe90aa 用PS创建一只金属秒表——PS精品教程

Ctrl+T进行变形,参数设置如下。

b2ef14b84c0e40c2ad0621049969073c 用PS创建一只金属秒表——PS精品教程

第38步:

为上一步创建的图形添加图层样式。

39314b48d86c4c4abc30045e14d7da42 用PS创建一只金属秒表——PS精品教程

选择第36步储存的渐变样式。

2347ac99a90a417ba721098114179c53 用PS创建一只金属秒表——PS精品教程

第39步:

在圆柱上方创建一个椭圆,参数设置如下:

80880dd893274b978bfe01a4eefc432c 用PS创建一只金属秒表——PS精品教程

然后为其添加内阴影图层样式。

5b90bc5da8d543468fa4486aaf09c710 用PS创建一只金属秒表——PS精品教程

继续添加储存的渐变样式。

1c35a99cef614fd0b514d540f61edf05 用PS创建一只金属秒表——PS精品教程

这时的秒表应该是这个样子的。你做好了吗?能坚持到这一步很不容易,PS梦工场提醒你注意休息哈~

fa1ed5e98ca44947b32359fb443d6eff 用PS创建一只金属秒表——PS精品教程

第40步:

忽然听见一个声音:“亲,都40步了,还没完啊”,快了,快了。再坚持一下,曙光就在眼前。

……继续

接下来创建圆环。先来创建一个半径为80px的圆形。(Oh,no!别告诉我你已经忘了怎么创建了!)

f54f2a997f5649a0b4f1b4735dca162e 用PS创建一只金属秒表——PS精品教程

在圆心处拖出两条参考线。真心觉得GuideGuide建参考线很方便,不信去试试。

选择减去顶层形状。然后在参考线中心位置点击创建半径为68px的圆形。这样我们就创建好了一个12px宽的圆环。

d13b2166663e40c780730aada451b6c7 用PS创建一只金属秒表——PS精品教程_ueditor_page_break_tag_

第41步:

再选择减去顶层形状,利用矩形工具将圆环下部减掉。

ca67528a6d9f444987cfe0cad0029edd 用PS创建一只金属秒表——PS精品教程

再选择合并形状,然后利用椭圆工具在圆环两个头部创建出两个圆形。

4ab86462eada4ead944a10a706ea09cf 用PS创建一只金属秒表——PS精品教程

第42步:

接下来为我们上一步创建的金属环来添加图层样式。

b1f44d7b20094866882b445453a9d41f 用PS创建一只金属秒表——PS精品教程

c7c0b67e0e9d4550978682f5b4409c01 用PS创建一只金属秒表——PS精品教程

621f26378d7344deab2d61af39d67bbb 用PS创建一只金属秒表——PS精品教程

6b021537caf74a4cb4b3fe477c35f15d 用PS创建一只金属秒表——PS精品教程

此时的秒表:

1c5f425418e34dbe842edbb54ec4f240 用PS创建一只金属秒表——PS精品教程

第43步:

下面我们来创建秒表侧面的按钮。利用圆角矩形工具创建一个16×18px的圆角矩形。

6e3d683b5aee4e359f144ab44dad3775 用PS创建一只金属秒表——PS精品教程

然后Ctrl+T对其进行变形。

d884f9767f404ba0bc0cfc979778c1a6 用PS创建一只金属秒表——PS精品教程

29f28213f5274c1790472e52fecbf3c7 用PS创建一只金属秒表——PS精品教程

第44步:

为按钮添加图层样式。

180d71936e254613aec20d6de8fc1bc8 用PS创建一只金属秒表——PS精品教程

c4cc357b0db54e22b54f4a6a02acab72 用PS创建一只金属秒表——PS精品教程

d3bbcbbd723d4df38090d98d58d47dee 用PS创建一只金属秒表——PS精品教程

第45步:

继续创建一个圆角矩形。

1a01de3ea719478a8c025df1861997ce 用PS创建一只金属秒表——PS精品教程

Ctrl+T进行变形。

7c0690b884b942b5a90da88e33c9ddb7 用PS创建一只金属秒表——PS精品教程

将下面一层的图层样式复制到这一层,关闭内阴影样式。将这一层转换为智能对象备用。

第46步:

下面我们要用到图案叠加,让我们自己先来制作一个图案。

Ctrl+N新建一个空白文档,参数设置如下。

5c7fb9210e514f07bd36973ff1be5509 用PS创建一只金属秒表——PS精品教程

相关推荐