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

本教程主要用Photoshop制作一个立体质感的时尚按钮,银灰色的质感表现的非常完美,下面一起来为自己的网页设计一个漂亮的按钮吧.

像以前一样,我们先来看效果图.漂亮不,心动不,那就就跟夕木木一起来学习创建这个时尚的按扭.

Photoshop制作时尚的网页按扭

1.打开photoshop,然后新建一个文档250*150,并填充背影:#252a38.

Photoshop制作时尚的网页按扭

2.在工具箱上选择椭圆图标并设置如图:

Photoshop制作时尚的网页按扭

新建一个图层,然后填充一个颜色.

Photoshop制作时尚的网页按扭

3.在调色板上设置如下:

Photoshop制作时尚的网页按扭

使用渐变,渐变如下

Photoshop制作时尚的网页按扭

4.双击图层,打开图层样式,给图层添加阴影.

Photoshop制作时尚的网页按扭

再添加一个描边,但是这样描边和平常不太一样,是用渐变抽边,设置如图所示.

Photoshop制作时尚的网页按扭

Photoshop制作时尚的网页按扭

5.在工具箱上选择加深和减淡工具,设置如图:

Photoshop制作时尚的网页按扭

然后在图所标识的地方,涂沫如下.

Photoshop制作时尚的网页按扭

效果如下:

Photoshop制作时尚的网页按扭

6.选择椭圆选区,作出效果如下.

Photoshop制作时尚的网页按扭

7.添加渐变,设置如图: 从上而下线性渐变 按ctrl+D取消选区,并更改图层的不透明度:40%,混合模式为:opacity. 8.现在使用文字工具,添加文字并设置图层样式. 效果如下: 9.添加下面的文字,效果如下: 10.在这个网站下载图

7.添加渐变,设置如图:

Photoshop制作时尚的网页按扭

从上而下线性渐变

Photoshop制作时尚的网页按扭

按ctrl+D取消选区,并更改图层的不透明度:40%,混合模式为:opacity.

Photoshop制作时尚的网页按扭

8.现在使用文字工具,添加文字并设置图层样式.

Photoshop制作时尚的网页按扭

Photoshop制作时尚的网页按扭

效果如下:

Photoshop制作时尚的网页按扭

9.添加下面的文字,效果如下:

Photoshop制作时尚的网页按扭

10.在这个网站下载图标(icon).然后导入photoshop,按ctrl+U,设置如下,最后更改混合模式:overlay.

Photoshop制作时尚的网页按扭

Photoshop制作时尚的网页按扭

你也可以做一个导航菜单:

Photoshop制作时尚的网页按扭

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

温馨提示:

文章标题:Photoshop制作时尚的网页按扭

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

更新时间:2024年09月01日

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

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

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

Photoshop打造深海中的金鱼特效

2024-9-1 10:08:05

ps教程

Photoshop制作印象派水彩画效果

2024-9-1 10:08:45

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧