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

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

方便练习教程系列:

源文件 微盘下载

效果图:

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

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

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

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

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

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

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

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

效果:

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

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

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

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

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

效果如下:

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

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

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

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

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

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

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

效果如下:

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

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

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

效果

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

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

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

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

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

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

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

现在效果如下

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

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

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

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

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

完成。

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

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

评论有妹子看到效果已不能自拔:
《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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。