Photoshop制作带有时钟的收音机

Photoshop制作带有时钟的收音机 (载入中…) 来源:站酷 作者:笔墨浆糊
制作构造相对复杂的实物,我们就要善于拆分物体,把每一个能看得的部件都拆分出来,然后认真研究它的构造,再按照自己掌握的方法去刻画即可。
原图
图片 1
<点小图查看大图>
1、乍一看是不是无从下手呢?没关系,我们先来看看收音机由哪几个主体构成,然后再逐个进一步分解绘制。
图片 2
2、机身绘制:
接下来我们就按照上面的图层分解进行绘制,现在我们先来看机身部分,机身由前中后三个部分构成。主要是用形状工具画出圆角矩形并添加渐变。
因为我们设定主光源在右边,所以我们添加的是左深右浅的渐变。
图片 3
因为后盖部分没有很强的反光,我们直接添加浅灰色到深灰的渐变。而下图的顶面部分,我们需要多做出一个图层,使其中的光影关系更加明确。
图片 4
图片 5

原图

原文出处:
psdvault   译文出处:[优设网

图片 6

  • @ChloeRowe林雅诺]()   

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

这个教程用了AI+PS,我们先在AI里绘制出主体图形,然后在PS里对图形进行处理,难度就在高光与阴影的绘制,适合有PS基础的童鞋进阶练手。

图片 7

教程素材下载:

2、机身绘制:

效果图:

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

图片 8

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

步骤1

图片 9

在AI里制作线框,使用矩形工具画一个长方形。

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

图片 10

图片 11

步骤2

图片 12

选择左上角,然后把它拖使用钢笔工具,将它转换为一个圆角。

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

图片 13

图片 14

步骤3

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

在左下角重复相同的过程哦。

图片 15

图片 16

3、按钮制作:

步骤4

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

在角落处添加一个锚点,然后我们改变其位置~位置如下图所示一样哦~

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

图片 17

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

步骤5

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

继续画线条形状,如下图所示~

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

图片 18

图片 19

步骤6

在AI里选择我们所有的形状,然后单击>变换>反射

图片 20

步骤7

选择对话框里的“复制”

图片 21

然后我们就可以在右边得到相同的图形啦!

图片 22

步骤8

用路径查找器里的“联集”将两个图形合并哟~

图片 23

然后适当的调整下锚点~

图片 24

步骤9

再重复下其他的形状,直到我们的形状更加完美~

图片 25

步骤10

画四个圆角矩形的形状,这就是我们收音机的四个支脚啦~

图片 26

步骤11

再来画下面的图形~可用圆角矩形工具画好后再进行适当的调整~

图片 27

步骤12

在形状的右边增加些小的矩形

图片 28

步骤13

左边也添加一些

图片 29

效果就是下面这样子的啦~=W=

图片 30

步骤14

再在中间画一个圆角矩形和两个细长的矩形~

图片 31

步骤15

在矩形中间添加一些文字,在上下添加数字,从0-10~

图片 32

步骤16

现在我们使用星型工具,添加如下图所示的参数~

图片 33

然后我们的齿轮就出来啦~

图片 34

步骤17

在齿轮里添加一些小的圆形~所有的图形就组成我们收音机的按钮了~

图片 35

步骤18

复制按钮,然后放置在左边~

图片 36

到目前为止我们收音机的大致形状快做出来了~

图片 37

步骤19

再在顶部画两个圆角矩形~

图片 38

步骤20

画一个细长的圆角矩形,然后ALT拖动复制一个,再Ctrl+D复制两个出来~

图片 39

步骤21

再在四个圆角矩形中间添加图形,也就是复制这四个圆角矩形,把它们拉长

图片 40

步骤22

再在按钮与收音机显示框之间添加一个小的圆角矩形~如下图所示酱紫哦~

图片 41

步骤23

将文本转化为轮廓。选择图中所示的文字然后右键选择创建轮廓~

图片 42

图片 43

步骤24

将图形输出到Photoshop,在AI里选择所有的路径,然后复制 Ctrl + C到剪贴板~

图片 44

步骤25

在Photoshop里处理线框图。打开photoshop,新建一个4400px*3300的图层,然后点击Ctrl

  • V粘贴到Photoshop的路径。 在对话框中选择形状图层,然后单击OK。

图片 45

步骤26

为了让我们接下来的工作更简单
,我们要将整体图形通过选择路径把它们拆分开来,先选择四个脚,然后Ctrl +
Shift + J将它们移动至新的图层。如图2所示。其他的也一样拆分出来~

图片 46

图片 47

步骤27

主体形状。现在我们来开始画主体的形状哦,设置颜色为 #14100f。

图片 48

步骤 28

添加渐变叠加,参数设置:正常,透明度8%,线性,角度90°。

图片 49

效果就是酱紫滴=W=

图片 50

步骤28

再将下面的形状的颜色设置为黑色哦~是#000000

图片 51

步骤29

再在更小的形状圆角矩形里添加浅一些的黑色#060606~

图片 52

步骤30

调出选区,然后添加新的图层,再描边~大概2px,白色的!

图片 53

步骤31

将刚刚描边的线条模糊下,滤镜>模糊>高斯模糊~6px

图片 54

步骤32

给线条添加蒙版,然后用将笔刷的硬度降低0%,用黑色笔刷擦拭~

图片 55

步骤33

然后和上面的步骤一样,添加更多更宽的线条或者将高斯模糊的数值调大些~

图片 56

步骤34

再用相同的方法添加第二个高光线条哦~

图片 57

步骤35

添加新的图层然后在收音机的右下角画更多的高光~用大且硬度低的笔刷画!再适当调整下透明度就可以啦~

图片 58

步骤 36

再在收音机下方添加高光~

图片 59

步骤37

继续在其他地方添加更多的高光~

图片 60

图片 61

步骤38

收音机的正面。给最后一个路径添加颜色#e7deb7~

图片 62

步骤39

打开图层样式,内阴影-正片叠底,透明度79%,角度30°,距离16px,大小27px

图片 63

内发光-正片叠底-透明度23%,边缘,大小84

图片 64

渐变叠加-柔光-透明度78%,线性,角度90°~

图片 65

最后的效果就是这样的~LOL

图片 66

步骤40

添加纹理

图片 67

步骤41

选择收音机的主体,调出选区,然后添加蒙版~或者可以设置为剪贴蒙版哦~

图片 68

步骤42

改变模式为变暗然后降低透明度为30%~

图片 69

步骤43

给收音机的支脚改变颜色#130f0e

图片 70

admin

网站地图xml地图