平面设计 
首页 > 平面设计 > 浏览文章

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

(编辑:jimmy 日期: 2025/6/19 浏览:3 次 )
先看效果图

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

添加内阴影样式。

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

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

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

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

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

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

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

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

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

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

最终效果如下。

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

上一篇:photoshop利用钢笔和图层样式制作出护士图标效果
下一篇:photoshop制作出典雅秀气的Itunes10图标效果
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。