网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
教你用fireworks制作水晶透明效果
发布日期:2011-08-31 阅读次数:12498 字体大小:

 

先预览效果

点击查看原图

第一步:新建一个600*200白底文件

第二步:新建一图层,命名为BG1

点击查看原图

用圆角工具画一个115*32的圆角矩形

调整矩形圆角度数

点击查看原图

给矩形添加photoshop动态效果

点击查看原图

第三步:将图层BG1复制一份命名为BG2

缩小为114*32(水平和垂直方向减小一个像素),并且取消photoshop动态效果,填充背景颜色#A9A9A9

点击查看原图

第四步:将图层BG2复制一份命名为BG3,给图层填充放射性渐变

点击查看原图

第四步:将图层BG3复制一份命名为BG4,给图层填充线性渐变

点击查看原图

第五步:制作一条白色的虚线

用矩形工具画一个正方形填充白色线性渐变调整透明度

点击查看原图

第六步:制作一个阴影完成水晶按钮的制作

点击查看原图