Photoshop制作的一个质感网页导航按钮
:设计聚合网 发布时间：2010-06-15 00:46:06 作者：佚名 
我要评论
我要评论这里用Photoshop制作的一个有质感的网页导航按钮。主要利用了渐变效果与图层样式。
让我们一起来看看这个教程吧
Step 1
我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px
Step 2
为了填补你的背景，选择渐变工具(G)的渐变编辑器打开了，并输入您的颜色值按下面的图像
Step 3
让我们创造了我们的按钮的机构。 使用圆角矩形工具(U)，现在只是创造了约320 × 95px，对5px半径和填充任何颜色(它的矩形，因为我们将添加一个渐变叠加)。
我们将加强它如何给予它一些图层样式外观。 首先，套用阴影。
内发光效果…
斜面和浮雕…
最后，一个渐变叠加
Step 4
现在，让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。
继续下去，并给它一些图层样式。 下面的图片以供参考使用
为了确保它的垂直和对齐，选择这两个层次，其中包含按钮和箭头机构(概括地讲，我们只有两个层迄今)和对齐单击控制条垂直中心
创建一个小的矩形，如在下面的图片1()。然后转到“编辑>变换>斜交>V：30
给它同样的图层样式
Step 1
我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px
Step 2
为了填补你的背景，选择渐变工具(G)的渐变编辑器打开了，并输入您的颜色值按下面的图像
Step 3
让我们创造了我们的按钮的机构。 使用圆角矩形工具(U)，现在只是创造了约320 × 95px，对5px半径和填充任何颜色(它的矩形，因为我们将添加一个渐变叠加)。
我们将加强它如何给予它一些图层样式外观。 首先，套用阴影。
内发光效果…
斜面和浮雕…
最后，一个渐变叠加
Step 4
现在，让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。
继续下去，并给它一些图层样式。 下面的图片以供参考使用
为了确保它的垂直和对齐，选择这两个层次，其中包含按钮和箭头机构(概括地讲，我们只有两个层迄今)和对齐单击控制条垂直中心
创建一个小的矩形，如在下面的图片1()。然后转到“编辑>变换>斜交>V：30
给它同样的图层样式
相关文章
今天的教程是教给大家做一个非常有圣诞氛围的圣诞快乐按钮，充满浓浓的圣诞节日气息，小伙伴们还不快快打开PS一起来学习2021-06-16
ps2021怎么做漂亮的渐变按钮？ps中想要设计一款领券的按钮，如果添加渐变色会更加显眼，该怎么设计渐变色按钮呢？下面我们就来看看ps按钮样式的设计方法，详细请看下文介绍2021-05-27
很多人人物游戏按钮只能用AI才能设计，其实不然，一些按钮不只可以用AI设计，PS照样可以，今天我们就教大家制作一个蓝色科技金属质感的“play”按钮，一起来学习吧2021-05-18
ps怎么设计配色干净扁平化按钮？很多时候我们会看到各种按钮，想要设计一款颜色干净清爽的扁平化按钮，该怎么操作呢？下面我们就来看看ps按钮矢量图的设计方法，需要的朋友2021-04-08
怎么用PS制作按钮形状效果？下面这边文章主要为大家讲述了用PS制作按钮形状效果的教程，感兴趣的小伙伴来学习吧2020-12-15
ps怎么设计圆形的不锈钢金属按钮图标？ps中想要设计一款圆形的按钮，该怎么设计这个按钮矢量图呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-06-30
PS怎么设计可爱的按钮？ps中想要设计一款可爱的按钮，该怎么设计呢？下面我们就来看看ps设计按钮的教程，需要的朋友可以参考下2018-10-30
ps怎么设计逼真的玻璃质感按钮？ps中想要设计一款漂亮的玻璃按钮，该怎么设计逼真透明的玻璃按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-23
ps怎么设计创意的圆形按钮？ps中想要设计按钮，该怎么设计创意的按钮图标呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-08-09
PS怎么设计左右轮播图的按钮？网页中经常能见到多张图片轮播的效果，会有左右按钮，该怎么设计这个按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-08-09
最新评论