当前位置:首页ps教程Photoshop制作做乳白色导航效果
Photoshop制作做乳白色导航效果
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程为网页美工教程,主要用Photoshop来制作白色的导航效果,这个效果比较类似于苹果风格下的网页效果.

开始之前,这里强调下,教程是死的,人是活的,不一定要追求教程的效果,可以根据自己的喜欢作出自己的理想效果。

先看效果:

Photoshop制作做乳白色导航效果

教程开始:

1:新建一个600*420,名字为“清洁的白色导航”。

Photoshop制作做乳白色导航效果

2:设置前景色为“#2e2e2e”背景色为“#1c1c1c”,拉一个径向渐变,如图

Photoshop制作做乳白色导航效果

3:新建一层并命名为"白色白条",画个矩形的选区用前景色为“#fafafa”背景色为“#c4c4c4”做个对称渐变,如图。

Photoshop制作做乳白色导航效果

4:给"白色白条"这层加图层模式,先来外发光,参数如图:

Photoshop制作做乳白色导航效果

5:在来一个渐变叠加,注意渐变条的设置:

Photoshop制作做乳白色导航效果

6:在看渐变叠加的参数:

Photoshop制作做乳白色导航效果

7:描边,参数如图:

Photoshop制作做乳白色导航效果

8:描边后的效果如图:

Photoshop制作做乳白色导航效果

9:加入文字,这里文字可以根据自己的爱好来设置,我这里是这样设置的:

Photoshop制作做乳白色导航效果

10:选中文字层和白色白条层后进行中对齐,如图: 11:删格化文字,给文字层加个投影效果,参数如图:(注意这里可以灵活运用,不一定是我这样的设置) 12:现在我们来做鼠标悬停的效果,新建一层命名悬停在用矩形选

10:选中文字层和"白色白条"层后进行中对齐,如图:

Photoshop制作做乳白色导航效果

11:删格化文字,给文字层加个投影效果,参数如图:(注意这里可以灵活运用,不一定是我这样的设置)

Photoshop制作做乳白色导航效果

12:现在我们来做鼠标悬停的效果,新建一层命名“悬停”在用矩形选区画一个如图的选区:

Photoshop制作做乳白色导航效果

13:在矩形选区用渐变工具拉一个前景色为“#dadada”背景色为“#969696” 的线性渐变,并把“悬停”层放到文字层的下层,如图:

Photoshop制作做乳白色导航效果

14:给“悬停”层加个描边,参数如图:

Photoshop制作做乳白色导航效果

15:得到的效果如图:

Photoshop制作做乳白色导航效果

16:降低下“悬停”层的不透明度为40%;

Photoshop制作做乳白色导航效果

17:得到效果图(最终效果)

Photoshop制作做乳白色导航效果

进入论坛参与讨论: http://www.missyuan.com/viewthread.php?tid=430110

温馨提示:

文章标题:Photoshop制作做乳白色导航效果

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

更新时间:2024年08月26日

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

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

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

Phhotoshop转手绘:剧照人物转手绘教程

2024-8-26 9:56:51

ps教程

Photoshop制作超炫光感立体字效果

2024-8-26 9:57:43

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