Photoshop绘制MAC风格的雷达图标

2016-02-16 07:07 35 1 收藏

下面这个Photoshop绘制MAC风格的雷达图标教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - PS 】

最终效果图

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

1、首先在photoshop中创建一个新文档,我使用的尺寸是1024*1024px,此外,我还添加了一层麻布纹理作为背景,使用它看起来更时尚,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

2、使用椭圆选框工具创建一个圆形,创建一个新图层,在圆形选区中填充黑色,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

3、按下Ctrl+’打开网格,按下Ctrl+T进入自由变换状态,这时你会看来这个圆形的中心点,并且记在心里,按Enter。然后使用椭圆选框工具再创建一个圆形的选区,执行选择变换选区调整这个小的圆形选区的中心点与大圆的中心点重合,按下Enter。如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

4、按下Delete键清除选区的内容,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

5、下面我们要通过图层样式功能制作一个雷达的金属边框。选择图层图层样式分别添加投影、内阴影、斜面和浮雕、颜色叠加。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

效果如图所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

6、创建一个新图层命名为内圆1,在金属边框的里面填充黑色,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

7、按下Ctrl+J复制内圆1图层命名为内圆2,然后调整它的大小,让它略小于前一个黑色圆形,接着选择图层图层样式渐变叠加,设置颜色#7a5511到#180f00的渐变效果。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

8、载入内圆2选区,新建一个图层,然后使用颜色#7a5511的笔刷在圆的上方涂抹一些颜色,并设置不透明度为5%左右,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

9、在图层面板中新一个文件夹,在文件夹中新建一个图层,在圆的中心画一个十字线,设置高斯模糊效果,使用0.5像素的半径。设置图层的不透明度为70%,混合模式为颜色减淡,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

10、使用椭圆选框工具在雷达的中间再画一个小圆,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

11、设置这个小圆的填充为0,然后添加外发光、内阴影、和描边边3个图层样式,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

12、再制作一个较大的圆,设置混合模式为颜色减淡效果如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

13、新建一个图层混合模式为颜色减淡,使用画笔工具在雷达的线上画一些圆点,并使用减淡工具修整一下,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

14、为了丰富雷达的数据效果,可以现添加一些刻度,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

16、使用钢笔工具创建一个扇形,填充白色,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

16、设置混合模式为滤色,填充为0,然后添加一渐变叠加的图层样式,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

效果如图所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

17、由于前面我们没有制作雷达边框与仪表盘之间的圈子,现在我们开始制作。新建一个图层,载入内圆1的选区,然后填充绿色,再载入内圆2的选区,按Delete清除选区的内容,得到一个环形,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

18、为一个环形添加以下的图层样式。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

效果如图所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

19、新建一个图层,载入内圆2的选区填充白色,添加一个透明到白色的渐变叠加图层样式。然后选择椭圆选框工具,在属性栏中按下新选区按钮,选择圆形的下半部分,最后按Delete清除,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

20、清除雷达边框图层的眼睛,然后按下Ctrl+Shift+Alt+E盖印图层,然后再打开雷达边框图层的眼睛,选择盖印得到的图层,设置高斯模糊效果,然后设置图层不透明度为50%,混合模式为滤色,如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

最终效果如图所示。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

大家还可以通过添加色相/饱和度或使用新建调整图层制作不同颜色的雷达。

Photoshop绘制MAC风格的雷达图标,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569531.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop绘制立体风格红色钟表图标教程,钟表是生活中最常见的,不过要制作出来还是要花一定心思和时间的。下面的教程将介绍如何制作一个壁钟。作者制作得非常细致,基本上每一步都有详细的说明,喜欢的朋友可以尝试一下。 最终效果 1、新建文档:2304×1708PX,分辨率:300。调出标尺:Ctrl + R在标尺上点击鼠标右键...
标签: PS PS基础
先看看效果图 新建,注意做这类图,新建最好用像素做单位如图: 楼主要用到的全部工具都是路径形状工具: 通过形状填充来做图,是一种很明快的作图方法。 右边要随时用的按钮: 从头形状开始,先用形状画一个圆: 用左边的路径选择工具箭头 调整圆形的左右两个端点如图左边调整成右边,推荐用只键盘上下调整,保证...
标签: PS PS基础
最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择...
标签: PS PS基础
最终效果图: 图0 1、选择文件/新建菜单,打开新建或者Ctrl+N对话框名称为:制作Vista错误图标效果,宽度:为800像素, 高度:为600像素,分辨率为72 , 模式为RGB颜色的文档,如图1所示。 图1 2、在图层样板中新建一个图层,在工具栏中,选择椭圆选框工具,在工作区拖出一个椭圆形状,并填充为灰色,如图2所示。效果图如图3所示。 ...
标签: PS PS基础
先看效果图。 新建文档500x500像素,背景黑色,建新层,用昨天教程介绍的方法做一个圆环。 添加图层样式。 效果如下。 建新层,做如下正圆选区。 设置渐变颜色,做一径向渐变。 添加内阴影样式。 下面我们定义图案,新建文档2x3像素,背景白色。 建新层,做一矩形选区填充黑色,编辑定义图案命令,会弹出一...

经验教程

427

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部