• 您好,欢迎访问指南针图标ui教程
  • 网页更新时间:2018-08-28 09:58:43
  • 18030702548
五月花 > 专业知识 > ui设计培训专业 >

指南针图标ui教程

作者:五月花时间:2018-08-28 09:58:43

摘要:指南针图标ui教程

本教程主要使用Photoshop设计红色渐变风格的钟表钮图标教程,教程的主要部分都是用图层样式来完成的,骚年们赶紧行动起来吧^o^


最终效果:

feb0596710bda8012193a3a0f8df.jpg


老规矩先来分析一下,这里我们主要分为三个部分:底座、表盘、指针,底座指针问题都不大,主要是表盘部分需要用到多个图层及图层样式来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么?噢耶!!!

64ec596710c8a8012193a3bdd1fd.jpg


步骤一:

首先新建画布1500px*1000px画布,命名为钟表,填充背景颜色#4b4b4b,添加图案叠加图层样式。

指南针图标ui教程

指南针图标ui教程


步骤二:

使用圆角矩形、绘制一个600px*600px圆角矩形,成都郫县希望职业学校,圆角半径为90px的图层,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程



步骤三:

接下来使用椭圆工具、绘制一个550px*550px的大圆,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程



步骤四:

继续使用椭圆工具、绘制一个515px*515px的圆,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程




步骤五:

同样使用椭圆工具、绘制一个403px*403px的圆吧,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程




步骤六:

我们继续绘制一个295px*295px的圆,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程



步骤七:

继续使用椭圆工具、绘制一个117px*117px的圆,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程




步骤八:

现在我们来绘制指针的位置,使用钢笔工具绘制出指针形状,复制指针改变指针颜色与角度,并为它们添加图层样式。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程




步骤九:

继续使用椭圆工具、绘制一个70px*70px的圆,并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程




步骤十:

现在来绘制刻度,使用矩形工具、绘制一个5px*35px的矩形,重复复制旋转并为它添加图层样式。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程




步骤十一:

重复上次操作、绘制一个3px*20px的矩形,重复复制旋转并为它添加相同图层样式。

5fab596711aaa8012193a30a48a9.jpg


步骤十二:

现在添加文字N.E. S.W字体样式Bebas Neue Regular ,字体大小46点并添加上述图层样式。

df2f596711b4a8012193a31e696d.jpg


步骤十三:

接下来为钟表修饰高光和暗部,利用椭圆工具绘制二个515px*515px的正圆,填充设置为0,不透明度70%,并分为其添加图层样式,最后添加投影效果。

指南针图标ui教程

指南针图标ui教程

指南针图标ui教程



步骤有点多哦,但是只要勤加练习,会很大程度上提高你的PS水平哦^o^,骚年前辈告诉我们缺少探索后的总结,而不是单纯的模仿,对于高光和暗部的修饰交给大家仔细琢磨一下,赶快来尝试下吧!!




视频教程及PSD源文件链接:

展开全文

文章标题:指南针图标ui教程

本文地址:http://www.zslm8.com/jingjia/uisjwz/20867.html + 复制链接

  • 上一篇:APP图标设计UI教程-收音机
  • 下一篇:没有了
  • 相关文章
    如何利用PS制作立体文字创意人像海报08-17
    立体字效果设计08-17
    PS祛斑修容之通道磨皮法08-17
    UI设计狮应该掌握的软件和技能08-17
    儿时糖画字体设计08-17
    APP图标设计UI教程-收音机08-17
    UI图标教程--制作晶莹剔透的玻璃按钮08-17
    指南针图标ui教程08-17
    如何将图片处理成故障艺术风格08-17
    超详细描边风人物-基础教程08-17
    快速报名登记
    人气专业
    收缩
    • 18030702548
    • 18030702548
    • 18030702548
    • 18030702548