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

先看看最终效果图

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

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

详细步骤:

1、启动Photoshop软件,新建画布800*600,这个随意大小随意的,然后选择油漆桶工具填充背景颜色为:#2bbc5b

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

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

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

这步完成就是以下如图显示的效果:

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

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

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

4、继续画内圆,大小为240*240,命名为内圆,然后添加图层样式就可以出效果了!

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

OK,到此我们底盘就做好了,Ctrl键+G编一个组,命名为底盘。

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

5、扇叶部分来了,看上去有点难, 昂!我造了。。。

首先新建一个70*70的正圆,然后用路径选择工具选中正圆最下面的锚点, 按住shift+方向键下键,这样锚点可以一次移动10个像素,移动30像素。

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

搞定一个了,下面就简单了,Ctrl + Alt+T,复制旋转90度,然后三大金刚加T,就是Ctrl+Shift+Alt+T , OK ,搞定。

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

注意需要把旋转中心调整到底下中心处。然后选中刚刚得到的扇叶Ctrl+T 旋转45度。

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

6、最后就剩下中心的小圆了,画一个70*70的正圆,加图层样式。

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

因为要做出小圆的倒角,我们可以Ctrl+J复制一层刚刚得到的小圆,填充改为0,并且右键清除图层样式,重新添加。

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

等等,好像哪里还不对,给最外面的大圆加点投影会不会更好呢?

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

最终效果图还不错哦感觉!感觉萌萌哒啊。。。。。。。小鲜肉来了

清新风扇icon图标5分钟打造完成:设计小鲜肉教程 小清新图标教程  ruanjian jiaocheng

属性标签:

欢迎留言