Fireworks制作漸變的填充效果
我們制作網(wǎng)頁(yè)的時(shí)候,為了美觀都需要制作有漸變效果的工具欄和按鈕,那我今天就來(lái)教大家怎樣制作漸變的填充效果,不會(huì)的朋友可以參考本文,來(lái)看看吧!
步驟:
1、打開(kāi)fireworks 并新建個(gè)一塊畫布。
(大小、顏色那些根據(jù)自己的需要選擇,我這里的選擇只做示范)

2、然后再右側(cè)的工具欄上選擇“矩形工具”,按住鼠標(biāo)右鍵在畫布上拖曳畫出一個(gè)矩形。

3、用鼠標(biāo)單擊左鍵選中矩形,在下面的屬性面板,就可以調(diào)節(jié)矩形的大小、顏色等。
這時(shí)我把矩形顏色調(diào)整為我需要的灰色

4、這時(shí)選擇屬性面板的填充類型,選擇“漸變”,至于漸變的類型大家按需要來(lái)選擇,不過(guò)我這里選擇“線性”,線性漸變也是制作網(wǎng)頁(yè)工具欄的最常用漸變
(線性漸變默認(rèn)是從上往下漸變)

5、這時(shí)我們?nèi)c(diǎn)擊“屬性”面板的填充類別就可以自己去調(diào)漸變了

6、移動(dòng)這兩個(gè)顏色控制器我們就可以調(diào)節(jié)漸變的效果了

7、當(dāng)鼠標(biāo)移近上面的顏色條時(shí),鼠標(biāo)旁邊多了個(gè)加號(hào),這時(shí)我們點(diǎn)擊鼠標(biāo),就會(huì)增加多了一個(gè)顏色控制器,繼續(xù)按下鼠標(biāo),就又會(huì)增加一個(gè)顏色控制器

8、那么顏色控制器多了怎么辦?把鼠標(biāo)放在顏色控制器上,長(zhǎng)按鼠標(biāo)左鍵,這時(shí)鼠標(biāo)就會(huì)變成一只小手,然后往下拖曳鼠標(biāo),這樣顏色控制器就會(huì)消失

9、這時(shí)我們點(diǎn)擊顏色控制器,還可以選擇顏色,這時(shí)為了有一個(gè)較好的漸變顏色,我選擇
白色——>灰色——>白色 的漸變

10、大功告成

以上就是Fireworks制作漸變的填充效果方法介紹,操作很簡(jiǎn)單,希望這篇文章能對(duì)大家有所幫助!
相關(guān)閱讀:
相關(guān)文章
firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來(lái)看看詳細(xì)的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實(shí)現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個(gè)工具在哪?怎么使用呢?詳細(xì)請(qǐng)看下文介紹2024-05-23
電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來(lái)看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05
fw怎么設(shè)計(jì)科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計(jì)科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來(lái)看看fireworks混合路徑工具制作圖形的技巧2023-01-09
Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來(lái)看看fw中幾種制作高光效果的方法2022-12-21
fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個(gè)效果呢?下面我們就來(lái)看看Fireworks給圖片添加漸隱效果的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28
Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來(lái)看看fw給圖片增加陰影效果的技巧2022-11-28
fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來(lái)看看Fireworks給文字添加陰影的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28
Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來(lái)看看FW蒙版功能的使用技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28











