制作漂亮的玻璃圆角网页按扭实例教程 PS按扭制作教程

软件发布|下载排行|最新软件

当前位置:首页photoshop教程入门实例

制作漂亮的玻璃圆角网页按扭实例教程 PS按扭制作教程

PS新手入门学习-技巧   2023-12-09 我要评论
PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程。

最终效果图

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

1.首先新建文件,选择圆角矩形工具,绘制出圆角矩形。如图1。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

2.将路径转换为选区,新建图层,使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图2。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

3.取消选区。使用图层样式,给圆角矩形增加内阴影,参数设置如图。如图3。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

4.勾画出如图的选区。如图4。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

5.新建图层,拉出透明到白色渐变。如图5。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

6.新建图层,在矩形左上角勾出如图选区并拉出白色到透明渐变。如图6。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

7.新建图层,使用椭圆选区工具绘制如图所示的两个椭圆选区并羽化填充。如图7。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

8.勾画出如图所示的选区。如图8。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

9.新建图层,拉出白色到透明渐变,并将该层不透明度减低为70%。将所有图层合并(背景层除外),通过色彩平衡来为按钮上色。如图9。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

10.选区按钮的选区并将其扩大。如图10。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

11.使用喷笔绘制出明暗对比效果。如图11。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

12.使用图层样式为按钮底座增加外发光效果。如图12。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

13.新建图层打入按钮上面的文字并将图层混合模式调整为叠加。OK,大功告成~!如图13。

PS按扭制作教程:制作漂亮的玻璃圆角网页按扭实例教程

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们