页面载入中...

PS绘制粉色的照相机教程

xingphotoshop, 2019-01-180

 来源: 优优教程网   作者: 网瘾少女荡

买不起相机就用PS自己做一个吧,如此少女的樱花粉谁不想拥有,通过制作拟物相机加深对物体光影、材质的理解,图层样式以及蒙版的运用,这里我们绘制的是相机正面,光线从上直射相机,要注意光影的关系。

实物产品图—

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

教程步骤—

步骤 01

新建文档,大小 800*600px ,分辨率72,使用渐变工具填充画布,渐变数值为

# fff0f0 ~# c3abb9,命名为【背景】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 02

新建矩形,大小为440*207,下方两个圆角调为12px,命名图层为【机身】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 03

新建矩形,大小为440*63,再用钢笔勾出需要减去的形状,选中两个图形并减去顶层,命名为【上部】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 04

新建矩形,大小为440*15,下方两个圆角调为12px,注意下边与机身下边重合,命名为【下部】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 05

为【机身】添加图层样式:内阴影、渐变叠加

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 06

为【上部】添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 07

为【下部】添加图层样式:渐变叠加、投影、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 08

接下来制作把手。

新建矩形,大小为46*150,四个圆角调为8、12、8、16px,命名为【把手1】

添加图层样式:渐变叠加、内阴影、投影。因为机身是红色,所以投影与内阴影都带有红色倾向。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 09

新建矩形,大小为36*140,四个圆角调为8、12、8、16px,命名为【把手2】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

添加图层样式:渐变叠加、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 10

新建矩形,大小为29*132,四个圆角调为6、10、6、10px,命名为【把手3】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

添加图层样式:渐变叠加、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 11

新建矩形,大小为24*128,四个圆角调为4、8、4、8px,命名为【把手4】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

添加图层样式:颜色叠加、描边。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

【把手1、2、3、4】建组,命名为【把手】

步骤 12

接下来制作镜头。可以通过颜色的逐渐加深和添加内阴影表现镜头的延伸感,同时要注意光影方向的一致。

首先是镜头外部。

新建椭圆,大小为236*236,命名为【外镜头1】添加图层样式:渐变叠加、斜面和浮雕、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 13

新建矩形,大小为6*114,用自由变化工具将中心点移至下边中点,旋转4°后,Ctrl+Shift+Alt+T重复上一步形成一周,再绘制一直径为220px的圆中心对齐,合并图层,命名为【外镜头2】

添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 14

新建椭圆,大小为184*184,命名为【外镜头3】

添加图层样式:渐变叠加、描边、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 15

新建椭圆,大小为160*160,命名为【外镜头4】

添加图层样式:渐变叠加、投影、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

将外镜头1、2、3、4建组命名为外镜头。

步骤 16

接下来是镜头内部。

新建椭圆,大小为144*144,命名为【内镜头1】,添加图层样式:渐变颜色叠加、内阴影、描边。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 17

新建椭圆,大小为112*112,命名为【内镜头2】,添加图层样式:颜色叠加。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 18

关闭填充,描边为1px,新建椭圆,直径分别为108、104、100、96px(注意居中对齐),合并四个图层,命名为【纹路】,添加图层样式:渐变叠加。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 19

新建椭圆,大小为90*90,命名为【内镜头3】,添加图层样式:颜色叠加、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 20

新建椭圆,大小为80*80,命名为【内镜头4】,添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 21

新建椭圆,大小为72*72,命名为【内镜头5】,添加图层样式:颜色叠加,#010101

步骤 22

新建椭圆,大小为68*68,命名为【内镜头6】,添加图层样式:渐变叠加,内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 23

新建椭圆,大小为56*56,命名为【内镜头7】,添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 24

新建椭圆,大小为42*42,命名为【内镜头8】,添加图层样式:渐变叠加。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

将【内镜头1-8】、【纹理】建组,起名为【内镜头】。

步骤 25

下一步绘制镜头的玻璃。

新建椭圆,大小为66*66,命名为【镜头玻璃1】,添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 26

新建椭圆,大小为52*52,命名为【镜头玻璃2】,添加图层样式:渐变叠加。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 27

新建椭圆,大小为44*44,命名为【镜头玻璃3】,添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 28

新建椭圆大小为38*38,命名为【镜头玻璃4】,添加图层样式:渐变叠加、描边。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 29

新建椭圆,大小为26*26,命名为【镜头玻璃5】,添加图层样式:颜色叠加、内阴影、描边。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

【镜头玻璃1-5】建组,命名【镜头玻璃】。

步骤 30

接下来是镜头上的高光。

分别新建直径为10px,颜色为99d5d3、直径为15px,颜色为84789c的圆,命名为【高光蓝】、【高光紫】。将两个图层 都转化为智能对象,添加高斯模糊,半径分别为2.4px、2.7px。以【镜头玻璃5】为选区添加蒙版。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 31

新建两个直径为6px,颜色为ffffff的圆,命名为【光点1】、【光点2】。同样将两个图层转化为智能对象,添加高斯模糊,半径为1.5px,不透明度调整为70%。以【镜头玻璃5】为选区添加蒙版。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 32

新建26*26的圆形,命名为【镜头阴影】,添加渐变叠加。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

将以上五个图层建组命名为【高光】,将所有镜头相关建组命名为【镜头】

步骤 33

新建矩形,命名为【镜头按钮1】,添加图层样式:渐变叠加、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 34

新建矩形,命名为【镜头按钮2】,添加图层样式:渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 35

新建矩形,命名为【镜头按钮3】,添加图层样式:颜色叠加、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 36

新建矩形,命名为【镜头按钮4】,添加图层样式:颜色叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 37

拖入一张黑白格子素材,调整位置和大小,不透明度30%,模式“正片叠底”。

以【镜头按钮4】为选区添加蒙版。添加图层样式投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 38

新建矩形,命名为【镜头按钮5】,添加图层样式:内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

将以上五个图层建组命名【镜头按钮】

步骤 39

接下来添加镜头上的文字,利用文字工具输入G VARIO 1:3.5-5.6/12-32 ASPH. Φ37 MEGA O.I.S与LUMIX,两个图层都添加如下内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 40

然后制作相机logo,搜索logo图片并抠图,添加颜色叠加与外发光

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 41

新建直径为15px的圆形,命名为【指示灯】,添加颜色叠加、内阴影、投影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 42

新建直径为15px的圆形,命名为【反光】,添加渐变叠加,图层不透明度35%。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 43

用钢笔画出适当形状的高光颜色为ffffff,为其中一个添加0.3px羽化,分别命名为【高光1、2】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

将四个图层建组命名为【指示灯】。

步骤 44

接下来是快门,可以拆解为底、主体、环1、环2四部分。

【底】,渐变叠加,内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

【主体】:利用钢笔或布尔运算。渐变叠加,内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

【环1】:矩形50*2,渐变叠加,内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

【环2】:矩形30*3,渐变叠加,内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

建组,命名为【快门】

步骤 45

接下来是调焦环,同样分为两部分。

【底】60*2,颜色叠加,内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

【帽】64*14,渐变叠加,内阴影

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

建组,命名为【调焦环】

步骤 46

新建矩形,用直接选择工具调节锚点为梯形,放于【机身】之下,命名为【按钮】,添加渐变叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 47

下面添加机身上的细节。

新建440*1的矩形,颜色叠加574541,命名为【凹槽长】

新建424*1的矩形,颜色叠加574541,添加投影。添加蒙版用柔边画笔擦除矩形两侧,命名为【凹槽短】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 48

在相机下部左右分别新建两个13*5的矩形,添加羽化3.1px,不透明度75%,命名为【下部高光】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 49

下面添加材质,在【机身】和【把手4】图层上方拖入皮革并分别以【机身】和【把手4】为选区添加蒙版,图层模式正片叠底。

可以通过调节色相/饱和度、锐化以及曲线使材质更自然。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 50

分别复制【上部】、【下部】图层,转化为智能对象后分别添加杂色,命名为【上部质感】、【下部质感】。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 51

接下来绘制两边的挂扣。

新建圆角矩形,利用布尔运算减去顶层,得到如下图形,命名为【挂扣】:

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

添加颜色叠加、内阴影。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 52

新建5*40圆角为2的圆角矩形,添加内阴影、渐变叠加,命名为【环1】。

复制【环1】得到【环2】。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 53

在【环1、2】下方新建圆角矩形,添加羽化,不透明度50%,以挂扣为选区添加蒙版,命名为【挂扣-阴影】。

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 54

新建圆角矩形,添加颜色叠加、内阴影,命名为【扣】。

建组命名为【挂扣-左】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 55

复制【挂扣-左】,进行对称并移动,命名为【挂扣-右】,清除图层样式,删除【挂扣-阴影】图层,重新添加图层样式。

挂扣:

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

环1、2:

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

扣:

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 56

在【机身】组上方新建40*6椭圆,以【机身】为选区添加蒙版,转化为智能对象添加高斯模糊,不透明度75%,命名为【阴影-左】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 57

新建两个6*6,圆角为2,颜色312a27,命名为【支撑左】【支撑右】

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

步骤 58

最后新建4*418的矩形,颜色为312a27,调节锚点变成梯形,添加羽化,半径1.6px

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

最终效果图—

到这里我们的教程就结束啦,希望大家有所收获,有不足之处也欢迎大家提出,可以共同学习~

最后再看一遍效果图~

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

修改前后对比图—

Lumix相机:PS绘制粉色的照相机教程,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信