Fireworks如何製作精美導航效果
導航條是網頁必不可少的一部分,那麼怎樣製作一個高質量的、美觀的導航條呢?我們為大家收集整理了關於Fireworks製作精美導航效果,以方便大家參考。
(圖2.1)
下邊我將教大家如何製作以上這個按鈕:
先新建一個500*400大小的畫布,畫一個400*40的長方形,調成漸變,如圖2.1.1
(圖2.1.1)
於是乎出來了一個我們做出來了個這個樣子的圖形如圖2.1.2
(圖2.1.2)
然後我們用部分固定選定工具
選取長方形的`上邊兩點如圖2.1.3
(圖2.1.3)
按住shift鍵,按兩下向右鍵。如圖2.1.4
(圖2.1.4)
畫一個綠色的長方形,我們通過部分選定工具得到一個如圖2.1.5
(圖2.1.5)
通過複製粘貼我們得到如圖2.1.6
(圖2.1.6)
通過
我們得到如圖2.1.7
(圖2.1.7)
圖形發光,白色屬性如圖2.1.8
(圖2.1.8)
然後再發光顏色為 #7B869A 得到如圖2.1.9
(圖2.1.9)
複製粘貼圖形,去掉描邊,向右移動兩個像素,如圖2.1.10
(圖2.1.10)
畫一個長方形黃色漸變。放置圖形下層,如圖2.1.11
(圖2.1.11)
畫一個長方形如圖2.1.12
(圖2.1.12)
設置如圖2.1.13
(圖2.1.13)
把寬度設為“1”旋轉“20度” 複製粘貼。然後向右移動一個像素。漸變變成白色.然後複製粘貼。
如圖2.1.14
(圖2.1.14)
畫一個白色的1*1像素的點向右移動1個像素變成黑色。重複過程。如圖2.1.15
(圖2.1.15)
OK,到這裏我們這個圖形基本上就完畢咯。
希望大家可以學會Fireworks製作精美導航效果.想了解更多精彩內容,請關注我們的網站!
-
網頁設計10大靈感來源介紹
不僅僅只有網頁設計能激發我們創建出色網站的動力,幾乎我們身邊的任何事都會有此作用。以下是本站小編搜索整理的關於網頁設計10大靈感來源介紹,供參考借鑑,希望對大家有所幫助!想了解更多相關信息請持續關注我們應屆畢業生考試網!自然圖01圖02思考設計的最佳場所...
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...