Photoshop鼠绘立体效果的收音机图标

2016-02-15 23:32 31 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop鼠绘立体效果的收音机图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

原图

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

1、乍一看是不是无从下手呢?没关系,我们先来看看收音机由哪几个主体构成,然后再逐个进一步分解绘制。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

2、机身绘制:

接下来我们就按照上面的图层分解进行绘制,现在我们先来看机身部分,机身由前中后三个部分构成。主要是用形状工具画出圆角矩形并添加渐变。

因为我们设定主光源在右边,所以我们添加的是左深右浅的渐变。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

因为后盖部分没有很强的反光,我们直接添加浅灰色到深灰的渐变。而下图的顶面部分,我们需要多做出一个图层,使其中的光影关系更加明确。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

同样,我们用这个方法可以做出前面部分的厚度感。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

将花好的三个部分组合,机身就完成了。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

3、按钮制作:

a、用椭圆工具绘制出大按钮的上表面,添加轻微渐变。

b、用钢笔工具勾出测表面轮廓,并用渐变工具做出平滑反光。

c、用椭圆工具画出凹槽以及用钢笔工具勾出中间连接部分。

d、按照第a,b步骤绘制出小按钮。

e、在边缘处用钢笔工具勾出高光。另外绘制上投影。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

我们来学习一下投影的绘制:

其实投影的绘制说难不难,其基本组成部分永远是一深一浅、一虚一实,因为很多时候我们看到的物体都是多光源的,所以也就会造成两重甚至多重阴影。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

以此按钮中的投影为例,有一虚一实两层。虚影和实影绘制方法大同小异,可以先勾画出大致轮廓,然后进行高斯模糊再动感模糊,虚和实的差别就在于模糊参数的大小以及透明度。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

4、旋钮制作:

旋钮部分有两个重点,一个是形状工具的组合运用,第二是再次变换命令的运用。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

我们通过绘制环形来学习一下形状工具的组合应用。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

现在我们来学习再次变换命令的操作步骤。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

完成槽纹后,再加上阴影和投影。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

5、天线制作:

天线部分主要用到了渐变工具。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

我们用径向渐变样式做出支架部分。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

渐变角度和倾斜角度很难达到协调,直接将天线部分转成智能对象,才解决了渐变样式打乱的问题。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

6、时钟表盘及频道表盘制作:

表盘部分难度不高,但是刻度部分比较繁琐,因为每一个不同粗细不同长度的刻度就要用再次变换命令绘制一次 。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

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

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

7、喇叭部分制作:

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

喇叭部分最简单,主要是画好轮廓形状后,添加内阴影,外发光等图层样式即可。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

最后添加背景及环境光,再增加投影和倒影,完成最终效果。

Photoshop鼠绘立体效果的收音机图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1565311.html

延伸阅读
Photoshop鼠绘超酷的立体铅笔图标   本教程介绍较为专业的图标创作及制作方法。大致分为两个大的部分:前期线稿和后期的制作。尤其是前期的线稿制作非常重要,需要用简单的线条把实物勾画出来,需要自己不断的修改,直到画出自己满意的效果。 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍...
制作构造相对复杂的实物,我们就要善于拆分物体,把每一个能看得的部件都拆分出来,然后认真研究它的构造,再按照自己掌握的方法去刻画即可。 原图 1、乍一看是不是无从下手呢?没关系,我们先来看看收音机由哪几个主体构成,然后再逐个进一步分解绘制。 2、机身绘制: 接下来我们就按照上面的图层分解进行绘制,现在我们先...
心灵收音机怎么用?   心灵收音机怎么用: 1. 首次进入心灵收音机,点击禁用 2. 菜单键-设置 3. 区域-中国 4. 音频-模式-HTC 5. 重新启动系统 6. 插上耳机即可使用 7、关闭方法:右下角电源图标
标签: PS PS基础
本教程主要使用Photoshop鼠绘质感的立体APP图标教程,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和大家起分享学习了,下面就让我我们一起来学习吧。 先来看看最终的效果图吧: 效果, 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了一个图层合成...

经验教程

155

收藏

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