Fireworks 制作精美導(dǎo)航效果教程
本教程是向大家介紹利用Fireworks 制作精美導(dǎo)航效果,制作難度不大,教程介紹地非常詳細(xì),新手朋友也可以過來(lái)學(xué)習(xí),希望這篇教程對(duì)大家有所幫助!我們先來(lái)看看最終效果圖:

(圖2.1)
下邊我將教大家如何制作以上這個(gè)按鈕:
先新建一個(gè)500*400大小的畫布,畫一個(gè)400*40的長(zhǎng)方形,調(diào)成漸變,如圖2.1.1

(圖2.1.1)
于是乎出來(lái)了一個(gè)我們做出來(lái)了個(gè)這個(gè)樣子的圖形如圖2.1.2

(圖2.1.2)
然后我們用部分固定選定工具
選取長(zhǎng)方形的上邊兩點(diǎn)如圖2.1.3

(圖2.1.3)
按住shift鍵,按兩下向右鍵。如圖2.1.4

(圖2.1.4)
畫一個(gè)綠色的長(zhǎng)方形,我們通過部分選定工具得到一個(gè)如圖2.1.5

(圖2.1.5)
通過復(fù)制粘貼我們得到如圖2.1.6

(圖2.1.6)
通過

我們得到如圖2.1.7

(圖2.1.7)
圖形發(fā)光,白色屬性如圖2.1.8

(圖2.1.8)
然后再發(fā)光顏色為 #7B869A 得到如圖2.1.9

(圖2.1.9)
復(fù)制粘貼圖形,去掉描邊,向右移動(dòng)兩個(gè)像素,如圖2.1.10

(圖2.1.10)
畫一個(gè)長(zhǎng)方形黃色漸變。放置圖形下層,如圖2.1.11

(圖2.1.11)
畫一個(gè)長(zhǎng)方形如圖2.1.12

(圖2.1.12)
設(shè)置如圖2.1.13

(圖2.1.13)
把寬度設(shè)為“1”旋轉(zhuǎn)“20度” 復(fù)制粘貼。然后向右移動(dòng)一個(gè)像素。漸變變成白色.然后復(fù)制粘貼。
如圖2.1.14

(圖2.1.14)
畫一個(gè)白色的1*1像素的點(diǎn)向右移動(dòng)1個(gè)像素變成黑色。重復(fù)過程。如圖2.1.15

(圖2.1.15)
OK,到這里我們這個(gè)圖形基本上就完畢咯。
教程結(jié)束,以上就是Fireworks 制作精美導(dǎo)航效果過程,現(xiàn)在大家是否都已經(jīng)學(xué)會(huì)了,喜歡的朋友可以自己嘗試制作一個(gè)導(dǎo)航,效果肯定非常棒!
相關(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











