当前位置:丝路教程网 > UI设计 > UI教程 >

竹蜻蜓图标的UI设计教程

2018-02-02 17:20 来源: 丝路教程网 分类: UI教程
248 作者:丝路教程网

[导读] 本UI教程中的竹蜻蜓构成不是很复杂,分为:翅、轴,杆三大部分。制作的时候需要在细节方面入手,把能想到的一些好的效果都应用上去,这样效果会更加漂亮,细腻。虽然教程比较

  本UI教程中的竹蜻蜓构成不是很复杂,分为:翅、轴,杆三大部分。制作的时候需要在细节方面入手,把能想到的一些好的效果都应用上去,这样效果会更加漂亮,细腻。虽然教程比较简单但是不可大意,只有处理好细节才能呈现完美的图标。

  最终效果

 

  1、我们得先打个草稿,不管是在纸上还是在绘图板上,都可以。

 

  2、在草稿基础上,用钢笔工具勾勒个纯色的轮廓,这里色彩什么的不需要太在意,只要色彩基础在就好了。

 

  3、就像画素描一样,先铺个光影色调,这里可以用贴图+画笔+路径+蒙版+各种能想到的工具去做,只需要达到自己想要铺的明暗关系即可。

 

  4、上一步完成后,加点细节就好了,距离完成不远了。

 

  翅的分解图如下:

 

  轴的分解图如下:

 

  棍的分解图如下:

 

  5、细节的处理,如强化光影关系;在轴上增加点细节;轴和翅膀链接处光影细化;翅膀在轴上的倒影等。

 

  最终效果:

  推荐阅读:聊聊移动应用UI设计7宗罪

免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育