photoshop利用图层样式制作清爽的播放器按钮
发布时间:2021-04-10 编辑:√無∑情— 内容来源:收集于网络
效果图中的按钮共有两层,分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形,然后用图层样式添加颜色和质感,再在底部增加一点暗部和高光即可。
最终效果

1、文件>新建,尺寸为800X600像素,72分辨率的文件。
在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)。


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



3、回到图层面板双击其中一个圆设置图层样式如下:
斜面浮雕、内阴影、渐变叠加、外发光、阴影。

4、窗口 > 样式 > 新建样式 > 确定。

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

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

7、滤镜 > 模糊 > 动感模糊。

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

9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,其中斜面浮雕和阴影设置如下%。


最终效果:

最终效果

1、文件>新建,尺寸为800X600像素,72分辨率的文件。
在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)。


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



3、回到图层面板双击其中一个圆设置图层样式如下:
斜面浮雕、内阴影、渐变叠加、外发光、阴影。

4、窗口 > 样式 > 新建样式 > 确定。

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

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

7、滤镜 > 模糊 > 动感模糊。

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

9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,其中斜面浮雕和阴影设置如下%。


最终效果:

网页按钮制作教程分类
热门教程
- ps中想要设计漂亮的玻璃按钮
- 怎么用PS制作按钮形状效果?
- 利用PS绘制非常有质感的立体按钮过程
- 使用PS快速绘制清新绿色的扁平化按钮
- PS鼠绘教程:绘制超精致《今日头条》立体图标
- 教你用Photoshop设计立体质感的盒子图标
- 用photoshop打造高光橘色水晶RSS按钮
- 教你用photoshop制作一款小巧的红色点击按钮
- 教你用photoshop制作一个浅蓝色高光按钮,ps高光按钮制作
- photoshop文件夹图标教程,ps电脑文件图标制作
- Photoshop简单制作漂亮质感的中国风按钮
- photoshop制作Itunes10图标,ps音乐图标教程
- 用PS制作简洁大气质感的圆形开关按钮图标的方法.ps开关按钮制作
- photoshop制作出逼真的动感雷达图标效果
- Photoshop制作颜色对半透明风格的网页导航条按钮过程
- photoshop利用钢笔和图层样式制作出护士图标效果
- PS路径和钢笔工具制作扁平化图标方法详解
- photoshop制作出黑色高光三维质感按钮










