5分钟打造清新风扇icon

奚落 · 发表于 2015-1-18 01:56:12

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

时间过的好快，不知不觉2015年已经来了，可是我回头想去年我也没做什么，所以呢，新的一年就写个教程开始吧。今天的教程非常简单，五分钟就能画好一个小清新的风扇ICON。不耽误大家时间，怎么样，看起来非常着眼吧，那么大家一起来做吧。记得交作业哦。

第一次写教程，大神勿喷，ICON非原创，教程原创。

先看看最终效果图：

好吧，详细步骤前我们先来分析下这个小ICON，主要就是底盘和扇叶，还有顶部圆形按钮，底板的样式可以看出来是渐变和描边还有一点内阴影。风扇中心也差不多，难的可能是扇叶怎么做出来标准好看，其实就是一个圆形加一个椭圆而已，怎么样，简单吧？那详细步骤来咯。

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:136281 作者：UISTAR 出处：站酷

奚落 · 发表于 2015-1-18 01:56:12

1、新建画布800*600.这个随意，大小随意的，然后选择油漆桶工具填充背景颜色为：#2bbc5b?

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

2、用椭圆工具新建一个大小为300*300的正圆，按住SHIFT可以画正圆。命名为底板，然后为刚创建的椭圆添加图层样式。具体参数如下，仅供参考。

?

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

这步完成是这样子的

?

奚落 · 发表于 2015-1-18 01:56:12

3、接着画一个260*260的正圆，并且命名为底板2，添加图层样式。?

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

4、继续画内圆，大小为240*240，命名为内圆，然后添加图层样式。

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

奚落 · 发表于 2015-1-18 01:56:12

OK,到此我们底盘就做好了，CTRL+G建个组，命名为底盘。

?

账号		自动登录	找回密码
密码			注册

[UI设计] 5分钟打造清新风扇icon

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。