平面设计 
首页 > 平面设计 > 浏览文章

photoshop利用图层样式制作清爽的播放器按钮

(编辑:jimmy 日期: 2024/10/15 浏览:3 次 )
效果图中的按钮共有两层,分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形,然后用图层样式添加颜色和质感,再在底部增加一点暗部和高光即可。
最终效果

photoshop利用图层样式制作清爽的播放器按钮


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

在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)。

photoshop利用图层样式制作清爽的播放器按钮

photoshop利用图层样式制作清爽的播放器按钮
 
2、用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐。

photoshop利用图层样式制作清爽的播放器按钮

photoshop利用图层样式制作清爽的播放器按钮

photoshop利用图层样式制作清爽的播放器按钮

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

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

photoshop利用图层样式制作清爽的播放器按钮
 
4、窗口 > 样式 > 新建样式 > 确定。

photoshop利用图层样式制作清爽的播放器按钮

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

photoshop利用图层样式制作清爽的播放器按钮

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

photoshop利用图层样式制作清爽的播放器按钮

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

photoshop利用图层样式制作清爽的播放器按钮

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

photoshop利用图层样式制作清爽的播放器按钮
 
9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,其中斜面浮雕和阴影设置如下%。

photoshop利用图层样式制作清爽的播放器按钮

photoshop利用图层样式制作清爽的播放器按钮

最终效果:

photoshop利用图层样式制作清爽的播放器按钮
上一篇:教你用PS简单制作蓝色圆形内有音符的水晶按钮
下一篇:Photoshop制作有阴影的水晶导航按钮
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?