photoshop制作出逼真的动感雷达图标效果

先看效果图

动感雷达图标 ps教程

新建文档500x500像素,背景黑色,建新层,用昨天教程介绍的方法做一个圆环。

动感雷达图标 ps教程

添加图层样式。

动感雷达图标 ps教程

动感雷达图标 ps教程

效果如下。

动感雷达图标 ps教程

建新层,做如下正圆选区。

动感雷达图标 ps教程

设置渐变颜色,做一径向渐变。

动感雷达图标 ps教程

添加内阴影样式。

动感雷达图标 ps教程

下面我们定义图案,新建文档2x3像素,背景白色。

动感雷达图标 ps教程

建新层,做一矩形选区填充黑色,编辑定义图案命令,会弹出一个对话框,确定即可。

动感雷达图标 ps教程

回到源文档,新建图层3,调出上一步的正圆选区,编辑>填充,选择刚才定义的团,图层模式柔光,不透明度20%。

动感雷达图标 ps教程

建新层,用铅笔画2条白线。

动感雷达图标 ps教程

添加蒙版用黑色柔角笔刷涂抹,去除多余部分,并添加外发光样式。

动感雷达图标 ps教程

效果如下。

动感雷达图标 ps教程

建新层,做2个正圆选区,白色2像素描边,图层模式柔光。这是雷达的2个同心圆。

动感雷达图标 ps教程

建新层,用直线套索做如下选区,白色笔刷涂抹如下。

动感雷达图标 ps教程

调出大的正圆选区,添加蒙版,并用黑色笔刷涂抹掉右侧多余部分,图层模式叠加。

动感雷达图标 ps教程

建新层,用白色柔角笔刷点几下,添加外发光样式。

动感雷达图标 ps教程

添加色相/饱和度调整层和曲线调整层,增加饱和度和对比度,这个步骤可以省略。

动感雷达图标 ps教程

最终效果如下。

动感雷达图标 ps教程