资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

教你用fireworks制作水晶透明效果

来源:常德网站设计 | 2014.03.12

先预览效果

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

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

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

调整矩形圆角度数

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

给矩形添加photoshop动态效果

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

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

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

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

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计

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

教你用fireworks制作水晶透明效果-常德网站建设,常德网站设计


六年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458