PS简单制作一个网页按钮

站长资源 2024/11/6 佚名

23 1538 23

DDR爱好者之家 Design By 杰米

网页按钮几乎存在于每一个网页中，也是网页设计人员需要学习和掌握的，下面通过一个简单的操作实例来介绍网页按钮的制作，希望对各位能有所帮助。

打开photoshop新建空白网页

双击photoshop打开制图软件，然后按ctrl+n新建一800px*1000px的空白网页，目的是要模拟制作网页。

使用圆角矩形工具画出按钮边沿

首先将网页放大至100%，然后点击圆角矩形工具，调整圆角半径为5px。根据要求在网页上部画出按钮边沿。

填充渐变色后缩小选区1px

打开路径控制面板，将矩形路径转变为选区。点击渐变工具，编辑渐变颜色为灰白渐变，做好设置后，按住shift键在选区范围内进行颜色渐变填充。

依次点击“选择”、“修改”、“收缩”后打开收缩设置对话框，将收缩量调整为1px后点击确定。

再次执行渐变色填充但是渐变方向相反

点开渐变工具选择灰白渐变的方式，这次反向进行渐变填充，注意在执行过程中要在选区内进行。

操作完毕后将网页放大为200%查看制作效果。

多次复制制作好的按钮

如果要制作的按钮都一样，那么这个时候就可以通过复制当前按钮的方式快速获得一般大小的网页按钮。操作方式是点击移动按钮，在准备移动按钮之前按住alt键，记得是一直按住直到一次复制+移动的完成，然后根据需要复制多次。

按钮内添加文字

点击文字工具，在属性栏中根据设计要求填写字词，注意在填写的过程中注意图层的问题，要在对应的土层内填写。

以上就是PS简单制作一个网页按钮方法介绍，操作很简单的，大家学会了吗？希望能对大家有所帮助！

网页,按钮

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“PS简单制作一个网页按钮”

暂无评论...