加入K印象设计师团队

K印象是一个真实的社区,注册后,你可以:
  向政府、企业展示你的设计作品
  参加政府、企业举办的设计征稿活动
  与广大设计师交流心得

设为主页 加入收藏
首页 > 经验分享 > 平面设计心得 >

用Photoshop制作音乐均衡器文本效果

媒体:全球设计网  作者:全球设计网
专业号:K印象资讯 2015/1/12 17:23:32

在这篇Photoshop教程中,我们将制作一个音乐均衡器,然后将这个均衡器效果应用到文本中。希望这篇教程能帮到你,我们开始吧!

估计完成时间:1小时
难度:高级
程序:Adobe Photoshop CS5 (兼容CS4)
 

最终效果:

 

用Photoshop制作音乐均衡器文本效果

 

步骤1:设置背景
 

创建一个530×330 RGB、72 dpi的PSD文件,然后右击选择Layer from background(背景图层),点击OK,然后双击那个图层,进入Color overlay(叠加颜色),颜色设置为:#040404。

 

用Photoshop制作音乐均衡器文本效果

 

步骤2:开始创作均衡器项目符号
 

选择圆角矩形工具(U),半径设置为3px(像素),然后开始描绘项目符号。项目符号宽19px,高7px,间隔3px。

 

用Photoshop制作音乐均衡器文本效果

 

步骤3:完成均衡器图案
 

制作这个图案的最好方法是先画出5个项目符号,然后用Shift 左击将它们全选,右击——Merge layers(合并图层),复制这个合并的图层直到其呈现下面的样子。

 

用Photoshop制作音乐均衡器文本效果

步骤4:在均衡器图案中应用渐变
 

双击项目符号图层(混合选项)。应用渐变叠加,左边颜色为#de0303,右边颜色为#ffcb05。

 

用Photoshop制作音乐均衡器文本效果

 

它看起来将会像这样:

 

用Photoshop制作音乐均衡器文本效果

 

步骤5:剪切均衡器图案

选择Polygonal Lasso Tool(多边形套索工具),用它描绘线条,包括一些点,如下:然后Ctrl X裁剪它们,之后CTRL V粘贴。
 

剪切下的图层不透明度设置为15%。它看起来会像下面的样子:

 

用Photoshop制作音乐均衡器文本效果

步骤6:添加文本

现在我们需要写个文本:从工具盒中选择水平字体工具(T),点击文件中的任意地方,开始打字。选择字体MgOpen Modata,字体类型应用Bold(粗体),字体大小设置为120px,边缘柔化选择Sharp(锐利)。
 

现在在Photoshop CS4/CS5中右边有个工具栏,我不记得老版本中有没有,不过如果你的右边工具栏中没有字符工具,到窗口顶部的水平菜单中去选择字符,然后字符间的距离设置为-95,它看起来会像下面的样子。

 

用Photoshop制作音乐均衡器文本效果

 

步骤7:在文本上使用图层蒙版
 

现在选定这两个图层,右击它们,应用Create Clipping Mask(创建剪贴蒙板),看下面的例子:

 

用Photoshop制作音乐均衡器文本效果

 

步骤8:隐藏不要的图形

现在我们得隐藏剪贴蒙板上留下的白色地方,怎样做?
 

选定文本图层,双击(混合选项),填充不透明度修改为0%,记得取消全选混合剪贴图层。

 

用Photoshop制作音乐均衡器文本效果

我也说两句
E-File帐号:用户名: 密码: [注册]
评论:(内容不能超过500字。)

*评论内容将在30分钟以后显示!
版权声明:
1.依据《服务条款》,本网页发布的原创作品,版权归发布者(即注册用户)所有;本网页发布的转载作品,由发布者按照互联网精神进行分享,遵守相关法律法规,无商业获利行为,无版权纠纷。
2.本网页是第三方信息存储空间,阿酷公司是网络服务提供者,服务对象为注册用户。该项服务免费,阿酷公司不向注册用户收取任何费用。
  名称:阿酷(北京)科技发展有限公司
  联系人:李女士,QQ468780427
  网络地址:www.arkoo.com
3.本网页参与各方的所有行为,完全遵守《信息网络传播权保护条例》。如有侵权行为,请权利人通知阿酷公司,阿酷公司将根据本条例第二十二条规定删除侵权作品。

 

 

本站会员发布的"原创作品",版权归原作者所有,如需商业用途或转载请与作者联系。
如未经作者同意,用作商业用途或匿名转载,作者将保留追究侵权者法律责任的权利。
© K印象 www.kimage.cn . All Rights Reserved | 基于现代网站理论和E-file技术构建 | 京ICP备10001932号-3