#UI教程#PS打造质感咖啡杯效果

时间:2024-05-21 07:16:26


#UI教程#PS打造质感咖啡杯效果
1、观察这个图标,我们将它分成几个部分来制作,分别是杯子、碟子、勺子、餐布。这里重点是制作我们的杯子;
2.开始动手:新建一个800X600的画布;填充一个不全黑的深色背景;

1)、首先我们先用钢笔工具绘制杯子的整体轮廓,用不同深浅的灰色来区分每一个部分。杯把部分我们可以简单的用钢笔绘制大致轮廓;
#UI教程#PS打造质感咖啡杯效果

2)     用椭圆形状工具绘制2个椭圆,做成托盘的形状;
#UI教程#PS打造质感咖啡杯效果

3)     设定光源位置,这里假设光源从右上角方向照射;

4)     先从杯身添加渐变填充;
 

游客,如果您要查看本帖隐藏内容请回复


5)     新建图层,利用画笔工具为杯身添加明暗效果,然后剪贴蒙版到杯身,控制绘制的光影图层到杯身区域;
#UI教程#PS打造质感咖啡杯效果

#UI教程#PS打造质感咖啡杯效果

6)     同样的方法为把手进行明暗处理;
#UI教程#PS打造质感咖啡杯效果

7)     这时候我们可以给他灌满奶茶了。先为顶部的椭圆形状添加蒙版,擦除一下椭圆形下半部分的边缘,使它和杯身更好的融合在一起;
#UI教程#PS打造质感咖啡杯效果

#UI教程#PS打造质感咖啡杯效果

8)     再在里面绘制一个纯白色的椭圆,注意边缘羽化,添加内发光的图层样式;

游客,如果您要查看本帖隐藏内容请回复



9)     复制并缩小椭圆,通过控制内发光的大小来处理波纹。为该图层添加蒙版,然后遮盖掉一部分;
#UI教程#PS打造质感咖啡杯效果

#UI教程#PS打造质感咖啡杯效果

10)    同样的方法往里面不断添加波纹。注意不同的内发光大小以及蒙版遮盖的方向;
#UI教程#PS打造质感咖啡杯效果

11)    用画笔工具绘制一些白色的小圆点,同事为这些小圆点添加投影的图层样式;
#UI教程#PS打造质感咖啡杯效果
 

游客,如果您要查看本帖隐藏内容请回复



12)    在绘制碟子的时候,注意光源的方向来添加渐变;
13)    在碟子上添加更多的阴影,使其更加逼真;
#UI教程#PS打造质感咖啡杯效果

#UI教程#PS打造质感咖啡杯效果

14)    到这里我们的奶茶杯已经基本完成的了。剩下的都是一些细节的添加,例如勺子和餐布,又或者是奶茶的烟雾;
勺子:先绘制大致轮廓,然后根据光源绘制它的明暗和投影;
#UI教程#PS打造质感咖啡杯效果
杯身:添加一个调整层,让上方与下方有一定的明暗对比,让杯的外型稍微增添一点美;同样因为勺子的缘故,所以杯身需要绘制勺子的一个映像;
#UI教程#PS打造质感咖啡杯效果

餐布:到网上寻找布料的图片,裁取部分区域,然后扭曲,同样需要对餐布添加明暗和投影;
烟雾:比较简单的办法是直接运用烟雾笔刷;或者可以寻找合适的素材制作;
背景:可以添加白色的径向渐变,使背景不那么单调;


15)    最终效果:
#UI教程#PS打造质感咖啡杯效果