当前位置:首页ps教程Photoshop制作橙色盒子网页导航
Photoshop制作橙色盒子网页导航
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要用Photoshop设计一张网页导航教程,教程中的导航主要用黑色和橙色搭配,最终的效果图质感而且清爽.学习网页美工的童鞋可以一起来学习.

先看下效果吧 :)

Photoshop制作橙色盒子网页导航

第1步:新建文件,大小400 x 400px,背景为黑色。

Photoshop制作橙色盒子网页导航

第2步:选择圆角矩形工具(U)(半径为10px)

Photoshop制作橙色盒子网页导航

第3步:选择图层样式 >>颜色叠加 >>描边

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

第5步:使用矩形工具(U)创建一个矩形,选择图层样式 >>投影 >>渐变

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

第7步:新建层,选择钢笔工具(P),载入选区(ctrl+Enter)填充颜色,选择图层样式 渐变叠加 第8步:选择文本工具(T),输入标题文字,选择图层样式 渐变叠加 第9步:选择文本工具(T),输入文字,颜色为白色 小鱼已经完

第7步:新建层,选择钢笔工具(P),载入选区(ctrl+Enter)填充颜色,选择图层样式 >>渐变叠加

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

第8步:选择文本工具(T),输入标题文字,选择图层样式 >>渐变叠加

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

Photoshop制作橙色盒子网页导航

第9步:选择文本工具(T),输入文字,颜色为白色

Photoshop制作橙色盒子网页导航

小鱼已经完成PsP制作橙色盒子导航,您呢(*^__^*) 嘻嘻……

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

温馨提示:

文章标题:Photoshop制作橙色盒子网页导航

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

更新时间:2024年09月01日

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

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

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

Photoshop打造性感美女圣诞节贺卡

2024-9-1 10:05:30

ps教程

Photoshop使用通道给美女抠图

2024-9-1 10:06:11

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