您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

小黄人图标_PS制作小黄人拍立得拟物图标

时间:01-15来源:作者:点击数:

效果图

PS制作小黄人拍立得拟物图标

步骤 01 新建文档

大小800*600px,分辨率72。

填充背景色,色值#3a91c6。

命名为【背景】。

PS制作小黄人拍立得拟物图标(1)

步骤 02制作裸机身

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

填充颜色,色值#ffc73b。

命名为【裸机身】。

PS制作小黄人拍立得拟物图标(2)

步骤 03 制作手柄

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

填充颜色,色值为#fdcf64。

命名为【手柄】。

PS制作小黄人拍立得拟物图标(3)

步骤 04 制作裤子

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

填充颜色,色值为#007dd2。

命名为【裤子】。

PS制作小黄人拍立得拟物图标(4)

步骤 05

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

填充颜色,色值为#0190e7。

命名为【裤子 手柄部分】。

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

PS制作小黄人拍立得拟物图标(5)

步骤 06

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

填充颜色,色值为#2f2e34。

命名为【皮带】。

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

PS制作小黄人拍立得拟物图标(6)

步骤 07

新建一个488*488px的椭圆。

填充颜色,色值为#31251b。

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

PS制作小黄人拍立得拟物图标(7)

步骤 08

新建一个480*480px的椭圆。

填充颜色,色值为#2f292d。

命名【镜头盖 底】。

PS制作小黄人拍立得拟物图标(8)

步骤 09

新建一个448*448px的椭圆。

填充颜色,色值为#000000。

命名【镜头盖 阴影】。

PS制作小黄人拍立得拟物图标(9)

步骤 10

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

填充颜色,色值为#f0ede2。

命名为【眼睛 轮廓】。

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

PS制作小黄人拍立得拟物图标(10)

步骤11

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

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

眼皮,填充颜色,#fecb5e。

PS制作小黄人拍立得拟物图标(11)

眼白,填充颜色,#edeee8。

PS制作小黄人拍立得拟物图标(12)

眼珠,填充颜色,#312927。

PS制作小黄人拍立得拟物图标(13)

步骤12 制作腿部

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

填充颜色,色值为#0075cc。

命名为【腿左】。

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

填充颜色,色值为#212227。

命名为【鞋左】。

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

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

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

PS制作小黄人拍立得拟物图标(14)

步骤13

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

填充颜色,色值为#ffd266。

命名为【手臂】。

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

填充颜色,色值为#272a30。

命名为【拳头】。

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

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

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

PS制作小黄人拍立得拟物图标(15)

步骤14

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

PS制作小黄人拍立得拟物图标(16)
PS制作小黄人拍立得拟物图标(17)
PS制作小黄人拍立得拟物图标(18)
PS制作小黄人拍立得拟物图标(19)

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

PS制作小黄人拍立得拟物图标(20)
PS制作小黄人拍立得拟物图标(21)
PS制作小黄人拍立得拟物图标(22)

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

PS制作小黄人拍立得拟物图标(23)
PS制作小黄人拍立得拟物图标(24)

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

PS制作小黄人拍立得拟物图标(25)
PS制作小黄人拍立得拟物图标(26)

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

PS制作小黄人拍立得拟物图标(27)
PS制作小黄人拍立得拟物图标(28)
PS制作小黄人拍立得拟物图标(29)
PS制作小黄人拍立得拟物图标(30)

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

PS制作小黄人拍立得拟物图标(31)
PS制作小黄人拍立得拟物图标(32)
PS制作小黄人拍立得拟物图标(33)
PS制作小黄人拍立得拟物图标(34)
PS制作小黄人拍立得拟物图标(35)

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

PS制作小黄人拍立得拟物图标(36)
PS制作小黄人拍立得拟物图标(37)
PS制作小黄人拍立得拟物图标(38)
PS制作小黄人拍立得拟物图标(39)
PS制作小黄人拍立得拟物图标(40)

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

PS制作小黄人拍立得拟物图标(41)
PS制作小黄人拍立得拟物图标(42)

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

PS制作小黄人拍立得拟物图标(43)
PS制作小黄人拍立得拟物图标(44)

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

PS制作小黄人拍立得拟物图标(45)
PS制作小黄人拍立得拟物图标(46)
PS制作小黄人拍立得拟物图标(47)

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

PS制作小黄人拍立得拟物图标(48)
PS制作小黄人拍立得拟物图标(49)
PS制作小黄人拍立得拟物图标(50)

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

PS制作小黄人拍立得拟物图标(51)
PS制作小黄人拍立得拟物图标(52)
PS制作小黄人拍立得拟物图标(53)
PS制作小黄人拍立得拟物图标(54)

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

PS制作小黄人拍立得拟物图标(55)
PS制作小黄人拍立得拟物图标(56)

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

步骤15 制作开关

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

命名为【开关 边】。

PS制作小黄人拍立得拟物图标(57)

添加图层样式。

PS制作小黄人拍立得拟物图标(58)
PS制作小黄人拍立得拟物图标(59)

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

命名为【开关 底】。

PS制作小黄人拍立得拟物图标(60)

添加图层样式。

PS制作小黄人拍立得拟物图标(61)
PS制作小黄人拍立得拟物图标(62)

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

PS制作小黄人拍立得拟物图标(63)

添加图层样式。

PS制作小黄人拍立得拟物图标(64)
PS制作小黄人拍立得拟物图标(65)
PS制作小黄人拍立得拟物图标(66)

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

步骤16 制作按键

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

PS制作小黄人拍立得拟物图标(67)

添加图层样式。

PS制作小黄人拍立得拟物图标(68)
PS制作小黄人拍立得拟物图标(69)

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

PS制作小黄人拍立得拟物图标(70)

添加图层样式。

PS制作小黄人拍立得拟物图标(71)
PS制作小黄人拍立得拟物图标(72)
PS制作小黄人拍立得拟物图标(73)
PS制作小黄人拍立得拟物图标(74)
PS制作小黄人拍立得拟物图标(75)
PS制作小黄人拍立得拟物图标(76)

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

步骤17 制作取景器

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

PS制作小黄人拍立得拟物图标(77)

添加图层样式。

PS制作小黄人拍立得拟物图标(78)
PS制作小黄人拍立得拟物图标(79)

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

PS制作小黄人拍立得拟物图标(80)

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

PS制作小黄人拍立得拟物图标(81)

添加图层样式。

PS制作小黄人拍立得拟物图标(82)
PS制作小黄人拍立得拟物图标(83)

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

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

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

分别添加图层样式。

【下凹面】。

PS制作小黄人拍立得拟物图标(84)
PS制作小黄人拍立得拟物图标(85)

【左凹面】。

PS制作小黄人拍立得拟物图标(86)
PS制作小黄人拍立得拟物图标(87)

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

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

命名【光点】。

PS制作小黄人拍立得拟物图标(88)
PS制作小黄人拍立得拟物图标(89)
PS制作小黄人拍立得拟物图标(90)

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

步骤18 制作闪光灯

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

PS制作小黄人拍立得拟物图标(91)
PS制作小黄人拍立得拟物图标(92)

添加图层样式。

PS制作小黄人拍立得拟物图标(93)
PS制作小黄人拍立得拟物图标(94)

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

PS制作小黄人拍立得拟物图标(95)

渐变叠加数值为:

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

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

位置14、40,颜色#facb6e。

PS制作小黄人拍立得拟物图标(96)
PS制作小黄人拍立得拟物图标(97)
PS制作小黄人拍立得拟物图标(98)
PS制作小黄人拍立得拟物图标(99)

复制图层,强调阴影效果。

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

PS制作小黄人拍立得拟物图标(100)
PS制作小黄人拍立得拟物图标(101)

添加图层样式。

PS制作小黄人拍立得拟物图标(102)
PS制作小黄人拍立得拟物图标(103)

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

运用形状工具制作灯管。

PS制作小黄人拍立得拟物图标(104)

添加渐变。

PS制作小黄人拍立得拟物图标(105)
PS制作小黄人拍立得拟物图标(106)

运用同上方法,制作灯管。

PS制作小黄人拍立得拟物图标(107)

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

PS制作小黄人拍立得拟物图标(108)

调整图层不透明度和填充。

PS制作小黄人拍立得拟物图标(109)

制作灯盖纹路

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

PS制作小黄人拍立得拟物图标(110)

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

PS制作小黄人拍立得拟物图标(111)

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

PS制作小黄人拍立得拟物图标(112)

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

PS制作小黄人拍立得拟物图标(113)

制作灯管连接部分

用钢笔工具绘制一个弧形。

PS制作小黄人拍立得拟物图标(114)

复制图层,并水平翻转。

PS制作小黄人拍立得拟物图标(115)

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

PS制作小黄人拍立得拟物图标(116)

添加图层样式。

PS制作小黄人拍立得拟物图标(117)

复制图层,移动位置。

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

步骤19 制作标志部分

新建文字图层。

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

PS制作小黄人拍立得拟物图标(118)
PS制作小黄人拍立得拟物图标(119)

步骤 20 制作指示灯

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

命名【指示灯 底座】。

PS制作小黄人拍立得拟物图标(120)

添加图层样式。

PS制作小黄人拍立得拟物图标(121)
PS制作小黄人拍立得拟物图标(122)
PS制作小黄人拍立得拟物图标(123)
PS制作小黄人拍立得拟物图标(124)
PS制作小黄人拍立得拟物图标(125)
PS制作小黄人拍立得拟物图标(126)
PS制作小黄人拍立得拟物图标(127)

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

PS制作小黄人拍立得拟物图标(128)

添加图层样式。

PS制作小黄人拍立得拟物图标(129)
PS制作小黄人拍立得拟物图标(130)
PS制作小黄人拍立得拟物图标(131)
PS制作小黄人拍立得拟物图标(132)

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

PS制作小黄人拍立得拟物图标(133)

添加图层样式。

PS制作小黄人拍立得拟物图标(134)
PS制作小黄人拍立得拟物图标(135)

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

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

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

PS制作小黄人拍立得拟物图标(136)

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

步骤 21 制作挂环

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

填充颜色,色值#fcc35b。

命名【挂环 底】。

PS制作小黄人拍立得拟物图标(137)

添加图层样式。

PS制作小黄人拍立得拟物图标(138)
PS制作小黄人拍立得拟物图标(139)
PS制作小黄人拍立得拟物图标(140)
PS制作小黄人拍立得拟物图标(141)
PS制作小黄人拍立得拟物图标(142)
PS制作小黄人拍立得拟物图标(143)

接下来制作挂环的凹槽。

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

命名【凹槽上】。

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

图层编组,命名【凹槽】。

PS制作小黄人拍立得拟物图标(144)

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

步骤 22 制作腿部细节

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

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

PS制作小黄人拍立得拟物图标(145)

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

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

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

PS制作小黄人拍立得拟物图标(146)
PS制作小黄人拍立得拟物图标(147)

用图层蒙版和画笔工具,制作腿部高光和阴影。

PS制作小黄人拍立得拟物图标(148)

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

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

PS制作小黄人拍立得拟物图标(149)

添加图层样式。

PS制作小黄人拍立得拟物图标(150)

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

PS制作小黄人拍立得拟物图标(151)

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

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

PS制作小黄人拍立得拟物图标(152)

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

暗部

建立蒙版,用画笔工具压暗边缘和底部,调整图层模式为正片叠底,适当调整不透明度。

PS制作小黄人拍立得拟物图标(153)

亮面

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

添加图层样式。

PS制作小黄人拍立得拟物图标(154)
PS制作小黄人拍立得拟物图标(155)
PS制作小黄人拍立得拟物图标(156)

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

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

PS制作小黄人拍立得拟物图标(157)

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

PS制作小黄人拍立得拟物图标(158)

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

PS制作小黄人拍立得拟物图标(159)

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

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

PS制作小黄人拍立得拟物图标(160)

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

PS制作小黄人拍立得拟物图标(161)

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

PS制作小黄人拍立得拟物图标(162)

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

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

PS制作小黄人拍立得拟物图标(163)
PS制作小黄人拍立得拟物图标(164)

步骤 29

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

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

PS制作小黄人拍立得拟物图标(165)
PS制作小黄人拍立得拟物图标(166)
PS制作小黄人拍立得拟物图标(167)

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

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

PS制作小黄人拍立得拟物图标(168)
PS制作小黄人拍立得拟物图标(169)

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

添加杂色和高斯模糊。

PS制作小黄人拍立得拟物图标(170)
PS制作小黄人拍立得拟物图标(171)
PS制作小黄人拍立得拟物图标(172)

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

添加杂色和高斯模糊。

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

PS制作小黄人拍立得拟物图标(173)
PS制作小黄人拍立得拟物图标(174)
PS制作小黄人拍立得拟物图标(175)

步骤 30

添加曲线图层。

PS制作小黄人拍立得拟物图标(176)

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

PS制作小黄人拍立得拟物图标(177)

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

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

PS制作小黄人拍立得拟物图标(178)
PS制作小黄人拍立得拟物图标(179)

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

PS制作小黄人拍立得拟物图标(180)

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

PS制作小黄人拍立得拟物图标(181)

制作拍立得阴影

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

PS制作小黄人拍立得拟物图标(182)
PS制作小黄人拍立得拟物图标(183)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门