PS教程!怎样从零开始制作粉色lumix拟物相机?

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询
  • 水平 : 普通
  • 观众 : 6305
  • 时间 : 2018-12-09

教程

教程作者:网瘾少女荡(软件营33期学员)

交作业:#优设每日作业#

关于教程

买不起相机就用PS自己做一个吧!如此少女的樱花粉谁不想拥有~

通过制作拟物相机加深对物体光影、材质的理解,图层样式以及蒙版的运用,这里我们绘制的是相机正面,光线从上直射相机,要注意光影的关系。

 

实物产品图

 

教程步骤

  • 步骤 01

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

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

 

  • 步骤 02

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

 

  • 步骤 03

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

 

  • 步骤 04

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

 

  • 步骤 05

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

 

 

  • 步骤 06

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

 

  • 步骤 07

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

 

  • 步骤 08

接下来制作把手。

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

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

 

  • 步骤 09

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

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

 

  • 步骤 10

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

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

 

  • 步骤 11

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

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

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

 

  • 步骤 12

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

首先是镜头外部。

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

 

  • 步骤 13

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

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

 

  • 步骤 14

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

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

 

  • 步骤 15

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

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

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

 

  • 步骤 16

接下来是镜头内部。

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

 

  • 步骤 17

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

 

  • 步骤 18

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

 

  • 步骤 19

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

 

  • 步骤 20

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

 

  • 步骤 21

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

 

  • 步骤 22

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

 

  • 步骤 23

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

 

  • 步骤 24

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

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

 

  • 步骤 25

下一步绘制镜头的玻璃。

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

 

  • 步骤 26

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

 

  • 步骤 27

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

 

  • 步骤 28

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

 

  • 步骤 29

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

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

 

  • 步骤 30

接下来是镜头上的高光。

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

 

  • 步骤 31

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

 

  • 步骤 32

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

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

 

  • 步骤 33

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

 

  • 步骤 34

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

 

  • 步骤 35

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

 

  • 步骤 36

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

 

  • 步骤 37

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

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

 

  • 步骤 38

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

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

 

  • 步骤 39

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

 

  • 步骤 40

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

 

  • 步骤 41

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

 

  • 步骤 42

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

 

  • 步骤 43

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

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

 

 

  • 步骤 44

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

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

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

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

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

建组,命名为【快门】

 

  • 步骤 45

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

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

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

建组,命名为【调焦环】

 

  • 步骤 46

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

 

  • 步骤 47

下面添加机身上的细节。

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

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

 

  • 步骤 48

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

 

  • 步骤 49

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

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

 

  • 步骤 50

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

 

  • 步骤 51

接下来绘制两边的挂扣。

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

添加颜色叠加、内阴影。

 

  • 步骤 52

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

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

 

  • 步骤 53

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

 

  • 步骤 54

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

建组命名为【挂扣-左】

 

  • 步骤 55

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

挂扣:

环1、2:

扣:

 

  • 步骤 56

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

 

  • 步骤 57

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

 

  • 步骤 58

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

 

最终效果图

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

最后再看一遍效果图~

 

修改前后对比图

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

 

相关推荐

→ PS教程!教你制作拟物柯达Brownie Hawkeye老式方箱相机

→ PS教程!超详细步骤教你绘制光影质感摄像机icon


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/photoshop/1212115805.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

拟物拟物icon拟物写实相机
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新