PS教程!手把手教你绘制精致舒服的播放器图标 - 优设网 - UISDC

PS教程!手把手教你绘制精致舒服的播放器图标

2015/01/01 18197评论区

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-green-music-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里