DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> fireworks制作水晶透明按鈕教程
fireworks制作水晶透明按鈕教程
編輯:Fireworks基礎     

先預覽效果

fireworks制作水晶透明按鈕教程

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

  第二步:新建一圖層,命名為BG1

點擊查看原圖

  用圓角工具畫一個115*32的圓角矩形

  調整矩形圓角度數

點擊查看原圖

  給矩形添加Photoshop動態效果

點擊查看原圖

  第三步:將圖層BG1復制一份命名為BG2

  縮小為114*32(水平和垂直方向減小一個像素),並且取消Photoshop動態效果,填充背景顏色#A9A9A9

點擊查看原圖

  第四步:將圖層BG2復制一份命名為BG3,給圖層填充放射性漸變

點擊查看原圖

  第四步:將圖層BG3復制一份命名為BG4,給圖層填充線性漸變

點擊查看原圖

  第五步:制作一條白色的虛線

  用矩形工具畫一個正方形填充白色線性漸變調整透明度

點擊查看原圖

  第六步:制作一個陰影完成水晶按鈕的制作

點擊查看原圖
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved