网页制作怎么制作按钮
1个回答
展开全部
1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底",选择“圆角矩形工具”,半径数值为“25”,绘制圆角矩形。
2.所示锁定透明象素
3.选择渐变工具,颜色设置如下<图5>,由上至下绘制渐变效果
4.在“按钮-底”上新建一层命名为“按钮--高光”,调出“按钮--底”的选区如<图7>,选择菜单:选择 > 修改 > 收缩,数值为3,再填充白色,按Ctrl D取消选区。
5.在“按钮--高光”这层添加蒙版,再用黑白渐变工具如<图11>由上往下绘制渐变
6.回到"按钮--底"这层,调出图层样式,分别调节:内阴影,描边。
7.在"按钮--底"这层上面新建一层命名为“按钮--测光”,调出“按钮--底”的选区如<图16>,选择菜单:选择 > 修改 > 收缩,数值为1,再填充白色,用矩形选取工具适当的把选区向右移几个象素然后按"Delete"键删除选区部分
8.按Ctrl D取消选区,再用橡皮工具选适当的大小插除下面的部分
9.按Ctrl J 把"按钮--侧光"复制一层,选择:编辑> 变形 > 垂直翻转,再选择:编辑> 变形 > 水平翻转,把翻转后的图片移到右侧适当的位置
10.在"按钮--底"上面新建一层命名为“按钮--边”调出"按钮--底"的选区如<图23>,再选择菜单:编辑 > 描边 设置如<图24>再按Ctrl D 取消选区。
11.在"按钮--高光"上面新建一层命名为“按钮--文字”,在上面打上"网站名",字体颜色用白色.
12.按Ctrl J 把文字复制一层,把下面的文字隐藏,为上面文字加投影效果,设置如<图27>,再回到下面的文字层,删格化图层,选择菜单 编辑> 变形 > 垂直翻转 把文字拖到合适的位置
13.如下图添加蒙版用黑白渐变从上至下绘制渐变,制作文字的倒影。
2.所示锁定透明象素
3.选择渐变工具,颜色设置如下<图5>,由上至下绘制渐变效果
4.在“按钮-底”上新建一层命名为“按钮--高光”,调出“按钮--底”的选区如<图7>,选择菜单:选择 > 修改 > 收缩,数值为3,再填充白色,按Ctrl D取消选区。
5.在“按钮--高光”这层添加蒙版,再用黑白渐变工具如<图11>由上往下绘制渐变
6.回到"按钮--底"这层,调出图层样式,分别调节:内阴影,描边。
7.在"按钮--底"这层上面新建一层命名为“按钮--测光”,调出“按钮--底”的选区如<图16>,选择菜单:选择 > 修改 > 收缩,数值为1,再填充白色,用矩形选取工具适当的把选区向右移几个象素然后按"Delete"键删除选区部分
8.按Ctrl D取消选区,再用橡皮工具选适当的大小插除下面的部分
9.按Ctrl J 把"按钮--侧光"复制一层,选择:编辑> 变形 > 垂直翻转,再选择:编辑> 变形 > 水平翻转,把翻转后的图片移到右侧适当的位置
10.在"按钮--底"上面新建一层命名为“按钮--边”调出"按钮--底"的选区如<图23>,再选择菜单:编辑 > 描边 设置如<图24>再按Ctrl D 取消选区。
11.在"按钮--高光"上面新建一层命名为“按钮--文字”,在上面打上"网站名",字体颜色用白色.
12.按Ctrl J 把文字复制一层,把下面的文字隐藏,为上面文字加投影效果,设置如<图27>,再回到下面的文字层,删格化图层,选择菜单 编辑> 变形 > 垂直翻转 把文字拖到合适的位置
13.如下图添加蒙版用黑白渐变从上至下绘制渐变,制作文字的倒影。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |