网页常用按钮怎样制作

详细操作

11.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为"按钮--底",选择“圆角矩形工具”如<图1>，半径数值为“25”如<图2>，绘制如<图3>所示的圆角矩形。

<图1><图2>

<图3>

22.如下图所示锁定透明象素

33.选择渐变工具，颜色设置如下<图5>,由上至下绘制渐变效果如<图6>

<图5>

<图6>

44.在“按钮-底”上新建一层命名为“按钮--高光”,调出“按钮--底”的选区如<图7>,选择菜单：选择 > 修改 > 收缩，数值为3，再填充白色，按Ctrl + D取消选区。

<图7>

<图8>

<图9>

55.如<图10>在“按钮--高光”这层添加蒙版,再用黑白渐变工具如<图11>由上往下绘制渐变，效果如<图12>

<图10>

<图11><图12>

66.回到"按钮--底"这层,调出图层样式,分别调节：内阴影，描边。相关设置分别如<图13>,<图14>，效果如<图15>

<图13>

<图14>

<图15>

77.在"按钮--底"这层上面新建一层命名为“按钮--测光”,调出“按钮--底”的选区如<图16>,选择菜单：选择 > 修改 > 收缩，数值为1，再填充白色，用矩形选取工具适当的把选区向右移几个象素如<图19>然后按"Delete"键删除选区部分如<图20>

<图16>

<图19><图20>

88.按Ctrl+D取消选区，再用橡皮工具选适当的大小插除下面的部分如<图21>

<图21>

99.按Ctrl + J 把"按钮--侧光"复制一层，选择：编辑> 变形 > 垂直翻转,再选择：编辑> 变形 > 水平翻转,把翻转后的图片移到右侧适当的位置如<图22>

<图22>

1010.在"按钮--底"上面新建一层命名为“按钮--边”调出"按钮--底"的选区如<图23>，再选择菜单：编辑 > 描边 设置如<图24>再按Ctrl + D 取消选区。效果如<图25>

<图23>

<图24>

<图25>

1111.在"按钮--高光"上面新建一层命名为“按钮--文字”，在上面打上"WWW.68PS.COM",字体颜色用白色.如<图26>

<图26>

1212.按Ctrl + J 把文字复制一层，把下面的文字隐藏，为上面文字加投影效果，设置如<图27>,再回到下面的文字层，删格化图层，选择菜单 编辑> 变形 > 垂直翻转 把文字拖到合适的位置如<图28>

<图28>

1313.如下图添加蒙版用黑白渐变从上至下绘制渐变，制作文字的倒影。

<图29>

用户类似问题：

问题1：网页制作怎么制作按钮

1.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为"按钮--底",选择“圆角矩形工具”，半径数值为“25”，绘制圆角矩形。 2.所示锁定透明象素 3.选择渐变工具，颜色设置如下,由上至下绘制渐变效果 4.在“按钮-底”上新建... >>详细

问题2：请问网页制作中按钮的制作

PS或coreldraw都可以，做成两种样式的，规格一样，大小一样，颜色变一下就可以，然后到dreamweaver中点编辑菜单有个插入-图像对象-鼠标经过图像就可插入鼠标经过以后的动态按钮。 >>详细

问题3：如何在网页中插入自己制作的按钮

将光标置于需要插入图片的位置，打开Insert菜单下的image选项（或者点击工具条中的插入图片的图标，则弹出一个对话框：你可以直接键入图片所在位置的URL 或者点击图标在弹出的文件夹对话框中选择所要加入的图片文件名。你还可以点击Clip Art按钮... >>详细

问题4：如何制作好看的网页按钮

为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。现在让按钮从背景中突显出来，添加1 px描边，... >>详细

问题5：网页制作怎么做按钮，最好带步骤。谢谢

你到“WEB标准之路”之路上去看看吧，有详细的教程，教你用"css雪碧”技术，用美丽的背景图片美化按钮的。还有按钮的样式下载，非常漂亮，直接可以用的。那是个非常实用的网站，不管是对初学者，还是熟手，都很有帮助的。但是前提是你要有一定的HTM... >>详细