Photoshop制作一个金属边框的放大镜

2016-02-02 04:12 122 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop制作一个金属边框的放大镜,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - ps入门教程 】

本教程介绍金属放大镜的制作方法。重点在金属边框的制作。需要注意好金属质感的调节,有的部分用图层样式一次不能做好,需要多用几个图层来分开做出效果。 原图

1、新建一个500 * 500像素的文件,背景拉上白色到很红色径向渐变,按Ctrl + R调出标尺,在图层的中心偏左上拉两条相交的参照线,如图1。


图1 2、以参照线交点为中心拉一个正圆选区,新建一个图层填充白色,取消选区,如图2。


图2 3、以交点为中心拉一个稍小的正圆选区,按Delete删除,得到图3所示的圆环,然后把图层命名为“圆环”。


图3 4、双击图层面板圆环图层的缩略图调出图层样式,参数设置如图4,5,效果如图6。


图4


图5


图6 5、按Ctrl点图层面板圆环图层的缩略图调出圆环选区,把前景颜色设置为白色,选择画笔工具,画笔不透明度设置为:20%,然后把图7黄圈所示的位置涂白,注意边角部分的过度,效果如图8。


图7


图8 6、按Ctrl点图层面板圆环图层的缩略图调出圆环选区,在图层的最上面新建一个图层填充黑色,不要取消选区,执行:选择 修改 收缩,数值为3,确定后按Ctrl + Alt + D羽化,数值为4,然后按Delete删除3次,确定后再把图层不透明度改为:35%,效果如图9。


图9 7、再调出圆环选区,执行:选择 修改 收缩,数值为7,确定后在图层的最上面新建一个图层,填充颜色:#B9B9B9,效果如图10。


图10 8、调出圆环选区,在图层的最上面新建一个图层,填充白色,再用椭圆选框工具拉一个稍大正圆如图11,然后按Ctrl + ALt + D羽化数值为5,确定后按Delete删除,效果如图12。


图11


图12 9、新建一个图层,用椭圆选框工具在圆环的右下角拉一个稍小的正圆如图13。


图13 10、选择渐变工具颜色设置如图14,拉出图15所示的径向渐变。


图14


图15 11、把圆环里面的部分删除如图16。


图16 12、新建一个图层,选择矩形选框工具拉一个图17所示的矩形。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)
图17 13、选择渐变工具,颜色设置如图18,然后由右向左拉出图19所示的线性渐变。


图18


图19 14、按Ctrl + T适当的变形处理把上边稍微拉窄一点,效果如图20。


图20 15、稍微调斜一点,然后把图层移到圆珠的下面位置如图21。


图21 16、删掉多余的部分,如图22。


图22 17、在手柄的下面新建一个图层,选择椭圆选框工具拉一个小正圆如图23。


图23 18、把小正圆填充白色,不要取消选区,把前景颜色设置为黑色,用画笔涂出暗调部分如图24。


图24 19、在背景图层上面新建一个图层,用椭圆选框拉一个正圆填充白色如图25。


图25 20、加上图层蒙版用黑白渐变拉出透明效果如图26。


图26 21、同样的方法多加一些白色高光。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)
图27 22、最好整体调整下细节,完成最终效果。


图28

来源:http://www.tulaoshi.com/n/20160202/1531268.html

延伸阅读
来源:一起PS吧 作者:不详 放大镜重点是把边框及手柄部分的质感和光感做出来。先做出各部分的图形,然后用设置好的渐变加上初步的质感,再用钢笔等工具勾出高光部分的选区,填充较亮的颜色加强质感。局部可以用图层样式来加强质感。 最终效果 1、新建文档500x500像素,背景白色。建新层,画一个黑色矩形。 2、添加图层样式。 ...
标签: 电脑入门
什么是放大镜效果?一般来说,放大镜效果就是将缩略图局部放大突显出来的效果。看看下面这个图就明白了。 如果不借助Photoshop该怎么做?不借助Photoshop的话,难点就在截取圆型区域那里。其实使用WPP的设置透明色和另存为图片等功能就可以实现,只是操作步骤相对较多。 制作一块蒙板 WPP里做不到要直接选取圆型区域,那就考虑做一块蒙板,...
放大镜是大家再熟悉不过的用品来,今天我们就是用它来设计一个图标,看看大师们有哪些好的idea,需要与设计打交道的朋友不妨利用休息时间学习一下。 最终效果 具体的制作步骤如下: 1. 新建文档,800*600px。输入一些文字,使用大一点的字号。我使用的是futura字体。之后,应用创建轮廓 (shift + ctrl + o)。然后文本应用渐变,如下图...
标签: Web开发
head     titleCSS Fisheye/title     style type="text/css"     span {font-size: x-small}     /style     script language="JavaScript" type="text/javascript"     !--       function convertPreBlocks() {} var ...

经验教程

862

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部