编者按:今天的教程是绘制一枚质感逼真的的播放器图标。教程难度中下,适合有基础的同学进阶学习,重点依然是图层样式的运用,练手戳 >>>
最终效果图:
新建一个600*600画布。
来个白到灰的径向渐变。
椭圆工具画个300*300的圆。
直接选择工具选中这两个点。
右键,自由变换点,在箭头标注的W位置输入80。
重复上一步骤,选中上面两个点,在H位置输入80。
居中下,调整下大小自己感觉合适即可。
给调整好的圆角矩形添加图层样式,投影,渐变叠加。内阴影,斜面浮雕。
调整图层样式后的圆角矩形变的更有立体感。
画一个圆大小自定,用渐变叠加调处金属质感。
接着添加斜面浮雕和投影。
再画一个圆。
添加图层样式,先来个渐变叠加。
投影,内阴影,斜面浮雕。
调整后的效果:
ok,这一步来教同学做光碟上的拉丝效果,使它更为逼真,新建图层,拉个圆形套索,填充白色。
滤镜添加杂色。
滤镜径向模糊。
剪辑蒙版。
(有同学反映插入后就不见了,方法是:调出圆形的图层样式,混合选项里,勾上“将内部效果混合成组”勾选掉,把剪贴图层混合成组。就ok了)
模式改为叠加,调整不透明度。
这样拉丝效果就出现了,也更加逼真点。
再画个圆形添加渐变叠加。
把拉丝图层拷贝出来,剪进去,透明度调低点,给它也添加拉丝效果。
再画一个圆形填充红色。
添加图层样式,投影,内阴影(参数可自己调整)。
拷贝拉丝图层剪辑进去。
再画一个圆形,填充淡红色,也添加拉丝效果,即有俩红色圆形。
再画个小圆形填充白色。
添加投影,内阴影。
画个白色小圆放在这个位置,来做支架。
添加渐变叠加和斜面浮雕。
画个白色小圆,添加一像素描边,
支架部分很简单,同学们试着去做下,全都是用形状工具做的。
形状工具入门教程:《超实用!Photoshop基础形状新手入门指南全科普》
搞定后最终效果:
【2015年最新图标教程合集】
风格素净非常讨人喜欢的播放器图标:
《PS教程!手把手教你快速打造简约的播放器图标》两个科幻感风格的扁平化太空图标!
《PS进阶教程!手把手教你绘制扁平风行星与雷达图标》喂!别忘了给他一个天空(来自有爱的评论串)
《PS初级教程!手把手教你绘制酷炫有型的火箭图标》
作者:看不见的敌人28
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量92万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
继续阅读与本文标签相同的文章
收藏这个网站,免费图标、背景图和纹理应有尽有!
1分钟前推荐: PSERIC
最新 比谷歌还好用!微软BING也能以图搜图了,功能更强大!
1天前推荐: PSERIC
这个 Ai 调色插件,我愿称为年度第二强!(附打包下载)
2天前推荐: 黑狮力
用京东2个爆款案例,聊聊如何驱动用户转化?
2天前推荐: JellyDesign
用超简单的案例,聊聊图标设计的节奏感
2天前推荐: 菜心设计铺
发表评论 快来秀出你的观点