ps设计播放器按钮(3)

本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图 先看看效果图 1.渐变背景 文件新建,尺寸为800X600像素,72分辨率的

PS形状工具简介(3)

第二部分:形状的填充类型 我们知道了如何得到形状图层,那么就来给它个颜色吧!一般来说,形状图层的颜色是前景色,当然也会根据你之前的设置来。 这个是填充,上面5个方框从左到右依次是:无填充、纯色填充、渐变

本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图

先看看效果图

ps设计播放器按钮(3)插图

1.渐变背景

文件>新建,尺寸为800X600像素,72分辨率的文件

在颜色面板,设置前景色值#eceff6,背景色值#bec1cc

图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)

ps设计播放器按钮(3)插图(1)

ps设计播放器按钮(3)插图(2)

2.创建和调整圆

ps设计播放器按钮(3)插图(3)

用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐

ps设计播放器按钮(3)插图(4)

ps设计播放器按钮(3)插图(5)

3.样式

回到图层面板双击其中一个圆设置图层样式如下:

·斜面浮雕·内阴影·渐变叠加·外发光·阴影

ps设计播放器按钮(3)插图(6)

窗口>样式>新建样式>确定

ps设计播放器按钮(3)插图(7)

 

设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

ps设计播放器按钮(3)插图(8)

4.创建真实阴影

复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下

ps设计播放器按钮(3)插图(9)

滤镜>模糊>动感模糊

ps设计播放器按钮(3)插图(10)

用矩形框选工具>删除多余部分,把图层放在圆的底层,透明度设置在25%-75%

ps设计播放器按钮(3)插图(11)

5.斜面和浮雕

ps设计播放器按钮(3)插图(12)

这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,

其中斜面浮雕和阴影设置如下。

ps设计播放器按钮(3)插图(13)

现在你明白了图层样式的应用了,然后往里面增加播放按钮或者你喜欢图形。

ps设计播放器按钮(3)插图(14)

 

窗口>样式>新建样式>确定

ps设计播放器按钮(3)插图(7)

 

设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

ps设计播放器按钮(3)插图(8)

4.创建真实阴影

复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下

ps设计播放器按钮(3)插图(9)

滤镜>模糊>动感模糊

ps设计播放器按钮(3)插图(10)

用矩形框选工具>删除多余部分,把图层放在圆的底层,透明度设置在25%-75%

ps设计播放器按钮(3)插图(11)

5.斜面和浮雕

ps设计播放器按钮(3)插图(12)

这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,

其中斜面浮雕和阴影设置如下。

ps设计播放器按钮(3)插图(13)

现在你明白了图层样式的应用了,然后往里面增加播放按钮或者你喜欢图形。

ps设计播放器按钮(3)插图(14)

 

本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图

先看看效果图

ps设计播放器按钮(3)插图

1.渐变背景

文件>新建,尺寸为800X600像素,72分辨率的文件

在颜色面板,设置前景色值#eceff6,背景色值#bec1cc

图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)

ps设计播放器按钮(3)插图(1)

ps设计播放器按钮(3)插图(2)

2.创建和调整圆

ps设计播放器按钮(3)插图(3)

用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐

ps设计播放器按钮(3)插图(4)

ps设计播放器按钮(3)插图(5)

3.样式

回到图层面板双击其中一个圆设置图层样式如下:

·斜面浮雕·内阴影·渐变叠加·外发光·阴影

ps设计播放器按钮(3)插图(6)

本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图

先看看效果图

ps设计播放器按钮(3)插图

1.渐变背景

文件>新建,尺寸为800X600像素,72分辨率的文件

在颜色面板,设置前景色值#eceff6,背景色值#bec1cc

图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)

ps设计播放器按钮(3)插图(1)

ps设计播放器按钮(3)插图(2)

2.创建和调整圆

ps设计播放器按钮(3)插图(3)

用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐

ps设计播放器按钮(3)插图(4)

ps设计播放器按钮(3)插图(5)

3.样式

回到图层面板双击其中一个圆设置图层样式如下:

·斜面浮雕·内阴影·渐变叠加·外发光·阴影

ps设计播放器按钮(3)插图(6)

窗口>样式>新建样式>确定

ps设计播放器按钮(3)插图(7)

 

设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

ps设计播放器按钮(3)插图(8)

4.创建真实阴影

复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下

ps设计播放器按钮(3)插图(9)

滤镜>模糊>动感模糊

ps设计播放器按钮(3)插图(10)

用矩形框选工具>删除多余部分,把图层放在圆的底层,透明度设置在25%-75%

ps设计播放器按钮(3)插图(11)

5.斜面和浮雕

ps设计播放器按钮(3)插图(12)

这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,

其中斜面浮雕和阴影设置如下。

ps设计播放器按钮(3)插图(13)

现在你明白了图层样式的应用了,然后往里面增加播放按钮或者你喜欢图形。

ps设计播放器按钮(3)插图(14)

 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部