Photoshop绘制蓝色立体效果的软件图标

2016-02-16 00:57 17 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop绘制蓝色立体效果的软件图标的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

最终效果

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

1、首先,新建一个512×512的画布,设置如下。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

3、紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫outside。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

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

4、设置此图层的图层样式,如下图。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

5、用圆形形状工具创建一个452×452的圆,起名为middle,与outside圆水平垂直居中对齐,也就是说,这个圆比外圈的圆半径小了20像素。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

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

6、设置middle的图层样式如下。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

7、画一个442×442的圆,还是和其他两个圆水平垂直居中对齐,这样就有了3个同心圆。我们命名此图层为inner,设置图层样式项渐变叠加如下。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

8、接下来,开始画里面的造型部分了。首先还是得画一个圆,422×422,命名为ball-outside,和其他3个圆水平垂直对齐,形成4个同心圆。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

9、接下来,就要开始音符的造型了,音符由5个部分组成,两个倾斜的椭圆,两个竖着的矩形,和一个斜切的矩形,我们用钢笔形状工具来画,最终将5个矩形合并,就形成了音符的造型,步骤如下。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

10、画好分别的5个部分,将所有路径剪切到同一个图层后,合并所有路径即可。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

11、给音符增加图层样式,如下图。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

12、最后,将音符和圆合并,图标基本完成,效果如下图。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

13、增加质感。首先,新建一个图层,命名为noise,用黑色填充,接着在顶部菜单栏依次选择滤镜-杂色-添加杂色,设置如下。完成后,将这个图层 移动到outside图层上面,按ctrl+alt+G,将此图层和outside层做遮罩。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

14、将noise图层的图层模式改为滤色,这样,外圈的质感就完成了。

15、将noise图层复制一层,移动到音符图层的上面,按ctrl+alt+G,将此图层和音符层做遮罩。同样将noise图层的图层模式改为滤色,这样,音符的质感也就完成了,结果如下图。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

16、最后还有蓝色球面的高光效果。先添加顶部的高光。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

17、再添加底部的反光。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

18、将此图层透明度改为50%,图层模式改为柔光,最后结果如下。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

最后再润色一下,大功告成。

Photoshop绘制蓝色立体效果的软件图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1566112.html

延伸阅读
标签: PS PS基础
最终效果   1、雏形: 这里我们使用到矢量工具中的椭圆工具来制作它的雏形。我们都知道蜡烛的形状是一个椭圆形,那么我们先画一个矩形。 2、是的,矩形的样子可以根据你自己的喜好,你印象中的蜡烛样子绘画出来,不要死板。 3、我们在矩形的下面来画一点透视线,首先我在矩形中间垂直做了中线,然后在中线上选出一个橙色点,...
标签: PS PS基础
首先给大家看看整体效果,1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了一个图层合成的,下面有图层截图,做出有一些擦拭过的感觉就可以了 3.这一步用钢笔工具画出来一个平台,我的大体思路就是先勾出大体形状,整个平台分三部分,上面.下面.中间高光。对上下两个部分添加木纹...
标签: PS PS基础
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了...
标签: CorelDRAW
本教程主要使用CorelDRAW绘制炫彩立体效果的软件图标,教程是贴吧朋友的求助贴。做了一下,顺便加些文字充充数tulaoShi.com吧。大家凑合着看吧,有不清楚的地方在后面跟贴吧。 先上效果: 再上步骤:
标签: PS PS基础
  本教程主要使用Photoshop绘制立体效果的火箭图标教程,绘制的效果还是不错的,喜欢的朋友一起来学习吧。附件赠送长阴影动作。 附送动作: 长投影PS动作.rar

经验教程

385

收藏

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