收藏本站
 
设为主页
     您的位置:首页资源库图片处理Photoshop 教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
像素按钮的制作方法

作者:雪个 舞影/牛筋大学

 

     最近很多朋友在论坛询问制作像素按钮的方法,确实像素按钮的效果非常不错,配合上最近网上流行的04系列字体,确实是非常的酷!如果运用到flash内,就可以实现更多炫目的效果了!
其实像素按钮的制作方法非常简单,这里我们写了一篇教程,希望能够对你有所帮助:)如果你在制作中有什么问题,欢迎来论坛与我们联系。


创建一个新文件,300x300px,白色背景。




从工具栏选矩形框,在顶部样式选项下拉菜单中选固定尺寸,输入宽40-50px(如果需要可以再大些),高11px。



然后单击文件中心选择按钮外形,看起来象我做的这个(如下).




用很轻的浅灰色阴影填充按钮, 我使用的是 #EFEFEF 。




然后用ctrl+d取消选定



然后单击Layer(图层) > Layer Style(图层样式) > Bevel and Emboss(斜面和浮雕) 设置图层效果。
这里为了更加形象化,我们提供截图,大家只需要按照图中设置即可。

斜面和浮雕



内阴影



投影



描边


好了,现在你已经按照上面的进行了设置,点击确定,看看你的图片,效果已经出来了吧,看起来应该和我的一样:)



最后看看我们的图层窗口,这个样子的(在photoshop6中)




好了,现在可以加入你希望的文字了,一般来说这样的按钮适合位图字体,这段时间网上流行的04系列字体就非常合适:)在我们的站点牛筋大学也提供了这种字体下载,如果你需要点击这里就可以找到下载连接。
这里为了达到理想效果,我采用了如下的设置,大家可以参考。



加上文字后的效果图




最后说几句废话,如果你想得到更加绚丽的效果,我建议你在flash中使用它,你可以加上声音,加上鼠标放上拿开的动感效果,或者更改按钮的色彩,总之,那是你的事儿了:)看看最后作好的图样吧

 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View