如何用ps设计网页导航按钮(如何用ps制作导航图)

本文主要介绍如何用ps设计网页上的导航按钮(如何用ps制作导)，下面跟着东辰网详细了解一下吧。

最终效果如下:首先我们在PS中创建新文件，大小为500x500px，白底圆角矩形(半径10)，画出我们纹理图标的轮廓。然后我们用钢笔工具在每条边的中点加一个矢量点，再用直接选择工具把四条边的中点往外拖一点距离。目的是让图形轮廓感觉更圆润。轮廓使用图层样式后的轮廓效果如图。按ctrlj复制图层，并移除复制图层上的所有图层样式。然后按ctrlt将复制的图层缩小到原来的94%左右。然后在复制的图层上添加以下新样式:再次按ctrlj复制图层，去掉图层上的图层样式。然后按ctrlt缩小到原来的93%大小，再用直接选择工具拖动上面的矢量路径节点做成下面的形状，然后对图层进行栅格化(在图形上右击选择栅格化)，填充白色从右到左做渐变效果，设置不透明度使其出现下面的效果。使用自定义形状工具选择一个形状，并将图形添加到先前的纹理轮廓。颜色是白色的。现在我们已经完成了图形制作。以后我们会把文字按钮做在右边。首先，我们将使用圆角工具。颜色为黑色，半径为7px。我们将制作以下区域，只要确保该区域不超过我们的图形轮廓的高度即可。添加图层样式添加文本添加图层样式到文本，使文本看起来像左边的图标。在标题下加小字，颜色为#1d70e1。给小文字添加阴影样式:我们刚刚在上面介绍了导航中一个按钮的方法。下图是导航按钮的完整版。这里用的不同颜色是同一个色调，看起来还是很和谐的！最终效果如下:首先我们在PS中创建新文件，大小为500x500px，白底圆角矩形(半径10)，画出我们纹理图标的轮廓。然后我们用钢笔工具在每条边的中点加一个矢量点，再用直接选择工具把四条边的中点往外拖一点距离。目的是让图形轮廓感觉更圆润。轮廓使用图层样式后的轮廓效果如图。按ctrlj复制图层，并移除复制图层上的所有图层样式。然后按ctrlt将复制的图层缩小到原来的94%左右。然后在复制的图层上添加以下新样式:再次按ctrlj复制图层，去掉图层上的图层样式。然后按ctrlt缩小到原来大小的93%，再用直接选择工具拖动上面的矢量路径节点，做成下面的形状。然后将图层栅格化(右键点击图形选择栅格化)，用白色填充，做出从右到左的渐变效果，设置不透明度，使其看起来如下。使用自定义。正义形状工具，选择一个形状在之前的纹理轮廓上添加一个图形，颜色为白色。现在我们已经完成了图形的制作。我们以后会把文字按钮做在右边。首先使用圆角工具，颜色为黑色，半径为7px，并做出如下区域，只要保证区域不超过我们的图形轮廓高度即可。添加图层样式添加文本添加图层样式到文本，使文本看起来像左边的图标。在标题下加小字，颜色为#1d70e1。给小文字添加阴影样式:我们刚刚在上面介绍了导航中一个按钮的方法。下图是导航按钮的完整版。这里用的不同颜色是同一个色调，看起来还是很和谐的！

了解更多如何用ps设计网页上的导航按钮(如何用ps制作导航)相关内容请关注东辰网。