当前位置:主页 > 图片处理 >

Photoshop教程:设计制作橙色网页导航条【组图】

  • 图片处理
  • 2022-11-05 12:11
  • 导航,条,网页,橙色,教程,设计制作,Photoshop

修图匠“Photoshop教程:设计制作橙色网页导航条【组图】”Photoshop图文教程内容: 作者:小鱼   出处:UCD博客

先看下效果吧 :)

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

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


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


 


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

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


 


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

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

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



作者:小鱼   出处:UCD博客

先看下效果吧 :)

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

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


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


 


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

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


 


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

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

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



温馨提示:以上“Photoshop教程:设计制作橙色网页导航条【组图】”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长