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

5分钟打造清新风扇icon

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

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

先看看最终效果图:


http://pic.16xx8.com/allimg/150118/jc0459486_01.jpg


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

提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:136281 作者:UISTAR 出处:站酷

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

5分钟打造清新风扇icon



1、新建画布800*600.这个随意,大小随意的,然后选择油漆桶工具填充背景颜色为:#2bbc5b?
http://pic.16xx8.com/allimg/150118/jc0459486_02.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_03.jpg


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

5分钟打造清新风扇icon

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

?
http://pic.16xx8.com/allimg/150118/jc0459486_04.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_05.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_06.jpg


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

5分钟打造清新风扇icon

这步完成是这样子的

?
http://pic.16xx8.com/allimg/150118/jc0459486_07.jpg


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

5分钟打造清新风扇icon

3、接着画一个260*260的正圆,并且命名为底板2,添加图层样式。?
http://pic.16xx8.com/allimg/150118/jc0459486_08.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_09.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_10.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_11.jpg


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

5分钟打造清新风扇icon

4、继续画内圆,大小为240*240,命名为内圆,然后添加图层样式。
http://pic.16xx8.com/allimg/150118/jc0459486_12.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_13.jpg


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

5分钟打造清新风扇icon


http://pic.16xx8.com/allimg/150118/jc0459486_14.jpg


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

5分钟打造清新风扇icon

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

?
http://pic.16xx8.com/allimg/150118/jc0459486_15.jpg


页: [1] 2
查看完整版本: 5分钟打造清新风扇icon