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，給圖層填充線性漸變

點擊查看原圖

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

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

點擊查看原圖

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

點擊查看原圖
Fireworks基礎
FW中幾種字體效果的制作
效果：－－－－－－－－－－－－－－－－－－－效果：－－－－－－－－－－－－－－－－－－－－－－－－
FireworksMX:制作漸變按鈕
1.使用矩形工具在工作區畫一個矩形。 　　 　　2.在“工具”面板“位圖”部分中的“油漆
Fireworks合成圖像法設計化妝品網站首頁(7)
　　24.把另外一張向日葵的圖像縮小到適當的尺寸，並且移動到十字坐標上，如圖1.22所示。　　 圖

相關文章

Fireworks基礎Fireworks使用技巧關於FireworksFireworks設計案例
小編推薦
如何用Fireworks合成圖片並做成宣傳單？ Fireworks制作文字效果的總結(1) Fireworks MX2004 之Shapes初體驗 Fireworks MX 2004 對象相互結合 如何用Fireworks制作水晶效果的導航條 Fireworks中Join命令接觸了解 使用 Fireworks 畫佳能A400 [2] Fireworks MX教程（二十六）創建彈出菜單 Fireworks卡通頭像：搞怪寶寶(1)[組圖] Fireworks制作下雨動畫效果
熱門推薦
用Fireworks MX制作水滴 Fireworks輕松繪制banner廣告 Fireworks 的描邊表面研究 (1) Fireworks中路徑轉選區的討論 Fireworks精細描繪甲殼蟲汽車(2) Macromedia Fireworks 4.0（網頁圖像軟件）快捷鍵 使用 Fireworks 制作紅牆磚頭效果 Fireworks打造漂亮的時鐘動畫 FW MX 2004教程(11)-“歷史記錄”面板[組圖]
大家都在看
Dreamweaver編輯菜單命令快捷鍵 Fireworks不摳圖實現標識反白特效(3) Fireworks繪制甲殼蟲小轎車 怎樣用Dreamweaver制作拖拽效果 一起來視頻聊天！Fireworks繪制逼真攝像頭 Dreamweaver MX 2004做信息公告系統(7)管理頁之公告更新頁的制作 Dm MX使用小圖標讓網站更個性 Fireworks MX 2004 對象相互結合
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved