今天小编为大家整理了如何使用PS绘制超有质感的易拉罐维他柠檬茶拟物图标,教程不算复杂,喜欢的朋友可以一起来学习

话说,维他柠檬茶都要世界了,今天我们就为它进行一波信仰充值,用 PS 做出维他柠檬茶的拟物图标!

本教程包含了光影的理解、图层样式以及嵌套+羽化的灵活运用,希望能对大家有所帮助。

素材下载:网盘链接,密码:8uhx

教程步骤

步骤1: 首先我们先做出整体的轮廓。

新建画布1000*1000px,72ppi,填充颜色为#c9b21a,命名。

步骤2: 新建圆角矩形,数据如图,颜色为#f9ed9c,命名。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤3: 接下来先制作易拉罐的顶部。

新建圆角矩形,数据如图,颜色为#eceae0,命名为,并增加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤4 新建圆角矩形,数据如图,颜色为#333333,命名为,并嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤5 现在给上环添加光影。

新建矩形,数据如图,颜色为#585649。置于上环的左侧边缘;同理用路径选择工具复制右移至右侧边缘,图层命名。然后羽化,并嵌套到图层。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤6 新建圆角矩形,数据如图,颜色为#444027,命名。然后同样也是羽化+嵌套

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤7 新建圆角矩形,数据如图,命名,羽化+嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤8 将移动至上层。

由于光线是从两侧来的,因此现在要给易拉罐拐角处制作高光。

新建椭圆,放置于上环左拐处,数据如图。同理用路径选择工具复制移动+变化到右拐处。最终图层命名为,并向下嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤9 现在给易拉罐的外环底部制作一圈高光。

新建圆角矩形1,数据如图,命名为。再用路径选择工具复制出圆角矩形2(内),布尔运算减去顶层,最终羽化+嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤10 将到的图层编组,命名。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤11 现在来制作易拉罐顶部的细节。

新建圆角矩形,数据如图,命名。添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤12 新建圆角矩形,数据如图,命名为。

添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤13 新建圆角矩形,数据如图,命名为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤14 新建圆角矩形,数据如图,命名为。添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤15 将覆盖在上,调整位置和角度,最后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤16 复制后获得(此时注意图层与嵌套图层的关系),置于最顶层,并将其更名为,清除原有的图层样式。增添新的图层样式,数据如图。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤17 新建矩形,颜色为#ffffff,命名为。并将所有(包括嵌套层)、、编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤18 这步骤回到的图层,给外环添加材质。由于角度问题,现在将外环划分为正面、拐角和侧面。

现在先添加正面的材质。在此图层之上覆盖,调整角度和大小。然后嵌套,建立蒙版,只保留正面的纹路。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

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

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤20 同理添加左右两侧。

整体效果,要保证纹路的过度自然,灵活变通。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤21 现在给拐角处添加高光。

建立矩形并羽化,颜色为#ffffff,命名为,然后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤22 新建矩形。比稍窄一点,颜色为#ffffff,命名为,然后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

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

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

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

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤25 新建椭圆,数据如图,颜色为#FFFFFF,命名为,最后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤26 将、、之间所有图层编组,命名为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤27 现在开始制作易拉罐的拉环底部的凹槽啦。

新建大椭圆120*142,小椭圆86*92,颜色为#d1d0c9,中间用一个梯形链接,三个图形均在同一个图层内,适当调整,让三个图形的平滑衔接,该图层命名为。

添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤28 新建圆角矩形,数据如图,颜色为#939393。命名为。

添加图层样式

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤29 拷贝,更名为。适当缩小居中,数据如图。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤30 新建一个椭圆,改变一下形状。颜色为#c7c6c2。命名为

添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤31 在上增加蒙版,用渐变工具将左边的凹陷感减淡一点。

 

步骤32 将、、、进行编组为。

覆盖后,对进行选区,然后在的图层上建立的路径蒙版。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤33 大椭圆为74*79,小椭圆为56*68,同样用步骤27的方法,组合三个图形,让过度平滑,并合并形状组件,命名为。并通过布尔运算添加圆角矩形,数据如图。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤34 在新图层上,建立一个圆角矩形,通过布尔运算增加一个圆角矩形。然后通过布尔运算在左下角减去一个矩形,增加一个圆形。右上角同理可得。最终合并形状组件,并与图层合并,减去顶层形状,最终得到一个拉环的样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤35 给添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤36 给拉环增加亮暗面。

新建一个图层,用画笔工具给拉环增加高光,让拉环更有光泽感,图层命名为。

然后新建两个矩形,给拉环增加和(数据如图),颜色均为#000000。

最后编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤37 现在制作拉环和罐顶的链接处。

新建一个16*16的椭圆,颜色为#6B6B6B,命名为。

再新建一个15*15的椭圆,颜色为#CACACA,命名为。

然后给增加图层样式。

最终将—编组,命名为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤38 将编组为,那么到现在为止易拉罐的顶端就大功告成啦!

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤39 现在来制作易拉罐身。

将拉到ps中,在适当裁剪,透视变形后,得到三个主要的素材,分为、、,并将和在滤镜-锐化中添加锐化效果。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤40 在图层下建一个图层,并吸取其中的棕色,用钢笔勾出相应的纹路,最终选择的选区,在棕色(mang)图层建立路径蒙版。

绿色、亦如此,注意图层顺序。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤41 如图新建一个矩形,颜色为#e60000。注意图层顺序。

接着新建文字“够真”,用阿里汉仪智能黑体,颜色为#FFFFFF。然后将字体栅格化,进行透视缩放调整,效果如图所示;“才出涩”的效果同理。

最后适当调整文字和矩形的位置,将—的图层编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤42 现在来为易拉罐身制作光影啦。

新建一个圆角矩形,命名为,置于上方。注意将填充改为0,效果为叠加。

然后添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤43 接下来给罐身添加亮暗部。

1.添加一个较大的,颜色为#000000。

2.添加一个较小的,颜色为#000000。

3.添加一个较大的,颜色为#FFFFFF。

4.添加一个较小的,颜色为#FFFFFF。

注意图层顺序,均嵌套在层,并编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤44 将中的复制一组,并将新组改名为,图层顺序下移至下方,并把此组形状移动到合适的地方,宽度适当缩减。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤45 在中对已有参数进行更改。

1.的颜色改为#c9c6af。

2.的颜色改为#000000,不度为100%。

3.和适当下移,颜色改#fffbdd。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤46 现在给易拉罐做一个投影。

先新建一个小圆角矩形,羽化14像素。命名为。

然后再建一个大圆角矩形,羽化为2。命名为.

最后编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤47 用颜色为#ffffff的柔边笔刷在背景层适当的地方打光,那么整个柠檬茶就大功告成啦!

最终效果图

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

结语

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

(修改前后对比图)

一个作品是不可能一下子就完成的,需要不断地推敲和反复地修改,感谢给我修改建议的肥子老师,最终完成这幅作品。希望大家在练习过程中多思考,理解制作的思路和方法,活学活用,毕竟学到的就是自己的!

话说,维他柠檬茶都要世界了,今天我们就为它进行一波信仰充值,用 PS 做出维他柠檬茶的拟物图标!

本教程包含了光影的理解、图层样式以及嵌套+羽化的灵活运用,希望能对大家有所帮助。

素材下载:网盘链接,密码:8uhx

教程步骤

步骤1: 首先我们先做出整体的轮廓。

新建画布1000*1000px,72ppi,填充颜色为#c9b21a,命名。

步骤2: 新建圆角矩形,数据如图,颜色为#f9ed9c,命名。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤3: 接下来先制作易拉罐的顶部。

新建圆角矩形,数据如图,颜色为#eceae0,命名为,并增加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤4 新建圆角矩形,数据如图,颜色为#333333,命名为,并嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤5 现在给上环添加光影。

新建矩形,数据如图,颜色为#585649。置于上环的左侧边缘;同理用路径选择工具复制右移至右侧边缘,图层命名。然后羽化,并嵌套到图层。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤6 新建圆角矩形,数据如图,颜色为#444027,命名。然后同样也是羽化+嵌套

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤7 新建圆角矩形,数据如图,命名,羽化+嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤8 将移动至上层。

由于光线是从两侧来的,因此现在要给易拉罐拐角处制作高光。

新建椭圆,放置于上环左拐处,数据如图。同理用路径选择工具复制移动+变化到右拐处。最终图层命名为,并向下嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤9 现在给易拉罐的外环底部制作一圈高光。

新建圆角矩形1,数据如图,命名为。再用路径选择工具复制出圆角矩形2(内),布尔运算减去顶层,最终羽化+嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤10 将到的图层编组,命名。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤11 现在来制作易拉罐顶部的细节。

新建圆角矩形,数据如图,命名。添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤12 新建圆角矩形,数据如图,命名为。

添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤13 新建圆角矩形,数据如图,命名为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤14 新建圆角矩形,数据如图,命名为。添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤15 将覆盖在上,调整位置和角度,最后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤16 复制后获得(此时注意图层与嵌套图层的关系),置于最顶层,并将其更名为,清除原有的图层样式。增添新的图层样式,数据如图。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤17 新建矩形,颜色为#ffffff,命名为。并将所有(包括嵌套层)、、编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤18 这步骤回到的图层,给外环添加材质。由于角度问题,现在将外环划分为正面、拐角和侧面。

现在先添加正面的材质。在此图层之上覆盖,调整角度和大小。然后嵌套,建立蒙版,只保留正面的纹路。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

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

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤20 同理添加左右两侧。

整体效果,要保证纹路的过度自然,灵活变通。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤21 现在给拐角处添加高光。

建立矩形并羽化,颜色为#ffffff,命名为,然后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤22 新建矩形。比稍窄一点,颜色为#ffffff,命名为,然后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

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

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

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

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤25 新建椭圆,数据如图,颜色为#FFFFFF,命名为,最后嵌套。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤26 将、、之间所有图层编组,命名为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤27 现在开始制作易拉罐的拉环底部的凹槽啦。

新建大椭圆120*142,小椭圆86*92,颜色为#d1d0c9,中间用一个梯形链接,三个图形均在同一个图层内,适当调整,让三个图形的平滑衔接,该图层命名为。

添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤28 新建圆角矩形,数据如图,颜色为#939393。命名为。

添加图层样式

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤29 拷贝,更名为。适当缩小居中,数据如图。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤30 新建一个椭圆,改变一下形状。颜色为#c7c6c2。命名为

添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤31 在上增加蒙版,用渐变工具将左边的凹陷感减淡一点。

 

步骤32 将、、、进行编组为。

覆盖后,对进行选区,然后在的图层上建立的路径蒙版。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤33 大椭圆为74*79,小椭圆为56*68,同样用步骤27的方法,组合三个图形,让过度平滑,并合并形状组件,命名为。并通过布尔运算添加圆角矩形,数据如图。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤34 在新图层上,建立一个圆角矩形,通过布尔运算增加一个圆角矩形。然后通过布尔运算在左下角减去一个矩形,增加一个圆形。右上角同理可得。最终合并形状组件,并与图层合并,减去顶层形状,最终得到一个拉环的样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤35 给添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤36 给拉环增加亮暗面。

新建一个图层,用画笔工具给拉环增加高光,让拉环更有光泽感,图层命名为。

然后新建两个矩形,给拉环增加和(数据如图),颜色均为#000000。

最后编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤37 现在制作拉环和罐顶的链接处。

新建一个16*16的椭圆,颜色为#6B6B6B,命名为。

再新建一个15*15的椭圆,颜色为#CACACA,命名为。

然后给增加图层样式。

最终将—编组,命名为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤38 将编组为,那么到现在为止易拉罐的顶端就大功告成啦!

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤39 现在来制作易拉罐身。

将拉到ps中,在适当裁剪,透视变形后,得到三个主要的素材,分为、、,并将和在滤镜-锐化中添加锐化效果。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤40 在图层下建一个图层,并吸取其中的棕色,用钢笔勾出相应的纹路,最终选择的选区,在棕色(mang)图层建立路径蒙版。

绿色、亦如此,注意图层顺序。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤41 如图新建一个矩形,颜色为#e60000。注意图层顺序。

接着新建文字“够真”,用阿里汉仪智能黑体,颜色为#FFFFFF。然后将字体栅格化,进行透视缩放调整,效果如图所示;“才出涩”的效果同理。

最后适当调整文字和矩形的位置,将—的图层编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤42 现在来为易拉罐身制作光影啦。

新建一个圆角矩形,命名为,置于上方。注意将填充改为0,效果为叠加。

然后添加图层样式。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤43 接下来给罐身添加亮暗部。

1.添加一个较大的,颜色为#000000。

2.添加一个较小的,颜色为#000000。

3.添加一个较大的,颜色为#FFFFFF。

4.添加一个较小的,颜色为#FFFFFF。

注意图层顺序,均嵌套在层,并编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤44 将中的复制一组,并将新组改名为,图层顺序下移至下方,并把此组形状移动到合适的地方,宽度适当缩减。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤45 在中对已有参数进行更改。

1.的颜色改为#c9c6af。

2.的颜色改为#000000,不度为100%。

3.和适当下移,颜色改#fffbdd。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤46 现在给易拉罐做一个投影。

先新建一个小圆角矩形,羽化14像素。命名为。

然后再建一个大圆角矩形,羽化为2。命名为.

最后编组为。

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

步骤47 用颜色为#ffffff的柔边笔刷在背景层适当的地方打光,那么整个柠檬茶就大功告成啦!

最终效果图

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

结语

PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

(修改前后对比图)

一个作品是不可能一下子就完成的,需要不断地推敲和反复地修改,感谢给我修改建议的肥子老师,最终完成这幅作品。希望大家在练习过程中多思考,理解制作的思路和方法,活学活用,毕竟学到的就是自己的!

最新资讯
特斯拉超级工厂二期列入上海市重大预备项目

特斯拉超级工厂二期列

今天,上海市发展和改革委员会公布2020年上海市重大建设
马斯克称不在乎求职者学历 但招聘信息出卖了他

马斯克称不在乎求职者

特斯拉CEO埃隆·马斯克(Elon Musk)本月初曾表示,他不在乎
阿里发爱心助农五条准则:以净重为准 品质差将拦截

阿里发爱心助农五条准

阿里巴巴集团向平台商家发布公告,强调平台会持续从商家
小米高管任命:王川任CSO 李肖爽任大家电部总经理

小米高管任命:王川任CS

小米集团刚刚宣布新的架构调整,任命小米集团联合创始人
北京网约车开装“安全舱”,3月2日前8000辆车配齐

北京网约车开装“安全

记者获悉,北京所有的滴滴网约车正陆续装上一层前后排塑
特斯拉德国超级工厂第一阶段将雇佣12000人

特斯拉德国超级工厂第

特斯拉在官网披露的信息显示,德国超级工厂的第一阶段,计
最新文章
ps怎么利用多边形得到圆形图形?

ps怎么利用多边形得到

ps怎么利用多边形得到圆形图形?ps中绘制的多边形想要利
ps怎么快速制作螺旋排列的树叶?

ps怎么快速制作螺旋排

ps怎么快速制作螺旋排列的树叶?ps中想要让树叶螺旋排列
ps怎么制作一款清明节手抄报?

ps怎么制作一款清明节

ps怎么制作一款清明节手抄报?ps中想要制作一个款手抄报
ps图片怎么模拟旋转空间效果? ps时空扭曲的制作方法

ps图片怎么模拟旋转空

ps怎么模拟旋转空间效果?ps中想要给图片制作空间旋转的
ps怎么制作数码迷彩效果?

ps怎么制作数码迷彩效

ps怎么制作数码迷彩效果?ps中想要制作一个数码迷彩的效
PS教你绘制超有质感的易拉罐维他柠檬茶拟物图标

PS教你绘制超有质感的

今天小编为大家整理了如何使用PS绘制超有质感的易拉罐