fireworks制作水晶透明按钮教程
发布时间:2015-05-12 来源:查字典编辑
摘要:先预览效果第一步:新建一个600*200白底文件第二步:新建一图层,命名为BG1用圆角工具画一个115*32的圆角矩形调整矩形圆角度数给矩形...
先预览效果
![fireworks制作水晶透明按钮教程1](/Images/jiaocheng/2015-05-0717/1406692853.jpg)
第一步:新建一个600*200白底文件
第二步:新建一图层,命名为BG1
![fireworks制作水晶透明按钮教程2](/Images/jiaocheng/2015-05-0717/1871539237.jpg)
用圆角工具画一个115*32的圆角矩形
调整矩形圆角度数
![fireworks制作水晶透明按钮教程3](/Images/jiaocheng/2015-05-0717/2201775313.jpg)
给矩形添加photoshop动态效果
![fireworks制作水晶透明按钮教程4](/Images/jiaocheng/2015-05-0717/2792984066.jpg)
第三步:将图层BG1复制一份命名为BG2
缩小为114*32(水平和垂直方向减小一个像素),并且取消photoshop动态效果,填充背景颜色#A9A9A9
![fireworks制作水晶透明按钮教程5](/Images/jiaocheng/2015-05-0717/36594986.jpg)
第四步:将图层BG2复制一份命名为BG3,给图层填充放射性渐变
![fireworks制作水晶透明按钮教程6](/Images/jiaocheng/2015-05-0717/3900087344.jpg)
第四步:将图层BG3复制一份命名为BG4,给图层填充线性渐变
![fireworks制作水晶透明按钮教程7](/Images/jiaocheng/2015-05-0717/4065966160.jpg)
第五步:制作一条白色的虚线
用矩形工具画一个正方形填充白色线性渐变调整透明度
![fireworks制作水晶透明按钮教程8](/Images/jiaocheng/2015-05-0717/2202301716.jpg)
第六步:制作一个阴影完成水晶按钮的制作
![fireworks制作水晶透明按钮教程9](/Images/jiaocheng/2015-05-0717/1971871565.png)