photoshop 百分网手机站

使用PhotoShop制作斜纹质感网页导航按钮教程

时间:2020-11-20 16:23:44 photoshop 我要投稿

使用PhotoShop制作斜纹质感网页导航按钮教程

  用PhotoShop制作一种斜纹质感的网页导航按钮效果,简单易学。

  效果图:

PhotoShop简单制作斜纹质感网页导航按钮教程1

  大家好,下面由我来开始教如何做上图效果的简单按钮:

  1.首先打开photoshop软件,Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件:

  ①.我们先在图层面板新建一个新的`图层,然后把背景图层删除(可按del键快捷键)

PhotoShop简单制作斜纹质感网页导航按钮教程2

  ②.接着在“导航器”把界面放到最大 可按ctrl+"+" 快捷键,然后选择矩形选框工具,再选择上面的“添加到选区”,然后按照下图选出那样的选区

  并填充(alt+)为白色:

PhotoShop简单制作斜纹质感网页导航按钮教程3

  ③接着按快捷键alt+A全选图层,再选择“编辑”菜单,往下看,找到“定义图案”,确定!

PhotoShop简单制作斜纹质感网页导航按钮教程4

  2.接着再新建一个新的文件,500 x 300 px,300dpi(分辨率),确定,背景层填充为深灰色(#494949)!下面我们将开始制作按键!

  ①我们首先新建一个图层,再用选框工具选出自己需要的大小按钮,填充为黑色。

PhotoShop简单制作斜纹质感网页导航按钮教程5