Fireworks打造Vista毛玻璃效果教程
發(fā)布時(shí)間：2012-11-13 17:33:20 作者：佚名 
我要評(píng)論
我要評(píng)論想做像WIN7，VISTA系統(tǒng)的那種玻璃效果嗎？想用Fireworks作出透明玻璃的導(dǎo)航條嗎？本文將講述如何使用Fireworks實(shí)現(xiàn)簡單玻璃導(dǎo)航效果
局部效果圖：
1、建立畫布，導(dǎo)入背景素材
2、繪制圓角矩形，垂直線性漸變填充
3、繪制矩形高光部分，復(fù)制矩形，原位粘貼，并刪除下半部分，進(jìn)行垂直線性漸變，調(diào)整透明度
4、開始制作毛玻璃效果，線性漸變繪制一個(gè)圓形，羽化10px
5、添加雜點(diǎn)8px
6、選擇先前繪制矩形，在剛才畫的圓形上點(diǎn)擊反鍵-編輯-粘貼為蒙版
7、得到如下效果
8、同上步驟再繪制一個(gè)矩形、放射性填充、羽化及添加雜點(diǎn)步驟
9、在msn小人這塊區(qū)域繪制一個(gè)橢圓行，使用綢緞填充，按如上步驟得到下圖效果。
10、得到效果。
11、最后在標(biāo)題欄上面加一條白色直線，透明度30%。
1、建立畫布，導(dǎo)入背景素材
2、繪制圓角矩形，垂直線性漸變填充
3、繪制矩形高光部分，復(fù)制矩形，原位粘貼，并刪除下半部分，進(jìn)行垂直線性漸變，調(diào)整透明度
4、開始制作毛玻璃效果，線性漸變繪制一個(gè)圓形，羽化10px
5、添加雜點(diǎn)8px
6、選擇先前繪制矩形，在剛才畫的圓形上點(diǎn)擊反鍵-編輯-粘貼為蒙版
7、得到如下效果
8、同上步驟再繪制一個(gè)矩形、放射性填充、羽化及添加雜點(diǎn)步驟
9、在msn小人這塊區(qū)域繪制一個(gè)橢圓行，使用綢緞填充，按如上步驟得到下圖效果。
10、得到效果。
11、最后在標(biāo)題欄上面加一條白色直線，透明度30%。
VIA 網(wǎng)絡(luò)
相關(guān)文章
firework輸入的文字可以根據(jù)需求添加一些效果，該怎么給文字添加字體傾斜效果呢？下面我們就來看看詳細(xì)的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實(shí)現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了，想要虛化一下，需要使用淡化邊緣工具，這個(gè)工具在哪？怎么使用呢？詳細(xì)請(qǐng)看下文介紹2024-05-23
電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期？電腦中圖片的名字想要添加日期，該怎么操作呢？下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05
fw怎么設(shè)計(jì)科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計(jì)科技干的線條？fireworks中想要畫曲線線條，我們需要用到混合路徑工具，下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09
Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光？Fireworks中想要做高光效果，有幾種方法可以添加高光？下面我們就來看看fw中幾種制作高光效果的方法2022-12-21
fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做？fw中想要給圖片添加漸隱效果，該怎么添加這個(gè)效果呢？下面我們就來看看Fireworks給圖片添加漸隱效果的技巧，詳細(xì)請(qǐng)看下文介紹2022-11-28
Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果？fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影，該怎么操作呢？下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28
fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影？fw中輸入的文字想要添加陰影，該怎么添加內(nèi)陰影呢？下面我們就來看看Fireworks給文字添加陰影的技巧，詳細(xì)請(qǐng)看下文介紹2022-11-28
Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用？fw中想要使用蒙版制作一些效果，該怎么創(chuàng)建蒙版并使用呢？下面我們就來看看FW蒙版功能的使用技巧，詳細(xì)請(qǐng)看下文介紹2022-11-28
