Tags标签 网战地图
当前位置: 主页 > 设计软件 > Photoshop教程 > ps鼠绘教程 >

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

2017-12-01 21:58 [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精品教程
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精品教程

  第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精品教程

  第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精品教程

  第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精品教程

  第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精品教程

  利用矩形工具在右侧创建矩形。然后选择菜单编辑>定义图案,将我们创建的图案保存起来。

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

  第47步:

  回到原来的文档。为第45步创建的智能对象添加图层样式。

a225b7ba565d44559b750959acb51554 用PS创建一只金属秒表——PS精品教程
257e30a210d64cd0867c1bad0f08c79f 用PS创建一只金属秒表——PS精品教程

  然后选择我们上一步创建的图案。

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

  第48步:

  将按钮的两部分合并为一个智能对象。然后Ctrl+T进行旋转。

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

  将其摆放到秒表的合适位置就大功告成了。

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

  第49步:

  我们再为秒表添加投影,这样看上去会更真实一些。

  选择除去背景层外的所有图层,按Ctrl+Alt+E进行盖印图层。然后Ctrl+Shift+[ 将其移动到背景图层上方。再为其添加图层样式。

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

  将这一层复制一层,修改投影图层样式。

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

  第50步:

  这一步是为秒表框添加颜色,使其看上去更有金属质感。

  按住Ctrl+Shift键依次点击表框、表环等外围形状图层,以建立如下图所示的选区,然后找到菜单选择>修改>扩展命令,将选区扩展1px。然后新建一层,填充为黑色。

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

  将此图层的填充度设置为0。然后为其添加颜色叠加图层样式,颜色值为#ffd76b,注意此时的混合模式一定选择颜色 。

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

  这时一只金灿灿的秒表就创建好了。

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

  第51步:

  将上一步所创建的图层复制一层,修改其颜色叠加模式。这里我们可以将颜色修改为#fcecbb,当然你也可以将其调整为其他颜色,根据你的喜好来吧。

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

  这时我们的秒表便变成这个样子了。

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

  第52步:

  最后我们为秒表创建一个背景。

  来欣赏一下我们的杰作吧!

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

(编辑:Mr.zheng)

本文标签:
网友评论

栏目列表

推荐文章