Photoshop简单几步打造时尚的界面按钮

资讯 驱动中国 X xiaoyang 179次阅读
分享 Q
AI摘要
由 AI 生成 · 仅供参考

本Photoshop教程教大家制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其它地方。 老规矩,我们先看看效果图。 图1:最终效果 下面是制作的过程步骤: 创建一个文档。 图2 填充背景为#191919颜色。然后设置前景色为黑色,

本Photoshop教程教大家制作时尚的界面设计按钮,你可以用在你的超酷的网页设计中,也可以用在其它地方。

老规矩,我们先看看效果图。


图1:最终效果

下面是制作的过程步骤:

创建一个文档。


图2

填充背景为#191919颜色。然后设置前景色为黑色,使用圆角矩形工具,绘制一个黑色的按钮形状。


图3

下面我们添加图层样式。


图4

设置如下:


图5


图6


图7


图8

效果如下:


图9

 

#p#副标题#e#然后按CTRL键点击图层,载入选区。


图10

执行“选择-修改-收缩”。


图11

设置5像素。


图12

然后新建立一个图层,填充颜色为#0081e4,效果如下:


图13

然后设置图层样式。


图14

最终效果如下:


图15

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录
我要投稿有独家观点或行业线索?向驱动中国投稿,审核采用后署名发布并获积分奖励。 去投稿 ›

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友