优艾设计网

Photoshop教程:设计制作橙色网页导航条

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:小鱼   出处:UCD博客 先看下效果吧 :) 第1步:新建文件,大小400 x 400px,背景为黑色。
作者:小鱼   出处:UCD博客

先看下效果吧 :)

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)填充颜色,选择图层样式 >>渐变叠加

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

 

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

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

Photoshop教程:设计制作橙色网页导航条

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

 

Photoshop教程:设计制作橙色网页导航条

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消