用一种颜色创建一个雷达图标
相信这个看完,你对图层混合模式会有一个新的理解的!...
P大点S 原创教程聚集地
这次的图标其实很简单,有一定基础的小伙伴就能轻松的做出来。不过有句话是这么说的:“把路走直,就是捷径;把路走弯,路就延长。”这次我们就要走一些弯路,用一些很偏门的方法来画这个雷达。——来自P大点S的帅帅同学!
PSD+素材下载地址
http://pan.baidu.com/s/1kUKcAJ9
首先新建1000×1000的画布,然后画背景。既然只用一种颜色,那么就先确定这个主色调(我这里用的是#25a3a5),然后填色。可以把这个背景图层转为智能对象,这样的话,后面如果要换颜色就特别方便了。然后新建图层,画一个从白到黑的径向渐变。(- 说好的只用一种颜色呢!- 美术老师说,黑白并不是颜色...)然后把这个黑白图层的混合模式改为“柔光“,透明度改为60%看到这里,是不是想明白了什么?没错!今天,我们就是用混合模式+不透明度来达到调色的目的~
再新建一个图层,填充白色,混合模式“正常“,不透明度40%背景算是做完了,接下来开始画图标咯。(- 明明一个渐变就能搞定的事儿,活生生用了三个图层!- 咳咳,今天天气真好。)
Ctrl+J把背景图层复制一层,并把图层顺序移动到最上面。按住Ctrl键点击图层下方的蒙版图标,建立矢量蒙版。新建一个圆角矩形,长宽512,圆角半径90°,水平、垂直居中。之前有小伙伴问我,为什么我的教程里面,圆角矩形都是这个数据。因为这是APP Store里面的标准尺寸。用路径选择工具(快捷键A)选中圆角矩形,Ctrl+X剪切路径,点击之前创建的矢量蒙版,Ctrl+V粘贴路径。(- 这…为什么不直接创建圆角矩形,然后填色呢?- 把路延长,路延长,延长,长…)然后添加“斜面浮雕”和 “投影”。
纵向的黑白渐变,柔光,100%白色从无到有的渐变,柔光,50%填充黑色,叠加,40%
然后开始画雷达屏幕上的线。新建一个图层,Ctrl+G建一个组。把整个组的混合模式改为“叠加”,透明度50%。然后根据小圆的形状,建一个图层蒙版。然后画线。画线的方法有很多,可以图层样式描边,也可以用形状工具的描边,如果不嫌麻烦,甚至可以用布尔运算。
我用的是形状描边的办法,描边白色。
这里有一个问题,就是怎样才能保证圆环之间的距离一致呢?
我本来打算用再次变换,后来发现行不通,因为那是按照百分比缩放,而不是按照固定的距离缩放。
想来想去,我没有想到特别好的办法,就只好画了一个小方块作为标尺,老老实实的挨个缩放。如果有更好的办法,欢迎在下面留言回复~
再新建图层,添加一个角度渐变,渐变属性为黑色从无到有。
沿着渐变的边界,也就是圆的中线画一条白色直线。然后把线和渐变一起建组。把组的混合模式改为“叠加”,不透明度80%,把整个组旋转45°,然后按住Ctrl,点击之前留着备用的内阴影图层的缩略图,获取选区,然后选中刚建立的组,按住Alt点击蒙版图标。圆心位置似乎有些多余的东西,用蒙版擦掉~貌似又出现了问题,加了扫描之后,下半圆的雷达线不是那么明显。可以把“雷达线”整个组移动到“扫描”组上面,然后调整一下混合模式和不透明度。为了好玩,还可以放一个世界地图进去。(本来想放我自己的照片,但是鉴于我本人过帅,暂时就先不放了)
最终的效果图就是酱紫~最开始画背景的时候,我把背景图转为了智能对象,为了这个智能对象,我后面的圆角矩形、圆形都没有直接画,而是选择用矢量蒙版。之所以这么做,是为了调色方便~
假如我要把这个雷达换成绿色,那么只需要双击智能对象,填充颜色,Ctrl+S保存,然后就修改了。
其实本文中的很多图层,都可以做到图层样式里面。不过为了强调这些明暗关系和混合模式的作用,我都单独做了图层,希望小伙伴们走了这趟弯路之后,能更好的认识到混合模式的作用,还有明暗关系对图的影响~
P大点S
微信号: photoshop-ps
↗↗↗
专注分享,享受快乐
最用心的原创教程聚集地
长按指纹关注我们
点击阅读原文更精彩
关注 Photoshop
微信扫一扫关注公众号