编者按：今天这篇教程适合新手练习，重点是帮同学们深入理解图层样式的运用，作者@凉星在 特别说明，数值不是标准，自己折腾才有进步，来感受下 >>>
第一步：
新建画布，大小自定，填充一个淡色。
第二步：
画一个圆形，大小自定，填充如下。
接上边的数值。
第三步：
复制底圆，然后Ctrl+T，调整他的大小，添加图层样式。
接上数值：
第四步：
再画一个圆形，调整大小位置。
图层样式数值。
第五步：
再画一个圆形，加渐变效果。
渐变数值：
第六步：
画一个三角形，填充自己喜爱的颜色，添加样式。
第七步：
画一个这样的圆环。方法可参见：《PS教程！手把手教你绘制一枚锤子浏览器图标》
第八步：
处理一下 加上图层样式，让他有点立体的感觉，尾部擦一下。
数值：
第九步：
右下角画一个这样的，方法参照上面的。
第十步：
再画一个放在左边。
第十一步：
在两个圆之间添加一个圆环，颜色自己调整，一些细节上自己再调整一下。
第十二步：
在黄色圆环上添加文字，在文字上添加图层样式，打造一种立体的感觉。
最终效果：
【优设四月免费神器+资源下载人气榜】
Top 1：超级好用的免费切图神器！
《免费了！切图标记外挂神器ASSISTOR PS深入解读（上）》Top 2：无代码做APP动效的最佳帮手！
《SKETCH神助攻！无代码做动效神器HYPE3入门教程》Top 3：四月份的免费英文字体打包下载
《挑个任性！四月份高质量精选英文字体免费打包下载》
作者：@凉星在
【优设网 原创文章 投稿邮箱：2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量94万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
复制本文链接 文章为作者独立观点不代表优设网立场，未经允许不得转载。
程远
30310.5w人气 6856文章
发评论！每天赢奖品
点击 登录 后，在评论区留言，系统会随机派送奖品
2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们
优设私房课无门槛优惠券
已累计诞生 516 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓