记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 46921|回复: 0
收起左侧

[UI教程] 教你绘制淡雅的播放器图标[含26P]

[复制链接]
发表于 2018-10-1 08:07:47 | 显示全部楼层 |阅读模式

编者按:今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 >>>
第一步:
新建画布,大小自定,填充一个淡色。

第二步:
画一个圆形,大小自定,填充如下。

接上边的数值。

第三步:
复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。

接上数值:




第四步:
再画一个圆形,调整大小位置。

图层样式数值。

第五步:
再画一个圆形,加渐变效果。

渐变数值:

第六步:
画一个三角形,填充自己喜爱的颜色,添加样式。

第七步:
画一个这样的圆环。方法可参见:《PS教程!手把手教你绘制一枚锤子浏览器图标》

第八步:
处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。

数值:

第九步:
右下角画一个这样的,方法参照上面的。

第十步:
再画一个放在左边。

第十一步:
在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。

第十二步:
在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。

最终效果:



往期精彩推文:
月薪过万UI设计正确的学习步骤:http://dwz.cn/1vYyOBEU


课程资源分享:
photoshop精品案例课程一学就会:http://www.ui.cn/detail/384613.html
全套photoshop零基础人像修饰教程大汇总:
http://www.ui.cn/detail/384613.html
PS精品素材、21款设计常用字体,共15G免费送:
http://www.ui.cn/detail/384613.html

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:2018系列教程第二弹 C4D 条纹海报
下一篇:蛋壳里的小黄鸡3D建模教程
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )