【雕程晓技】绘制质感游戏图标UI教程之捏泡泡


文/ 传智播客广州校区网页平面高志远老师
-----------------------------------------------------------------------------------------------------------------
       导语:最近实体班课程比较多,好久没有出教程了。今天特意抽出时间来给大家出一个质感游戏ICON之捏泡泡教程,让你眼前一亮,我们先来看效果图吧!
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第1张图片
第一步:新建文档:1280PX*800PX分辨率为:72背景色为白色。
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第2张图片
第二步:使用圆角距形工具绘制:512PX*512PX圆角半径为100的圆角矩形,并填充为青色。
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第3张图片
第三步:使用距形工具绘制三个不同颜色的矩形并放在圆角距形的中心并创建剪切蒙版。
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第4张图片
第四步:使用圆形工具绘制四个不同色彩的圆形放到中四个区域。
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第5张图片
第五步:选择基中一个圆,将填充改为0,设置内阴影、内发光、投影,参数如下:
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第6张图片
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第7张图片
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第8张图片
       第六步:使用椭圆形状工具绘制椭圆形,并设置椭圆形状填充类型为橙色到透明,将复制一份缩小。再将使用椭圆形状调整形状属性中的羽化值,最后分别以此按从小到大顺序叠加上去。
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第9张图片
        第七步:使用形状工具的布尔运算命令制作出下面的高光,使用椭圆工具给图形添加高光,将椭圆填充为白色并外发光。
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第10张图片
                      第八步:用相同的方法将其它的三个调整不同的颜色就可以做出同样的质感啦。大功告成!
【雕程晓技】绘制质感游戏图标UI教程之捏泡泡_第11张图片


你可能感兴趣的:(传智播客,名师讲堂,传智论坛)