Fireworks 8製作精美網頁效果圖

來源:互聯網
上載者:User
網頁

這裡主要介紹的是Fireworks 8的位元影像工具的使用,如果你用過ps的話,會感覺這兩個軟體在位元影像處理中有很多相似的地方,本例是一個以女性化妝品為主打產品的企業宣傳網站“北京達美”的形象頁面效果圖設計。達美公司一直致力於結合科技和自然的化妝品產品的研發。由於達美公司主打自然健康的產品理念,因此在整體的頁面設計中以綠色為主要的風格,同時配以女性模特、植物和蝴蝶的素材來體現清新、自然的感覺。如圖1.1所示。


1.1 北京達美公司網站形象頁面效果圖(點擊放大)。

1.建立一個Fireworks檔案。

2.在彈出的【建立文檔】對話方塊中設定畫布的寬度為760像素,高度為430像素,背景顏色為白色。如圖1.2所示。


圖1.2 【建立文檔】對話方塊

3.選擇繪圖工具列中的【選取框】工具,在【屬性】面板中進行相應的設定,如圖1.3所示。


圖1.3 【選取框】工具的屬性設定

4.使用【選取框】工具在畫布的右側繪製一個矩形選區,如圖1.4所示。


圖1.4 使用【選取框】工具繪製選區

5.選擇繪圖工具列中的【漸層】工具 ,這時【屬性】面板會自動變成漸層色的調節屬性。設定漸層的類型為線性漸層,漸層顏色為白色過度到綠色。如圖1.5所示。



圖1.5 【漸層】工具的屬性設定

6.使用【漸層】工具,在畫布右側的選區中單擊滑鼠左鍵,漸層色即可填充到當前選區中。如圖1.6所示。填充完畢,按快速鍵【Ctrl+D】推出位元影像編輯模式。


圖1.6 給選區填滿漸層色

【說明】使用【漸層】工具在選區單擊,得到的漸層色方向預設為水平方向,如果希望得到不同方向的漸層色,可以使用【漸層】工具在選區中拖拽填充。

7.在Fireworks 8的新視窗中開啟事先準備好的映像素材“花草.jpg”,選擇繪圖工具列中的【橢圓選取框】工具,在【屬性】面板中進行相應的設定,如圖1.7所示。


圖1.7 【橢圓選取框】工具的屬性設定

8.使用【橢圓選取框】工具在映像“花草.jpg”中繪製一個正圓的選區。如圖1.8所示。


圖1.8【漸層】工具的屬性設定

下一頁



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。