甲虫课堂 > PS教程 >

PS绘制小黄人拟物图标

204
7
点赞
收藏
发布时间:2021-05-26 15:02:44

效果图

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)

还没人评论,快来抢沙发~

X