当前位置:首页ps教程Photoshop制作漂亮的网页按钮效果
Photoshop制作漂亮的网页按钮效果
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要用Photoshop制作漂亮的黑色按钮效果,此类效果广泛运用在网页美工设计中,本文让我们一起来学习网页按钮的技巧,练习的过程中自由发挥,多改变下参数的设置,你会得到更多意想不到的效果哈.

最终效果:

Photoshop制作漂亮的网页按钮效果

1:新建一个600*600的文件

Photoshop制作漂亮的网页按钮效果

2:把背景层填充为灰色,在新建一层,画一个矩形的选区,填充为黑色:

Photoshop制作漂亮的网页按钮效果

3:给矩形层添加图层样式(内发光),参数如图:

Photoshop制作漂亮的网页按钮效果

4:继续添加图层样式(渐变叠加)这里看看渐变条的设置:

Photoshop制作漂亮的网页按钮效果

5:渐变叠加的参数:

Photoshop制作漂亮的网页按钮效果

6:继续添加图层样式(描边),参数如图:

Photoshop制作漂亮的网页按钮效果

7:得到的效果如图:

Photoshop制作漂亮的网页按钮效果

8:在新建一层,按CTRL+刚刚的矩形层,载入选区,在新的图层上面拉一个透明到白色的渐变:

Photoshop制作漂亮的网页按钮效果

9:把渐变层图层模式改成柔光:

Photoshop制作漂亮的网页按钮效果

10:做到这里的效果如图:

Photoshop制作漂亮的网页按钮效果

11:在新建一层,画一个圆用白色填充,这里放大文件好操作些哈:

Photoshop制作漂亮的网页按钮效果

12:给圆层添加图层样式(渐变叠加),这里是渐变条的设置:

Photoshop制作漂亮的网页按钮效果

13:渐变叠加参数:

Photoshop制作漂亮的网页按钮效果

14:继续添加图层样式(描边):

Photoshop制作漂亮的网页按钮效果

15:效果如图:

Photoshop制作漂亮的网页按钮效果

16:放大图层,新建一层,在画如图的一个圆并填充为白色: 17:给内部的这个小圆添加图层样式(投影): 18:继续添加图层样式(内阴影): 19:继续添加图层样式(内发光): 20:再继续添加图层样式(渐变叠加): 21:效

16:放大图层,新建一层,在画如图的一个圆并填充为白色:

Photoshop制作漂亮的网页按钮效果

17:给内部的这个小圆添加图层样式(投影):

Photoshop制作漂亮的网页按钮效果

18:继续添加图层样式(内阴影):

Photoshop制作漂亮的网页按钮效果

19:继续添加图层样式(内发光):

Photoshop制作漂亮的网页按钮效果

20:再继续添加图层样式(渐变叠加):

Photoshop制作漂亮的网页按钮效果

21:效果如图:

Photoshop制作漂亮的网页按钮效果

22:放大图层,新建一层,还椭圆工具画出选区,并填充白色:

Photoshop制作漂亮的网页按钮效果

23:降低图层的不透明度50%:

Photoshop制作漂亮的网页按钮效果

24:效果如图:

Photoshop制作漂亮的网页按钮效果

25:把第一步到这里的这些图层添加到一个新组呢:

Photoshop制作漂亮的网页按钮效果

26:在复制4个组,排序并命名好:

Photoshop制作漂亮的网页按钮效果

27:再进每个组改变下渐变叠加的颜色:

Photoshop制作漂亮的网页按钮效果

28:加上文字层,得到最终效果:

Photoshop制作漂亮的网页按钮效果

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=432317

温馨提示:

文章标题:Photoshop制作漂亮的网页按钮效果

文章链接:https://www.4tu.cn/photoshop/32450.html

更新时间:2024年08月25日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop数码后期设计快速配色和构图

2024-8-25 10:10:55

ps教程

Photoshop绘制质感的MP3播放器界面

2024-8-25 10:11:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索