网页按钮制作工具 网页常用按钮怎样制作

网页常用按钮怎样制作?最终效果:
网页常用按钮怎样制作――步骤/方法

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

网页常用按钮怎样制作_网页按钮

网页按钮制作工具 网页常用按钮怎样制作

网页常用按钮怎样制作 2、
2.如下图所示锁定透明象素

网页常用按钮怎样制作 3、
3.选择渐变工具,颜色设置如下<图5>,由上至下绘制渐变效果如<图6>
<图5>
<图6>

网页常用按钮怎样制作_网页按钮


网页常用按钮怎样制作 4、
4.在“按钮-底”上新建一层命名为“按钮--高光”,调出“按钮--底”的选区如<图7>,选择菜单:选择 > 修改 > 收缩,数值为3,再填充白色,按Ctrl + D取消选区。
<图7>
<图8>
<图9>

网页常用按钮怎样制作_网页按钮


网页常用按钮怎样制作 5、
5.如<图10>在“按钮--高光”这层添加蒙版,再用黑白渐变工具如<图11>由上往下绘制渐变,效果如<图12>
<图10>
<图11><图12>

网页常用按钮怎样制作_网页按钮


网页常用按钮怎样制作 6、
6.回到"按钮--底"这层,调出图层样式,分别调节:内阴影,描边。相关设置分别如<图13>,<图14>,效果如<图15>
<图13>
<图14>
<图15>

网页常用按钮怎样制作_网页按钮


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

网页常用按钮怎样制作_网页按钮


网页常用按钮怎样制作 8、
8.按Ctrl+D取消选区,再用橡皮工具选适当的大小插除下面的部分如<图21>
<图21>

网页常用按钮怎样制作 9、
9.按Ctrl + J 把"按钮--侧光"复制一层,选择:编辑> 变形 > 垂直翻转,再选择:编辑> 变形 > 水平翻转,把翻转后的图片移到右侧适当的位置如<图22>
<图22>

网页常用按钮怎样制作 10、
10.在"按钮--底"上面新建一层命名为“按钮--边”调出"按钮--底"的选区如<图23>,再选择菜单:编辑 > 描边 设置如<图24>再按Ctrl + D 取消选区。效果如<图25>
<图23>
<图24>
<图25>

网页常用按钮怎样制作_网页按钮


网页常用按钮怎样制作 11、
11.在"按钮--高光"上面新建一层命名为“按钮--文字”,在上面打上"WWW.68PS.COM",字体颜色用白色.如<图26>
<图26>

网页常用按钮怎样制作_网页按钮


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

网页常用按钮怎样制作 13、
13.如下图添加蒙版用黑白渐变从上至下绘制渐变,制作文字的倒影。
<图29>

网页常用按钮怎样制作_网页按钮

  

爱华网本文地址 » http://www.aihuau.com/a/8105090103/333139.html

更多阅读

ps如何制作水晶按钮 ps按钮制作教程

ps如何制作水晶按钮——简介水晶按钮在网页应用中非常广泛,今天就和大家一起来分享如何用ps制作水晶按钮,方法很简单主要利用图层样式来实现,让我们一起来学习吧ps如何制作水晶按钮——工具/原料photoshop cs

怎样制作一个安装包软件 软件安装包制作工具

怎样制作一个安装包软件——简介传统的制作安装包的工具基本都会比较繁琐的,要么是基于脚本式编写,要么制作出的安装包界面不好看。这里教大家简单目前比较好用的一款工具——兮米安装包制作工具,用他简单制作出一款高压缩率、界面

老毛桃U盘启动盘制作工具2013版制作教程 linux启动u盘制作工具

老毛桃U盘启动盘制作工具2013版制作教程——简介移动装系统,一个好的u盘启动盘工具非常重要,它可以用来随时随地地装系统,还可以用来修复系统,也可以用来备份系统等等操作,那么老毛桃U盘启动盘制作工具2013版怎样制作呢,见下面图文教程。

u盘启动盘制作工具哪个好用? linux启动u盘制作工具

u盘启动盘制作工具哪个好用?——简介随着4月8号windows XP停止服务以及window 8.1 update系统的放出,最近给自己爱机换系统的同学越来越多了。重做系统,大部分同学的选择还是win7、win8.1,当然很多喜欢尝鲜的同学已经安装上或者马上就

转藏:CHM电子书制作图文教程(附带制作工具)

CHM电子书制作图文教程(附带制作工具)文章转自“搜书吧”电子书版块(http://www.souso.org/thread-5335-1-1.html)作者超级版主。制作CHM电子书首先要准备好排版工具“EmEditor”和“HP电子书制作软件”排版工具“EmEditor”“HP电子

声明:《网页按钮制作工具 网页常用按钮怎样制作》为网友暮雨咋歇分享!如侵犯到您的合法权益请联系我们删除