选择显示字体大小

像素按钮的制作方法

最近很多朋友在论坛询问制作像素按钮的方法,确实像素按钮的效果非常不错,配合上最近网上流行的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   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons