QQ浏览器图标设计UI教程(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:Uimaker.com整理

关键词

ok我们来画云。按U椭圆工具和矩形工具依照下图所示画。记住每个形状都必须是单独的图层

17qqbrowser20151024


按P钢笔工具勾出这个形状。

18qqbrowser20151024

这时候把云朵填充白色,先随便复制出一个圆形,添加蒙版填充颜色 (颜色数值a5daff)按照刚才的方法擦擦 or 加渐变拉。擦出如图形状

19qqbrowser20151024

覆盖到原来的圆形的上面,其他两个圆也按照如上,复制添加蒙版擦出来。

20qqbrowser20151024

钢笔勾出的形状,也是添加蒙版擦擦。

21qqbrowser20151024

用钢笔勾出这个形状,添加蒙版擦擦,用钢笔顺着圆形的内侧勾就行。

22qqbrowser20151024


勾好后,放在内侧这个位置

23qqbrowser20151024

新建个图层,用钢笔顺着圆形勾出这个形状,描边白色。还是添加蒙版,稍微擦擦两端。

24qqbrowser20151024

放到这个位置

25qqbrowser20151024

教程到这里基本结束啦。自己试着做个阴影 高光 之类的,细节方面自己在把控下。

26qqbrowser20151024

再次附上最终临摹的效果图

1qqbrowser20151024


 收藏