当前位置: 主页 > 平面设计 > PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

  • 2021-10-26
  • 来源/作者: 网络/ 网络
  • 5 次浏览

本教程的内容是制作一个伪黄人宝丽来,包括对光和影的理解,图层风格和遮罩的使用。我希望它能对你有所帮助。

先看看效果图:

PS鼠绘卡通机器人样式的小黄人相机图片

教程步骤—

小黄人拍立得可以分成4个部分:机身、裤子、手柄、镜头盖。

步骤 01 新建文档

大小800*600px,分辨率72

填充背景色,色值#3a91c6

命名为【背景】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 02 制作裸机身

新建一个矩形,宽高612*652,用直接选择路径工具调整整体的形状

填充颜色,色值#ffc73b

命名为【裸机身】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 03 制作手柄

新建一个矩形,宽高210*670px,用直接选择路径工具调整整体的形状

填充颜色,色值为#fdcf64

命名为【手柄】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 04 制作裤子

新建一个矩形,宽高706*250px,用直接选择路径工具调整底部的形状

填充颜色,色值为#007dd2

命名为【裤子】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 05

新建一个矩形,宽高238*256px,用直接选择路径工具调整整体的形状

填充颜色,色值为#0190e7

命名为【裤子 手柄部分】

将两个图层编组,命名【整条裤子】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 06

新建一个矩形,宽高706*88px,用直接选择路径工具调整底部的形状

填充颜色,色值为#2f2e34

命名为【皮带】

将以上两个图层编组,命名为【背带裤】

PS鼠绘卡通机器人样式的小黄人相机图片

 

步骤 07

新建一个488*488px的椭圆

填充颜色,色值为#31251b

命名为【镜头盖 轮廓】,置于【皮带】下方

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 08

新建一个480*480px的椭圆

填充颜色,色值为#2f292d

命名【镜头盖 底】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 09

新建一个448*448px的椭圆

填充颜色,色值为#000000

命名【镜头盖 阴影】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 10

新建一个464*464px的椭圆,再绘制一个360*360px的椭圆,用布尔运算减去顶层

填充颜色,色值为#f0ede2

命名为【眼睛 轮廓】

将以上三个图层Ctrl+G编组,命名为【眼睛 外部】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 11

运用布尔运算,绘制出眼皮、眼白和眼珠部分,分别命名为【眼皮】、【眼白】、【眼珠】,Ctrl+G编组,命名为【眼睛 内部】

将【眼睛 内部】与【眼睛 外部】编组,命名为【镜头盖】

眼皮,填充颜色,#fecb5e

PS鼠绘卡通机器人样式的小黄人相机图片

眼白,填充颜色,#edeee8

PS鼠绘卡通机器人样式的小黄人相机图片

眼珠,填充颜色,#312927

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 12 制作腿部

新建一个矩形,宽高154*54px

填充颜色,色值为#0075cc

命名为【腿左】

新建一个矩形,宽高172*60px,用直接选择路径工具调整形状

填充颜色,色值为#212227

命名为【鞋左】

Ctrl+G编组,命名为【左腿】

复制图层,命名为【右腿】,水平翻转图层

将这两个图层编组,命名为【腿部】

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 13

新建一个矩形,宽高36*158px,用直接选择路径工具调整形状

填充颜色,色值为#ffd266

命名为【手臂】

新建一个矩形,宽高88*102px,用直接选择路径工具调整形状

填充颜色,色值为#272a30

命名为【拳头】

Ctrl+G编组,命名为【左手】

复制图层,命名为【右手】,水平翻转图层

将这两个图层编组,命名为【手部】

基本的外观已经做好了,接下来要通过添加图层样式,来丰富细节。

PS鼠绘卡通机器人样式的小黄人相机图片

 

步骤 14

打开【手柄】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【裤子】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【裤子 手柄部分】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【皮带】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

打开【镜头盖 轮廓】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【镜头盖 底】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【眼睛 轮廓】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

打开【眼白】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【镜头盖】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【左手】下的【拳头】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

打开【右手】下的【手臂】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

打开【右手】下的【拳头】,添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

复制【右手】,命名为【右手 阴影】,并添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

基本的效果就做好了,接下来开始制作拍立得的零件部分。

步骤 15 制作开关

运用布尔运算,制作开关边,填充颜色,色值#282327

命名为【开关 边】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

运用布尔运算,制作开关底,填充颜色,色值#fec34f

命名为【开关 底】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

复制【开关 底】,调整大小,命名为【开关 按钮】,填充颜色,色值为#312927

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

将以上三个图层编组,命名为【开关】

步骤 16 制作按键

新建一个椭圆,大小为96*96px,填充颜色,色值#fece62,命名【按键底】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

新建一个椭圆,大小,取消填充,描边5,色值#4f5c5c,命名【按键环】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

将以上两个图层编组,命名为【按键】

 

步骤 17 制作取景器

新建一个矩形,宽高76*96px,填充颜色,色值#f6a51b,命名【取景框】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

新建一个矩形,宽高40*55px,填充颜色,色值#000000,命名【黑框】

PS鼠绘卡通机器人样式的小黄人相机图片

制作取景框的内凹面用钢笔工具绘制一个梯形,填充颜色,色值#ffd266,命名【右内凹】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

利用同样的方法绘制出下面和左面,分布命名为【下内凹】、【左内凹】

【下凹面】填充颜色,#fcc35b

【左凹面】填充颜色,#f6a51b

分别添加图层样式

【下凹面】

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

【左凹面】

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

将以上三个图层编组,命名为【凹面】

新建一个矩形,填充颜色,色值#ffffff,添加羽化

命名【光点】

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

将以上四个图层编组,命名为【取景器】

步骤 18 制作闪光灯

新建一个矩形,填充颜色,色值为#fbefc6,命名【灯 底座】

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

渐变叠加颜色从左至右分别为#ca881e~#fcea96

PS鼠绘卡通机器人样式的小黄人相机图片

 

渐变叠加数值为:

位置4、50、100,颜色#fde9ac

位置10、45、85,颜色#c2a251

位置14、40,颜色#facb6e

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

复制图层,强调阴影效果

新建一个矩形,命名【灯板】

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

将以上图层编组,命名【闪光灯 底】

运用形状工具制作灯管

PS鼠绘卡通机器人样式的小黄人相机图片

添加渐变

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

运用同上方法,制作灯管

PS鼠绘卡通机器人样式的小黄人相机图片

新建一个矩形,填充#f6a51b,命名【灯盖】

PS鼠绘卡通机器人样式的小黄人相机图片

调整图层不透明度和填充

PS鼠绘卡通机器人样式的小黄人相机图片

制作灯盖纹路

新建一个矩形,命名【纹路1】

PS鼠绘卡通机器人样式的小黄人相机图片

复制8个图层,依次向上移动位置

PS鼠绘卡通机器人样式的小黄人相机图片

调整不透明度,【纹路1】、【纹路6】、【纹路7】、【纹路8】不透明度为13%,【纹路2】、【纹路3】、【纹路4】、【纹路5】不透明度为8%,【纹路9】图层模式为滤色,不透明度为82%,填充为40%

PS鼠绘卡通机器人样式的小黄人相机图片

编组,命名【纹路】,拷贝图层,强调效果

PS鼠绘卡通机器人样式的小黄人相机图片

制作灯管连接部分

用钢笔工具绘制一个弧形

PS鼠绘卡通机器人样式的小黄人相机图片

复制图层,并水平翻转

PS鼠绘卡通机器人样式的小黄人相机图片

新建一个矩形,不透明度为50%

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

 

复制图层,移动位置

将以上图层编组,命名【灯管连接处】

步骤 19 制作标志部分

新建文字图层

运用布尔运算,制作特殊符号

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 20 制作指示灯

新建一个矩形,填充颜色,色值#fbc45b

命名【指示灯 底座】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

新建一个椭圆,命名【灯 下】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

新建一个椭圆,命名【灯泡 下】,添加羽化2px

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

将图层填充调整为0%,不透明度为80%

将以上两个图层编组,命名【指示灯 下】

复制图层,移动位置,命名为【指示灯 上】

PS鼠绘卡通机器人样式的小黄人相机图片

将以上图层编组,命名为【指示灯】

步骤 21 制作挂环

新建一个椭圆,运用布尔运算,再绘制一个矩形,得到如下形状

填充颜色,色值#fcc35b

命名【挂环 底】

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

接下来制作挂环的凹槽

运用形状工具绘制凹槽,填充颜色,色值#d58d25,并添加羽化0.8

命名【凹槽上】

复制图层,移动位置,命名【凹槽下】

图层编组,命名【凹槽】

PS鼠绘卡通机器人样式的小黄人相机图片

将以上图层编组,命名【挂环】

到这里拍立得的大致形态就都做出来了,接下去开始制作它的光影效果,这里的光影效果主要是运用蒙版和画笔工具来制作。

 

步骤 22 制作腿部细节

复制【鞋左】【鞋右】,调整大小,图层模式为叠加,不透明度20

分别命名【鞋左 亮面】【鞋右 亮面】,编组,命名【鞋 亮面】

PS鼠绘卡通机器人样式的小黄人相机图片

用钢笔工具在左腿前端绘制一个形状路径

建立图层蒙版,用白色柔边笔轻拍蒙版

添加羽化,不透明度为80%,填充为40%,命名【左腿 亮面】

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

方法同上,运用图层蒙版和画笔工具,制作腿部高光和阴影

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 23 制作机身侧面暗部的细节

用钢笔工具绘制一个形状路径,建立图层蒙版,画笔工具轻拍,羽化为3px

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

图层模式调整为正片叠底,不透明度为50%

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 24 制作【裸机身】的光影

创建剪贴蒙版,制作机身顶部亮面与暗面,图层模式改为柔光,填充为85%

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 25 制作【整条裤子】的暗面和亮部

暗部

建立蒙版,用画笔工具压暗边缘和底部,调整图层模式为正片叠底,适当调整不透明度(如果效果不够可以复制几层,调整图层模式和不透明度,加强效果)

PS鼠绘卡通机器人样式的小黄人相机图片

亮面

建立蒙版,用白色画笔绘制亮面,调整图层模式为滤色,不透明度为20%

PS鼠绘卡通机器人样式的小黄人相机图片

添加图层样式

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 26 制作【皮带】亮面与暗面

建立蒙版,用画笔工具压暗底部,调整图层模式为正片叠底,不透明度20%

PS鼠绘卡通机器人样式的小黄人相机图片

方法同上,图层模式正常,不透明度为70%,填充为30%

PS鼠绘卡通机器人样式的小黄人相机图片

制作皮带与镜头盖连接处的凹陷效果,用钢笔工具绘制一个形状路径,建立蒙版,用画笔工具轻拍,调整图层模式为正片叠底,不透明度为40%,填充为80%

PS鼠绘卡通机器人样式的小黄人相机图片

 

步骤 27 制作【手柄】的光影效果

阴影部分,建立蒙版,黑色画笔压暗,调整图层模式为正片叠底,不透明度为23%

PS鼠绘卡通机器人样式的小黄人相机图片

高光部分,创建剪贴蒙版,调整图层模式为柔光,不透明度为67%

PS鼠绘卡通机器人样式的小黄人相机图片

用画笔打光,制作手柄顶部光源,调整图层模式为柔光,不透明度为20%

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 28 制作【挂环】的阴影

给【挂环】添加色相饱和度,并创建剪贴蒙版

到这里机身的光影效果已经做出来了,接下来给拍立得添加质感。

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 29

复制【左手】【右手】,转换为智能对象,添加智能滤镜

添加杂色和高斯模糊,注意滤镜顺序

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

 

复制【背带裤】图层,转换为智能对象,添加智能滤镜

添加杂色,调整图层模式和不透明度

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

复制【开关】,转换为智能对象,添加滤镜

添加杂色和高斯模糊

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

复制【镜头盖】,转换为智能对象,添加滤镜

添加杂色和高斯模糊

到这里拍立得的质感就都做出来了,接下来要制作外部的光源。

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

步骤 30

添加曲线图层

PS鼠绘卡通机器人样式的小黄人相机图片

建立蒙版,用画笔工具压暗四周边缘,调整图层模式为正片叠底,不透明度为37%

PS鼠绘卡通机器人样式的小黄人相机图片

 

用画笔工具轻拍背景,Ctrl+T压缩阴影,调整图层模式为柔光,不透明度为30%

转换为智能对象,添加智能滤镜

PS鼠绘卡通机器人样式的小黄人相机图片

PS鼠绘卡通机器人样式的小黄人相机图片

用白色柔边笔在图层左上角轻拍,制作光源,调整图层模式为柔光,不透明度为68%

PS鼠绘卡通机器人样式的小黄人相机图片

用白色柔边笔在图层正中心位置轻拍,制作背景光,调整图层模式为柔光

PS鼠绘卡通机器人样式的小黄人相机图片

制作拍立得阴影

用黑色柔边笔轻拍,变形压缩,调整图层模式为正片叠底,不透明度为75%

PS鼠绘卡通机器人样式的小黄人相机图片

那么整个小黄人拍立得就完成啦!

最终效果—

PS鼠绘卡通机器人样式的小黄人相机图片