Fireworks 打造精美導航效果

來源:互聯網
上載者:User
導航


(圖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,到這裡我們這個圖形基本上就完畢咯。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。