制作精致雷达扫描图标的PS教程.docx

制作精致雷达扫描图标的PS教程.docx

《制作精致雷达扫描图标的PS教程.docx》由会员分享，可在线阅读，更多相关《制作精致雷达扫描图标的PS教程.docx（22页珍藏版）》请在冰豆网上搜索。

制作精致雷达扫描图标的PS教程

制作精致雷达扫描图标的PS教程

直线网

制作图片是非常需要耐心的细活。

因为图标的大小相对来说要小很多，不过构造并不简单。

尤其在质感和光感方法非常讲究，需要把较小面积的高光和暗调刻画出来，还是要花一定功夫的。

最终效果

一、在Photoshop中新建一个大小为1024×1024的空白文档。

添加一个纹理背景〔原作者使用了一个之前教程中制作的类布纹纹理〕，只要贴合整体风格即可。

二、使用椭圆形选择工具在画布正中央拖出一个大小为500×500左右的圆。

然后填充为黑色。

命名为circle。

三、为了创立图标的边框，我们复制刚刚填充的圆，然后缩小到适宜的尺寸形成一个内圆，命名为innercircle。

然后，在图层面板上，右键点击innercircle的缩略图，在弹出菜单上选择选择像素从而建立一个马上要用到的选区。

四、隐藏这个图层后，点击circle图层激活，接着执行图层>图层蒙版>隐藏选区。

这样就以蒙版的形式得到了一个圆环，也就是我们要做的图标的边框。

五、通过调整circle图层的图层样式得到金属质感的边框。

样式中要运用到投影、内阴影、斜面和浮雕、颜色叠加。

具体设置如下列图：

六、这时候取消对innercircle图层的隐藏。

接着复制它，得到的新图层命名为smallcircle。

在新图层上执行图层>图层样式>渐变叠加。

鼠标拖动渐变，让高光的区域稍微靠近下方，具体设置和颜色值如下列图：

七、在smallcircle上新建一个空白层，然后按住ctrl键点击图层面板上smallcircle的缩略图得到选区，接下来需要使用笔刷工具在选区内刷出按钮的高光效果。

笔刷硬度调整为0%，颜色为#7a5511，流量可以尽量小一点，这样可以多刷几遍，以获得最优的效果。

层命名为toplight。

八、接下来添加边框上的颜色，做出一种反射的效果。

添加一个新图层，命名为borderlight。

按住ctrl键点击circle图层缩略图，得到选区，以此为borderlight层的图层蒙版。

接着按住ctrl键点击innercircle图层缩略图，得到选区，在borderlight图层蒙版上填充黑色，最后得到一个环形的蒙版。

这样，我们使用笔刷在图层上进行制作放光效果，就不会超出边框区域。

笔刷设置根本和上一步一样，可以根据自己想要的效果做修改。

九、接下来我们开始制作雷达盘面上的元素。

首先在图层面板上创立新组，命名为elements，并且把组的混合模式改为颜色减淡。

为了保证所有绘制的元素都在盘面内，我们给这个图层图添加一个图层蒙版，选区使用smallcircle的即可。

然后开始添加雷达的坐标轴。

在elements组内，新建图层，命名为xline。

使用矩形选择工具，画出一条细线，用白色填充。

接着执行滤镜>模糊>高斯模糊，模糊值使用0.5px。

最后把xline图层的不透明度改为70%。

微微发光的效果得以呈现。

最后复制xline图层为yline，旋转到垂直的位置，这样完整的坐标轴就完成了。

十八、具体样式如下。

十九、最后得到这样的效果，不喜欢边框太黑的，可以在斜面和浮雕那里做出调整。

二十、新建一个空白图层，命名为overlight，主要是用来添加高光效果。

使用之前的方法得到smallcircle的选区，稍稍向上移动几个像素的位置，让选区如下摆放。

二十一、使用白色填充这个选区后，把图层的填充调为0%。

接着给图层添加个图层蒙版。

在图层蒙版上使用图形工具〔正方形+椭圆〕组合出如下形状的选区，然后填充黑色。

二十二、最后给这个overlight图层添加图层样式，渐变叠加里使用白色到透明即可，其他设置如图。

二十三、可以拖动渐变，以到达最后淡淡透明的效果。

二十四、合并除背景外的所有图层，得到一个新图层，命名为glow，这个图层的主要任务就是营造一种发光的气氛。

执行滤镜>模糊>高斯模糊，模糊值12~15之间。

最后将图层的不透明度调为50%。

以smallcircle的选区给它加上一个图层蒙版，这样发光区域就仅限于雷达盘面里。

二十五、创立一个图层组，把glow图层放置进去，然后给这个图层组添加一个蒙版。

使用笔刷制作出几处不同大小的不可见区域，从而让发光效果得到比照强化。

最终效果：