编者按:一枚超级漂亮的图标教程。今天@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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI时代的设计师生存手册
已累计诞生 648 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓