[PS教程]一个网站导航的设计教程

用户头像
衡阳/UI设计师/15年前/19899浏览
[PS教程]一个网站导航的设计教程

看到一些很酷的网站导航效果,分析了一下之后,写了这个教程并发布出来,希望大家多提宝贵意见.其实方法很简单,十步之内就完成了...

最终效果

1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形;

2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边);

3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的数量);

4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的距离,再按删除键删除选区内的色彩.再CTRL+D,取消选区.这样我们就得到了按钮底部的高光了;

5.选图层2,添加图层样式(渐变叠加);

6.按CTRL键,点击图层1,调出层1选区,再新建图层3,使用渐变工具(径向渐变,白到黑色,从按钮的上中位置拖到按钮的下右位置),CTRL+D取消选区,改变层3的图层样式;如图设置

7.选择圆角矩形工具,建立与按钮同等宽度的圆色矩形路径,再选用转换点工具,移动右下角两个节点.使其变成梯形,新建图层4,设置前景色为白色,进入路径面板,填充路径(白色).按CTRL键点击层1,选图层4,为图层4添加图层蒙板.再设置图层混合模式,产生按钮的高光效果;

8.输入文字,添加图层样式;

完成最终效果

5
举报
|
429
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】汽车icon
我的钱包-UI界面设计-app
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
【新年UI图标】30个图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
【新年UI图标】体育icon
UI界面 组件
【新年UI图标】秒杀icon
钱包ui模板
【新年UI图标】礼物/活动icon
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级感金属拟物 UI设计组件库
Security Camera UI kit
【新年UI图标】旅行icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】会员icon
你可能喜欢
相关收藏夹
大家都在看
登录注册