您现在的位置是: 软件 > 设计在线 > 美工教室 > 平面设计 > Photoshop > 技巧总汇 > 正文


-色彩系列教程(1):基础知识
-网络浏览过滤软件
-轻松玩转三维家装设计
-2003年六款FTP软件横向测试总表

用PS制作小巧精致的像素按钮
2002-04-23· ·雪个 / 舞影··OXDNS

1 2  下一页

  很多朋友很喜欢像素按钮,但是不清楚具体的制作方法。确实像素按钮的效果非常不错,配合上最近网上流行的04系列字体,确实是非常的酷!如果运用到flash内,可以实现更多炫目的效果。

  其实像素按钮的制作方法非常简单,希望下面的方法介绍能够对你有所帮助。下面是它的演变过程,你可以先自己想想大概的制作思路,然后再对照我们介绍的方法。




  一、 创建一个新文件,300x300像素,白色背景。

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


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



  三、 用很浅的灰色阴影填充按钮, 我使用的是 #EFEFEF :


  然后用ctrl+d取消选定

  四、 然后单击Layer(图层) > Layer Style(图层样式) > Bevel and Emboss(斜面和浮雕) 设置图层效果。

  这里为了更加形象化,我们提供截图,大家只需要按照图中设置即可。

  主要运用的效果包括:斜面和浮雕、内阴影、投影、描边。

  斜面和浮雕


  内阴影



  投影



  描边



1 2  下一页

■ 相关内容
 像素画系列教程9:动物造型
 走近可爱的“像素画”:造型和色彩
 像素画系列教程7:明暗关系
 像素画系列教程6:色彩过渡
 像素画系列教程5;基础造型
 走近可爱的“像素画”:基础篇
 像素画系列教程4:基础透视
 像素画系列教程3:基本图形
 像素画系列教程2:基本线条
 像素画系列教程1:工具的选择
 一步一步建造像素房屋
 像素图常用线条类型及绘制方法
 Fireworks制作透明按钮一例
 PS 特效:透明马赛克
 PS 特效:金属玻璃字
 妙用素材:魔术郁金香
 单色和色彩色调的分离和合成运用
 Coreldraw 制作透明小水滴按钮
 用Coreldraw制作晶莹剔透苹果风格按钮
 3D Flash Animator教程:按钮
 用表格巧妙制作导航条按钮
 用PS制作晶莹剔透的apple风格按钮
 用FW制作金属效果按钮
 Flash贺卡封面动画按钮制作
 Flash 5之互动按钮制作
 一个FLASH的按钮触发鼠标效果
 巧用样式表,让文本框与按钮变个样
 FW4中文帮助--创建按钮和导航栏(2)
 FW4中文帮助--创建按钮和导航栏(1)
 Photoshop教程-外凸按钮
 Photoshop教程-3d导航按钮
 Photoshop教程-按钮1
 利用Fireworks 4作荧光按钮
 利用FIRWORKS制作荧光按钮
感谢 访问天极网,如果您觉得该文章涉及版权问题,请看这里!