PS教程绘制超有质感的维他柠檬茶拟物图标1 

2020-06-26 10:37 发布

331 0 0
关于教程
话说,维他柠檬茶都要占领世界了,今天我们就为它进行一波信仰充值,用 PS 做出维他柠檬茶的拟物图标!
本教程包含了光影的理解、图层样式以及嵌套+羽化的灵活运用,希望能对大家有所帮助。
素材下载:网盘链接,密码:8uhx

教程步骤
  • 步骤1:
首先我们先做出整体的轮廓。
新建画布1000*1000px,72ppi,填充颜色为#c9b21a,命名【背景颜色】。

  • 步骤2:
新建圆角矩形,数据如图,颜色为#f9ed9c,命名【整体轮廓】。

881db732aea714c5a6bd29e8e5e2d8c8.jpg
  • 步骤3:
接下来先制作易拉罐的顶部。
新建圆角矩形,数据如图,颜色为#eceae0,命名为【上环底-1】,并增加图层样式。
92aa4724d6c404de814d8e6016f2dbca.jpg

  • 步骤4
新建圆角矩形,数据如图,颜色为#333333,命名为【上环底-2】,并嵌套【上环底-1】。

b2885e42390f3403d348fe8b00001696.jpg
  • 步骤5
现在给上环添加光影。
新建矩形,数据如图,颜色为#585649。置于上环的左侧边缘;同理用路径选择工具复制右移至右侧边缘,图层命名【两侧暗部】。然后羽化,并嵌套到图层【上环底-1】。
140b0df05b1870357e64c9264dc563f2.jpg

  • 步骤6
新建圆角矩形,数据如图,颜色为#444027,命名【前-暗部】。然后同样也是羽化+嵌套大法。
0e207579a6e99a9e5bf36198d72c5085.jpg

  • 步骤7
新建圆角矩形,数据如图,命名【前-亮部】,羽化+嵌套。
336b7b480333d80eec06cfe748ea3886.jpg

  • 步骤8
将【上环底-2】移动至【前-亮部】上层。
由于光线是从两侧来的,因此现在要给易拉罐拐角处制作高光。
新建椭圆,放置于上环左拐处,数据如图。同理用路径选择工具复制移动+变化到右拐处。最终图层命名为【拐处-高光】,并向下嵌套。
5adb257aebdc49a035814d69e906346b.jpg

  • 步骤9
现在给易拉罐的外环底部制作一圈高光。
新建圆角矩形1,数据如图,命名为【上环外高光】。再用路径选择工具复制出圆角矩形2(内),布尔运算减去顶层,最终羽化+嵌套。
afe83d858e9964bde1a90667424a97c1.jpg

  • 步骤10
将【上环底-1】到【上环外高光】的图层编组,命名【上环】。
f9642f7791dcd28576317eb86a6b6b86.jpg

  • 步骤11
现在来制作易拉罐顶部的细节。
新建圆角矩形,数据如图,命名【内底-1】。添加图层样式。

c52d4ef57ab3c0514583fff0091aa65c.jpg
  • 步骤12
新建圆角矩形,数据如图,命名为【内底-2】。
添加图层样式。

9c14ddeaf7b83f5d89b09161c799bcec.jpg
  • 步骤13
新建圆角矩形,数据如图,命名为【内底-3】。
bb1d3e81ab60309232964616c9aa25ea.jpg

  • 步骤14
新建圆角矩形,数据如图,命名为【内顶】。添加图层样式。
506184a7e579a111f818415f243f7c69.jpg

  • 步骤15
将【附件1-铁皮】覆盖在【内顶】上,调整位置和角度,最后嵌套。
6652f74869371ce81afb2ac453735822.jpg

  • 步骤16
复制【内顶】后获得【内顶 拷贝】(此时注意图层与嵌套图层的关系),置于最顶层,并将其更名为【内顶-暗】,清除原有的图层样式。增添新的图层样式,数据如图。
9e8fbfede825f3feba3540744de95c77.jpg

  • 步骤17
新建矩形,颜色为#ffffff,命名为【内顶-亮】。并将所有【内顶】(包括嵌套层)、【内顶-暗】、【内顶-亮】编组为【内顶】。
7426080aee33802626c1029612c752b2.jpg

  • 步骤18
这步骤回到【内底-2】的图层,给外环添加材质。由于角度问题,现在将外环划分为正面、拐角和侧面。
现在先添加正面的材质。在此图层之上覆盖【附件1-铁皮】,调整角度和大小。然后嵌套,建立蒙版,只保留正面的纹路。
ae4d508961acfdcd877fbfd9fce79c6d.jpg

  • 步骤19
现在添加左边拐角的材质。调整角度后,嵌套+蒙版,让过度自然。右侧同理。
4a62e13966f0a9460b3fef8b480189eb.jpg

  • 步骤20
同理添加左右两侧。
整体效果,要保证纹路的过度自然,灵活变通。
6fd4313133cc5e797bb242b5d24cc7ad.jpg

  • 步骤21
现在给拐角处添加高光。
建立矩形并羽化,颜色为#ffffff,命名为【拐角高光1】,然后嵌套。
ac3d3886dec7f1de90d563c9ea087a78.jpg

  • 步骤22
新建矩形。比【拐角高光1】稍窄一点,颜色为#ffffff,命名为【拐角高光2】,然后嵌套。
6aaf7ccc26c59317aaca810e6265184c.jpg

  • 步骤23
用钢笔工具画出区域,数据如图,命名为【左拐-暗】。然后新建蒙版,用渐变工具将过度变得自然一些。右侧同理。
fc664790d68af8a7c3c6e79ede8d1f54.jpg

  • 步骤24
用钢笔工具画出高光区域,数据如图,颜色为#FFFFFF,命名为【两侧-亮】,最后嵌套。

b5ceb4c8047adefdc64f4327d7747fa0.jpg
  • 步骤25
新建椭圆,数据如图,颜色为#FFFFFF,命名为【两侧-高亮】,最后嵌套。
ab5717c8e873ab0f37fad59f5d9ab111.jpg

  • 步骤26
将【内底-1】、【内底-2】、【内底-3】之间所有图层编组,命名为【内底】。
52fa12b4db6728ca41c1b1d3fa4da742.jpg

  • 步骤27
现在开始制作易拉罐的拉环底部的凹槽啦。
新建大椭圆120*142,小椭圆86*92,颜色为#d1d0c9,中间用一个梯形链接,三个图形均在同一个图层内,适当调整,让三个图形的平滑衔接,该图层命名为【大凹槽】。
添加图层样式。
190ad3cecfd521d245d1744848234282.jpg

  • 步骤28
新建圆角矩形,数据如图,颜色为#939393。命名为【圆环】。
添加图层样式
519222f76e939dcf4b461e0c092fbfdd.jpg


B Color Smilies
联系
我们
快速回复 返回顶部 返回列表