photoshop-green-music-icon-1

编者按:今天是一个图标临摹教程,平时同学们看到好看的图标,如果想临摹但不知道从什么地方入手,可以先来借鉴下@上清若铭 的思路呦。特别是图层样式方面,讲得非常仔细,新手的临摹绝佳教程!

14年你错过了哪些精品教程+高人气资源?来这儿搜罗 >>> 《年度颁奖盛典!2014年最受欢迎的设计资源大盘点》

P大点S:善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。

icon2015010111

我们先排列好画布:

icon2015010128

然后新建个渐变调整层,仔细观察原图背景,我们不难发现原图的背景不是纯色的。

icon2015010119

然后渐变的颜色,中心的地方的颜色我们给亮点,四周的颜色我们加点灰色。

icon2015010115

中间的图标是圆角的,所以我们选择圆角矩形工具。

icon201501010

然后修改半径,半径的多少是根据你的画布的大小而定的,多试试,然后对比。

icon2015010124

效果如下:

icon201501011

双击击缩略图右下角的东东,就会弹出个拾色器。

icon201501013

我们就选择个淡淡的绿色。

然后选择混合选项,对比原图,修改参数。

icon201501019

然后我们修改下光泽等高线,因为原图的两边是没有明显的凸起的,所以我们修改修改去掉。

icon2015010125

然后我们点投影,投影的颜色我们改改,因为考虑到环境的影响,我们的投影的颜色应该是墨绿色,最好比我的颜色还要黑,我等等也会修改的。

27c01a4c510fd9f992835cec272dd42a2934a453

然后投影的其他参数,注意对比原图,我们可以看出,原图的投影是两边收缩凸显中间的。

icon201501014

选择椭圆工具。

icon2015010122

然后新建一个空白图层。

icon2015010114

我们在中间按住shift键按比例放大,如果在放大的过程中位置对不上,我们可以同时按住空格键移动位置。

icon2015010123

主要就是修改这些,不过参数是死的,人是活的,大家灵活变动,不要和我一模一样。

icon2015010120

然后弄个渐变。

icon201501018

同样新建空白图层,用椭圆工具拉出一个圆形。

icon201501012

给刚刚的椭圆来个漂亮的渐变。

icon2015010127

 

再来个内阴影,注意阴影的颜色哦!

icon201501015

再次新建空白图层,拉出个圆,选择颜色。

icon2015010129

我们来弄弄这个。

icon2015010113

粉色的圆形改下角度就可以了。

icon2015010118

中间也弄个圆形,图层样式——投影!投影的颜色你们注意下,然后投影也是收缩下两边。

icon2015010118 870eacaf2edda3cc1d11c7a503e93901203f9272

来个渐变。

icon2015010112

再在中间弄个圆形,拉个渐变!!!

icon2015010110

然后弄好啦!!!

icon2015010117

【UI设计学习三部曲】

Step 1:腾讯设计师的新人培训教程!初学者必备!
《传承设计经验!图标设计初阶的3大关键入门知识点!》

Step 2:到顶尖UI设计师集聚地吸收经验与灵感!
《设计师必读!玩转Dribbble终极指南》

Step 3:每天一练!技巧都学全!
《PS+AI制作精致可爱的毛线风格图标》

原文地址:tieba.baidu
作者:@上清若铭

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量88万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

点赞
收藏

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏