<form id="9f9ll"></form>

      <address id="9f9ll"></address>

      您的当前位置: 名动漫 > 行内资讯 > UI教程:用ps绘制太阳天气预报图标

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

      2017-11-10 4010

      近期全国各地的气温普遍下降,前两天又是立冬相信大家都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模型

      加入福利群,享报名超低价(低至1元)
      QQ群号:935967719 一键复制
      重庆幸运农场娱乐|官网_首页