www.395789.com:图标教程,设计钟表UI图标教程

澳门百家乐合作:  而留给辉山乳业的时间并不多。

本篇UI图标教程教大家如何设计一枚时钟主要的UI图标,教程难度中等,主要是绘画部分,质感制作主要由图层样式来处理,该部分主要是数值的设置,难度不算大,分享给新手学习吧。

最终效果:

图标教程,设计钟表UI图标教程_www.gaowenyi.com
www.gaowenyi.com

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤一:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤二:

使用圆角矩形、绘制一个600px*600px圆角矩形,圆角半径为90px的图层,并为它添加图层样式。

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤三:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤四:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤五:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤六:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤七:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤八:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤九:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤十:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤十一:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤十二:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

步骤十三:

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

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

图标教程,设计钟表UI图标教程_www.gaowenyi.com

以上就是钟表图标的设计方法,步骤虽然多,难度不算太大,大家要特别主意一下高光和暗部的处理,认真学习,希望大家喜欢该教程。如果你学懂了,欢迎大家投稿分享自己的经验。

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

学习 · 提示

PS教程自学网 欢迎投稿原创或转载教程:http://www.gaowenyi.com/ambjlhz
    佐料配大米 说: 大神
    小白白脸 说: 签到
    角落里的寂静 说: 签到
    天上的太阳之歌 说: 谢老师分享!!!!!!
    眼角的夏沫秋凉 说: 感觉就是在装B
    骨头收集狂 说: 学习学习
    凉城旧爱i 说: 谢谢老师 多多学习
    和尚不恰肉 说: 想仔细了解一下
    何为无不曾有 说: 我的作业:<img src=http://www.gaowenyi.com/ambjlhz/data/attachment/album/201708/07/145313z88g8uz6tgs8tg5u.jpg> 学习了,没想到镜面还可以这么做的
    我辣么萌是不是爱上我辣 说: 我的作业:<img src=http://www.gaowenyi.com/ambjlhz/data/attachment/album/201708/09/142858kyg4gg8qq9bbai9p.png>
    IMWIM 说: 感谢大神分享!顺便提一下,左边应该是W,右边是E是吧?
    冲刺在爱情前方 说: 时钟图标作业我的作业:<img src=http://www.gaowenyi.com/ambjlhz/data/attachment/album/201708/13/113742cnsk533wz08o3aao.jpg>
    损友 说: 我的作业:<img src=http://www.gaowenyi.com/ambjlhz/data/attachment/album/201709/30/144103w8aya9ppgp8paoja.jpg>

澳门赌场 澳门赌场玩法 澳门赌场攻略 澳门百家乐 网上百家乐 百家乐玩法 百家乐技巧 电子游戏 MG电子游戏 现金网 赌博网 赌博网址 捕鱼游戏 捕鱼达人 老虎机 bbin电子游戏 威尼斯人网址检测中心 威尼斯人网站 威尼斯人官网 棋牌游戏网站 棋牌游戏 骰宝玩法 骰宝技巧 二八杠玩法 二八杠技巧 捕鱼游戏玩法 捕鱼游戏技巧 龙虎斗技巧 龙虎斗玩法 百家乐规则 赌博技巧 网上赌博 澳门百家乐代理 澳门百家乐玩法 澳门百家乐破解 澳门百家乐平技巧 澳门百家乐官网 澳门百家乐策略 澳门百家乐规则 澳门百家乐技巧 澳门百家乐游戏 澳门百家乐软件 澳门百家乐导航 澳门百家乐怎么玩 澳门百家乐网页游戏 澳门百家乐必胜课 澳门百家乐网址 澳门百家乐平注常赢玩法 澳门百家乐网 澳门百家乐论坛 网页百家乐 澳门百家乐必胜 澳门百家乐群 澳门百家乐官方网站 澳门百家乐试玩 澳门百家乐现场 澳门百家乐包杀 澳门百家乐qq 免费百家乐 澳门百家乐作弊 百家乐代理 澳门百家乐破解方法 澳门百家乐必胜方法 总统澳门百家乐 网页澳门百家乐游戏 澳门百家乐怎么样 实战澳门百家乐 澳门百家乐网络 澳门百家乐详解 澳门百家乐平台 澳门百家乐博彩网站 海王星百家乐 澳门百家乐怎么开户 澳门百家乐代理加盟 澳门百家乐合作 澳门百家乐赢家 澳门百家乐大路小路 如何打澳门百家乐 澳门百家乐怎样赢 澳门百家乐信誉 网页澳门百家乐 免费澳门百家乐 百家乐破解方法 百家乐必胜方法 网页百家乐游戏 线上百家乐 百家乐平注常赢玩法 百家乐怎么玩 百家乐代理加盟 百家乐合作 百家乐赢家 百家乐大路小路 百家乐怎样赢 百家乐信誉 百家乐破解 百家乐平技巧 捕鱼达人电子游戏 pt老虎机 pt电子游戏 mg摆脱电子游戏 捕鱼达人官网 老虎机游戏 千炮捕鱼电子游戏 老虎机经验 单机斗地主 捕鱼游戏大全 真钱电子游戏 真钱捕鱼游戏 电子游戏攻略 电子游戏技巧 澳门赌场 澳门赌场玩法 澳门赌场攻略 澳门百家乐 网上百家乐 百家乐玩法 百家乐技巧 电子游戏 MG电子游戏 现金网 赌博网 赌博网址 捕鱼游戏 捕鱼达人 老虎机 bbin电子游戏 威尼斯人网址检测中心 威尼斯人网站 威尼斯人官网 棋牌游戏网站 棋牌游戏 骰宝玩法 骰宝技巧 二八杠玩法 二八杠技巧 捕鱼游戏玩法 捕鱼游戏技巧 龙虎斗技巧 龙虎斗玩法 百家乐规则 赌博技巧 网上赌博 澳门百家乐代理 澳门百家乐玩法 澳门百家乐破解 澳门百家乐平技巧 澳门百家乐官网 澳门百家乐策略 澳门百家乐规则 澳门百家乐技巧 澳门百家乐游戏 澳门百家乐软件 澳门百家乐导航 澳门百家乐怎么玩 澳门百家乐网页游戏 澳门百家乐必胜课 澳门百家乐网址 澳门百家乐平注常赢玩法 澳门百家乐网 澳门百家乐论坛 网页百家乐 澳门百家乐必胜 澳门百家乐群 澳门百家乐官方网站 澳门百家乐试玩 澳门百家乐现场 澳门百家乐包杀 澳门百家乐qq 免费百家乐 澳门百家乐作弊 百家乐代理 澳门百家乐破解方法 澳门百家乐必胜方法 总统澳门百家乐 网页澳门百家乐游戏 澳门百家乐怎么样 实战澳门百家乐 澳门百家乐网络 澳门百家乐详解 澳门百家乐平台 澳门百家乐博彩网站 海王星百家乐 澳门百家乐怎么开户 澳门百家乐代理加盟 澳门百家乐合作 澳门百家乐赢家 澳门百家乐大路小路 如何打澳门百家乐 澳门百家乐怎样赢 澳门百家乐信誉 网页澳门百家乐 免费澳门百家乐 百家乐破解方法 百家乐必胜方法 网页百家乐游戏 线上百家乐 百家乐平注常赢玩法 百家乐怎么玩 百家乐代理加盟 百家乐合作