太疯狂了~用一种颜色创建一个雷达图标

这次的图标其实很简单，有一定基础的小伙伴就能轻松的做出来。不过有句话是这么说的：“把路走直，就是捷径；把路走弯，路就延长。”这次我们就要走一些弯路，用一些很偏门的方法来画这个雷达。——来自P大点S的帅帅同学！

>>>点击下载PSD+素材包

首先新建1000×1000的画布，然后画背景。既然只用一种颜色，那么就先确定这个主色调（我这里用的是#25a3a5），然后填色。可以把这个背景图层转为智能对象，这样的话，后面如果要换颜色就特别方便了。

然后新建图层，画一个从白到黑的径向渐变。（- 说好的只用一种颜色呢！- 美术老师说，黑白并不是颜色…）

然后把这个黑白图层的混合模式改为“柔光“，透明度改为60%

看到这里，是不是想明白了什么？没错！今天，我们就是用混合模式+不透明度来达到调色的目的~

再新建一个图层，填充白色，混合模式“正常“，不透明度40%

背景算是做完了，接下来开始画图标咯。（- 明明一个渐变就能搞定的事儿，活生生用了三个图层！- 咳咳，今天天气真好。）

Ctrl+J把背景图层复制一层，并把图层顺序移动到最上面。按住Ctrl键点击图层下方的蒙版图标，建立矢量蒙版。

新建一个圆角矩形，长宽512，圆角半径90°，水平、垂直居中。之前有小伙伴问我，为什么我的教程里面，圆角矩形都是这个数据。因为这是APP Store里面的标准尺寸。

用路径选择工具（快捷键A）选中圆角矩形，Ctrl+X剪切路径，点击之前创建的矢量蒙版，Ctrl+V粘贴路径。

（- 这…为什么不直接创建圆角矩形，然后填色呢？- 把路延长，路延长，延长，长…）然后添加“斜面浮雕”和 “投影”。

新建一个图层，拉一个纵向的黑白渐变，混合模式“柔光”，不透明度90%

用布尔运算画一个下图中的形状，填充白色，混合模式“正常”，不透明度15%

用之前画圆角矩形的办法，画一个带矢量蒙版的圆，然后添加图层样式。

新建图层，拉一个黑白渐变，混合模式“柔光”，透明度70%

我希望这一个圆稍微暗一点，所以又加了一个图层，填充黑色，混合模式改为“叠加”，不透明度40%

然后把填色的圆形图层（内阴影+投影）复制一层出来，图层顺序移动到最上方，在矢量蒙版中把圆缩小。然后再复制一层出来。

右键点击最上层的“内阴影”，选择“创建图层”。

这时候会额外生成两个图层，我们删掉原图层和“投影”图层，保留“内阴影”图层，但要把小眼睛关掉，留着备用。

然后修改小圆图层的内阴影

接下来我又做了三个图层来调色

纵向的黑白渐变，柔光，100%

白色从无到有的渐变，柔光，50%

填充黑色，叠加，40%

然后开始画雷达屏幕上的线。新建一个图层，Ctrl+G建一个组。把整个组的混合模式改为“叠加”，透明度50%。然后根据小圆的形状，建一个图层蒙版。

然后画线。画线的方法有很多，可以图层样式描边，也可以用形状工具的描边，如果不嫌麻烦，甚至可以用布尔运算。

我用的是形状描边的办法，描边白色。

这里有一个问题，就是怎样才能保证圆环之间的距离一致呢？

我本来打算用再次变换，后来发现行不通，因为那是按照百分比缩放，而不是按照固定的距离缩放。

想来想去，我没有想到特别好的办法，就只好画了一个小方块作为标尺，老老实实的挨个缩放。如果有更好的办法，欢迎在下面留言回复~

再新建图层，添加一个角度渐变，渐变属性为黑色从无到有。

沿着渐变的边界，也就是圆的中线画一条白色直线。然后把线和渐变一起建组。

把组的混合模式改为“叠加”，不透明度80%，把整个组旋转45°，然后按住Ctrl，点击之前留着备用的内阴影图层的缩略图，获取选区，然后选中刚建立的组，按住Alt点击蒙版图标。

圆心位置似乎有些多余的东西，用蒙版擦掉~貌似又出现了问题，加了扫描之后，下半圆的雷达线不是那么明显。可以把“雷达线”整个组移动到“扫描”组上面，然后调整一下混合模式和不透明度。为了好玩，还可以放一个世界地图进去。（本来想放我自己的照片，但是鉴于我本人过帅，暂时就先不放了）

最终的效果图就是酱紫~

最开始画背景的时候，我把背景图转为了智能对象，为了这个智能对象，我后面的圆角矩形、圆形都没有直接画，而是选择用矢量蒙版。之所以这么做，是为了调色方便~

假如我要把这个雷达换成绿色，那么只需要双击智能对象，填充颜色，Ctrl+S保存，然后就修改了。

其实本文中的很多图层，都可以做到图层样式里面。不过为了强调这些明暗关系和混合模式的作用，我都单独做了图层，希望小伙伴们走了这趟弯路之后，能更好的认识到混合模式的作用，还有明暗关系对图的影响~