您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

网站导航按钮设计ps步骤 Photoshop创建绿色的网站导航按钮

时间:01-15来源:作者:点击数:

首先新建300 x 500的文件,填充背景色为黑色#000000,开始制作按钮导航前加入背景花纹图片

Photoshop创建绿色的网站导航按钮

在PS里新建图层,使用矩形选框工具在新图层上画一矩形

Photoshop创建绿色的网站导航按钮(1)

选框填充一种颜色,为导航按钮增加阴影图层样式

Photoshop创建绿色的网站导航按钮(2)

渐变图层样式

Photoshop创建绿色的网站导航按钮(3)
Photoshop创建绿色的网站导航按钮(4)
Photoshop创建绿色的网站导航按钮(5)
Photoshop创建绿色的网站导航按钮(6)

按住ctrl键的同时点选导航按钮图层,新建立图层,图层在原导航按钮图层之上,选择径向渐变,颜色从白色到白色,后一种设置不透明度,图层上拉一渐变线

Photoshop创建绿色的网站导航按钮(7)
Photoshop创建绿色的网站导航按钮(8)

调整渐变效果使其颜色与导航按钮接近

Photoshop创建绿色的网站导航按钮(9)

新建图层,使用矩形选区工具减去之前的选框

Photoshop创建绿色的网站导航按钮(10)

选择区域

Photoshop创建绿色的网站导航按钮(11)

填充白色,并调整不透明度

Photoshop创建绿色的网站导航按钮(12)

复制做好的导航按钮

Photoshop创建绿色的网站导航按钮(13)

加上文字连接

Photoshop创建绿色的网站导航按钮(14)

为每个导航按钮加入一些笔刷图案

Photoshop创建绿色的网站导航按钮(15)
Photoshop创建绿色的网站导航按钮(16)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门