您的当前位置: 名动漫 > 关于学院 > 新闻资讯 > UI教程:用ps绘制太阳天气预报图标

UI教程:用ps绘制太阳天气预报图标

2017-11-10 196

近期全国各地的气温普遍下降,前两天又是立冬相信大家都get到了吧。如今天气预报的应用很广泛,各种天气播报的应用app随处可见,所以学会制作一个天气预报的图标很重要。本篇教程就教大家如何设计一个蓝色底纹的太阳天气预报的图标,总共分几个部分完成,都是利用图层样式来做出立体感,教程难度不大,很适合刚入行的小白来学习,如果大家按着名动小编给的步骤一步步来,那你离UI设计师又近了一步啦。接下来开始动手操作吧!


    1、新建画布,参数设置如下图,填充一个渐变颜色。


1510299351757018606.jpg

1510299376867047179.jpg


    2、新建图层,命名太阳,绘制正圆填充颜色。


1510299481732085993.png


    3、使用加深、减淡工具绘制出明暗以及高光。(建议先选出需要调整的选区,羽化后调整。)


1510299514492069949.png


    4、新建图层,并移动到太阳图层下面, ctrl+太阳图层出现选区,羽化(30)填充颜色。


1510299543574083181.png


    5、新建图层,命名云朵。使用钢笔工具大体绘制出云朵的轮廓。


1510299591626000547.png


    6、和绘制太阳方法相同,新建一个图层移动至云朵图层下羽化填充。


1510299614139063315.png


    7、使用蒙版擦掉部分模糊过度的地方,加深减淡工具绘制出云朵明暗。


1510299651187004052.png


    8、使用涂抹工具让云朵的外形更加生动真实。


1510299706598066255.png


    9、将绘制出太阳与云朵集合。


1510299758158096848.png


    10、新建图层绘制黑色圆圈。


1510299847012092274.jpg


    11、在黑色选区内使用镜头光晕(滤镜>渲染>镜头光晕)。


1510299905179083776.jpg

1510299950421075671.jpg

   

 12、将图层移动至底层,调整光晕位置大小,设置图层混合模式为滤色。添加蒙版擦去黑色部分。


1510300001054037321.jpg


 13、调整云朵,太阳以及光晕的位置。


1510300307667003720.jpg

1510300102765055714.png


到这里为止,一个太阳天气预报的图标就全部做好了,希望大家都能跟着教程学会,同时也要记得在这个冬天注意保暖哟。如果你说,看完这篇教程还是学不会怎么办,那你可以来名动漫报名学习专业的UI设计培训,充实自己的UI知识,提高自己的制作能力。名动漫,拥有十年的教学经验,开设有专业的UI课程,是大家学习UI设计培训的理想选择。      


1510300307667003720.jpg

上一篇:想从月光族变万元户?名动漫诚邀你来学3D动画

下一篇:想学全能3D必杀技?快来名动漫报名游戏3D模型