fireworks制作水晶透明按钮教程
fireworks制作水晶透明按钮教程
发布时间:2015-05-12 来源:查字典编辑
摘要:先预览效果第一步:新建一个600*200白底文件第二步:新建一图层,命名为BG1用圆角工具画一个115*32的圆角矩形调整矩形圆角度数给矩形...

 先预览效果

fireworks制作水晶透明按钮教程1

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

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

fireworks制作水晶透明按钮教程2

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

调整矩形圆角度数

fireworks制作水晶透明按钮教程3

给矩形添加photoshop动态效果

fireworks制作水晶透明按钮教程4

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

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

fireworks制作水晶透明按钮教程5

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

fireworks制作水晶透明按钮教程6

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

fireworks制作水晶透明按钮教程7

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

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

fireworks制作水晶透明按钮教程8

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

fireworks制作水晶透明按钮教程9
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新FireWorks教程学习
热门FireWorks教程学习
网页设计子分类