如果您喜欢『ps学习网』,请推荐给您身边的朋友!本站永久域名:benpi.cc
当前位置 : ps学习网 > 实例教程 > 正文

制作小巧方形时钟收音机图片的ps教程

来源:站酷作者:笔墨浆糊时间:2014-10-21 10:57:34点击:

制作构造相对复杂的实物,我们就要善于拆分物体,把每一个能看得的部件都拆分出来,然后认真研究它的构造,再按照自己掌握的方法去刻画即可。原图

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

二、机身绘制: 接下来我们就按照上面的图层分解进行绘制,现在我们先来看机身部分,机身由前中后三个部分构成。主要是用形状工具画出圆角矩形并添加渐变。 因为我们设定主光源在右边,所以我们添加的是左深右浅的渐变。

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

1图层直接添加渐变,2图层在渐变后,用cc版本的同学可以直接对矢量图层设定羽化值,较低版本的同学可以用高斯模糊。

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

三、按钮制作: a、用椭圆工具绘制出大按钮的上表面,添加轻微渐变。 b、用钢笔工具勾出测表面轮廓,并用渐变工具做出平滑反光。 c、用椭圆工具画出凹槽以及用钢笔工具勾出中间连接部分。 d、按照第a,b步骤绘制出小按钮。 e、在边缘处用钢笔工具勾出高光。另外绘制上投影。

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

这样就得到一个可编辑的未栅格化的环形,我们可对其进行修改颜色、羽化、以及位置变换,大大有利于后期修改调整有木有,需要注意的是进行组合的形状组件必须合并到同一个图层,进行相减时也与ai不同,中需要选中最顶上的形状组件就可以了。

制作小巧方形时钟收音机图片的ps教程

 

将画好的旋钮上部与底部组合,旋钮的主体就出来了,在上部与底部中间,需要加上竖状槽纹。竖状槽纹的绘制,也是本篇教程的一个重点,需要用到再次变换命令。

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

五、天线制作: 天线部分主要用到了渐变工具。

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程 

制作小巧方形时钟收音机图片的ps教程

 

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

制作小巧方形时钟收音机图片的ps教程

本站公告
  ps学习网是一个专业的学习交流photoshop的网站,本站致力于向广大ps爱好者提供一个学习与交流的平台,想要学习提高自己的ps水平,马上从这里开始吧…
  photoshop 8.0免费下载地址
  photoshop cs2免费下载地址
  photoshop cs3免费下载地址
  photoshop基础入门视频教程
  photoshop cs5软件视频教程