PS教程:手把手教你临摹精致细腻的色板图标 - 优设网 - UISDC

PS教程:手把手教你临摹精致细腻的色板图标

2015/03/10 13305评论区

exquisite-color-palette-icon-1

编者按:一枚超级漂亮的图标教程。今天@P大点S微博 同学临摹了一个色板图标,效果好到发指,重点是图层样式的运用,关键部分都有大字标示,方便大家练习。不多说,开工 >>>

方便练习教程系列:

源文件 微盘下载

效果图:

新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

执行图层样式斜面浮雕,投影和颜色叠加,参数:

如下,大家也可以自己摸索不同的数值:

效果:

新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下:

效果如下:

将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%

图层样式,添加渐变叠加和内阴影:

渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。

效果如下:

将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。



效果

将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

然后调整图层样式,只调整斜面浮雕,其余的保持原样。

图层现在除了背景图层外有五个:

现在效果如下

将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。

清除图层样式,添加新的图层样式描边和渐变叠加 :

完成。

【效果喜欢到哭的教程系列】

评论有妹子看到效果已不能自拔:
《PS教程!手把手教你绘制精致舒服的播放器图标》

一秒钟俘获直男的心,木有之一!
《PS进阶教程!30分钟拟物图标速成记之直刀篇》

评论区一片盛赞!简单好学效果经验!
《PS新手教程!教你快速绘制精致有格调的马赛克背景》

原文地址:tieba.baidu
作者:@P大点S微博

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

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

sdcweixin

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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