[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
设计
> 详细
Photoshop 精致的媒体播放器按钮
时间:
2016-02-08 00:08:43
阅读:
171
评论:
0
收藏:
0
[点我收藏+]
来源:Enet 作者:不详
本教程介绍非常精致的播放器按钮的制作方法。制作的时候需要非常细心,播放器有很多细小的部分需要认真处理,尤其是质感部分,光线要认真去把握。
最终效果
1、首先在PS中建立一个1024*768,分辨率72像素的文档,背景色用黑色,如下所示:
2、现在用钢笔工具中的形状图层选项,作出以下形状而后设置“渐变叠加”图层样式:
3、新建立一层,用圆角矩形工具在图中建立播放器的轮廓,颜色代码用121212:
4、分别用椭圆工具和圆角矩形工具作出形状图层,在用选区相减命令建立以下形状并设置图层样式,如下所示:
5、用圆角矩形工具做出以下形状,并用钢笔工具拖动锚点改变下形状:
6、将改图层的混合模式改成滤色,并将图层不透明度设置为50%:
7、用自定形状工具加入以下形状并用自由变换命令改变下形状的大小,将颜色代码设置为696969,图层混合模式设置为滤色:
8、在加入小喇叭的形状,颜色代码用DFDFDF图层混合模式设置为滤色:
9、在加入下面的形状,颜色代码用DFDFDF:
10、在用直线工具加入播放器底部的高光,颜色代码用484848:
11、在用矩形工具加入下列形状并设置图层样式,图层填充度设置为0:
12、选用椭圆工具加入一个大些的“播放按钮”,颜代码484848:
13、在原来的的按钮基础上在建立一个稍小些的正圆,颜色代码用1E339C:
14、再在此层上建立新图层,并设置图层样式得到以下效果:
15、在用钢笔工具中的形状图层建立以下形状,并设置图层样式,将图层的填充度设置为22%(这里要注意区分图层填充度和图层不透明度):
16、作好以后把以上的蓝色按钮复制出多的一份放到以下位置,如下所示:
17、用自定形状工具在图中加入以下形状在设置下描边图层样式:
18、用矩形工具建立以下形状并设置图层样式:
19、最后在用文字工具和直线工具修饰下细节部分,完成最终效果。
Photoshop 精致的媒体播放器按钮
原文:http://www.jb51.net/photoshop/9993.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!