最近很多朋友在论坛询问制作像素按钮的方法,确实像素按钮的效果非常不错,配合上最近网上流行的04系列字体,确实是非常的酷!如果运用到flash内,就可以实现更多炫目的效果了!
其实像素按钮的制作方法非常简单,这里我们写了一篇教程,希望能够对你有所帮助:)如果你在制作中有什么问题,欢迎来论坛与我们联系。
创建一个新文件,300x300px,白色背景。
从工具栏选矩形框,在顶部样式选项下拉菜单中选固定尺寸,输入宽40-50px(如果需要可以再大些),高11px。
然后单击文件中心选择按钮外形,看起来象我做的这个(如下).
用很轻的浅灰色阴影填充按钮, 我使用的是 #efefef 。
然后用ctrl+d取消选定
然后单击layer(图层) > layer style(图层样式) > bevel and emboss(斜面和浮雕) 设置图层效果。
这里为了更加形象化,我们提供截图,大家只需要按照图中设置即可。
斜面和浮雕
内阴影
投影
描边
好了,现在你已经按照上面的进行了设置,点击确定,看看你的图片,效果已经出来了吧,看起来应该和我的一样:)
最后看看我们的图层窗口,这个样子的(在photoshop6中)
好了,现在可以加入你希望的文字了,一般来说这样的按钮适合位图字体,这段时间网上流行的04系列字体就非常合适:)在我们的站点牛筋大学也提供了这种字体下载,如果你需要点击这里就可以找到下载连接。
这里为了达到理想效果,我采用了如下的设置,大家可以参考。
加上文字后的效果图
最后说几句废话,如果你想得到更加绚丽的效果,我建议你在flash中使用它,你可以加上声音,加上鼠标放上拿开的动感效果,或者更改按钮的色彩,总之,那是你的事儿了:)看看最后作好的图样吧
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器