手机
当前位置:查字典教程网 >网页设计 >photoshop >用Photoshop制作一个圆形的音乐图标按钮
用Photoshop制作一个圆形的音乐图标按钮
摘要:今天小编为大家分享用Photoshop制作一个圆形的音乐图标按钮方法,教程比较基础,适合新手来学习,希望大家喜欢!步骤打开PS软件,新建大小...

今天小编为大家分享用Photoshop制作一个圆形的音乐图标按钮方法,教程比较基础,适合新手来学习,希望大家喜欢!

用Photoshop制作一个圆形的音乐图标按钮1

步骤

打开PS软件,新建大小为900*600的画布。

用Photoshop制作一个圆形的音乐图标按钮2

新建“图层1”,选择“椭圆工具”,在“图层1”上用鼠标点击一下,创建一个“圆形”。

记得选中“从中心”。

用Photoshop制作一个圆形的音乐图标按钮3

复制“图层1”,将复制的图层明明为“图层2”,对“图层2”进行变形,让其比“图层1”小一圈。

ps.图层2填充“纯黑色”,“图层1”填充#3f3f3f。

用Photoshop制作一个圆形的音乐图标按钮4

选中“图层1”为其添加“渐变叠加”。

渐变样式为“对称的”,具体参数看下图。

用Photoshop制作一个圆形的音乐图标按钮5

用Photoshop制作一个圆形的音乐图标按钮6

此时的图层和效果图如下。

用Photoshop制作一个圆形的音乐图标按钮7

新建“图层3”,选中“椭圆选框工具”,创建“正圆选区”。

用Photoshop制作一个圆形的音乐图标按钮8

选择“渐变工具”,打开“渐变编辑器”进行设置。

注意选择“径向渐变”后,在“图层3”中用鼠标填充渐变。

用Photoshop制作一个圆形的音乐图标按钮9

用Photoshop制作一个圆形的音乐图标按钮10

用Photoshop制作一个圆形的音乐图标按钮11

新建“图层4”,使用“矩形选区工具”选择“从选区中减去”创建下图中“半圆形选区”

用Photoshop制作一个圆形的音乐图标按钮12

用Photoshop制作一个圆形的音乐图标按钮13

使用“渐变工具”在“图层4”的选区中,填充颜色渐变。

将图层4的混合模式调整为“弱光”并调整其不透明度为50%.

用Photoshop制作一个圆形的音乐图标按钮14

选中“自定义工具”,在“形状”中选中“音乐符号”,放到合适的位置。

用Photoshop制作一个圆形的音乐图标按钮15

用Photoshop制作一个圆形的音乐图标按钮16

创建一个图层,命名为“阴影”,并把其调到紧挨着“背景”图层。

创建“椭圆选区”并填充黑色。

用Photoshop制作一个圆形的音乐图标按钮17

最后为“阴影”图层添加“高斯模糊”即可。

“滤镜”→“模糊”→“高斯模糊”。

用Photoshop制作一个圆形的音乐图标按钮18

注意事项

Photoshop CC版本中,可以直接把图层转换为CSS文件——以便直接使用。

以上就是用Photoshop制作一个圆形的音乐图标按钮方法介绍,有兴趣的朋友可以参考上面步骤进行操作,希望大家喜欢本教程!

【用Photoshop制作一个圆形的音乐图标按钮】相关文章:

Photoshop制作丝飘带效果简明教程

妙用PhotoShop制作酷酷的个性插画效果签名

Photoshop简单制作物体发光特效

Photoshop制作动感圆点发光文字特效

妙用Photoshop制作水彩画的简单方法

用Photoshop蒙版制作漂亮的特效签名图

PhotoShop制作遮罩图过程详解

Photoshop制作唯美的橙黄色动漫风格少女签名教程

教你如何巧用PS滤镜制作一个炙热的太阳

Photoshop教程:制作圣诞签名效果

精品推荐
分类导航