當前位置:才華齋>設計>網頁設計>

firework蒙版基礎教學方法

網頁設計 閱讀(7.16K)

奮鬥的雙腳在踏碎自己的溫床時,卻開拓了一條創造之路。以下是小編為大家搜尋整理了firework蒙版基礎教學方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

firework蒙版基礎教學方法

  1 Fireworks CS3中蒙版的應用

很多人在學習蒙版的時候會有困惑,不知道蒙版是做什麼的,總是覺得蒙版的概念很深奧,不好理解。其實在學習蒙版之前,我們需要首先來了解蒙版都能做什麼,知道蒙版的作用以後,再來學習如何建立蒙版就不會覺得那麼難以理解了。

  1.1 蒙版概述

簡單來說,蒙版的作用就是實現透過某個形狀看另外一個圖形的效果。

除了能夠把影象顯示在任何一種形狀內以外,蒙版還能夠製作影象漸隱效果,

影象漸隱效果是指影象由清晰到透明的一種過度效果,過度的形式有很多,上面這張影象是影象由右到左的逐漸變透明,在網頁設計中經常可以使用影象漸隱效果,使影象逐漸過度到網頁的底色上。

  1.2 Fireworks CS3的蒙版屬性

在Fireworks CS3中建立蒙版之後,面板中的圖層會變成兩個縮圖,左側的縮圖為被蒙物件,右側的縮圖為蒙版。

選中右側的蒙版縮圖之後,在【屬性】面板中會顯示蒙版的屬性。

1、路徑輪廓蒙版

這種型別的蒙版可以透過路徑輪廓清楚的看到被蒙物件,而且跟向量路徑的顏色沒有任何的關係,也就是說作為蒙版的路徑不管填充了什麼顏色,蒙版效果仍舊是非常清晰的。如果選中了“顯示填充和筆觸”那麼可以顯示蒙版的邊緣路徑效果。

2、灰度外觀蒙版

這種型別蒙版也是透過路徑看到被蒙物件,但是看到被蒙物件的清晰度就會受到路徑的填充色和描邊色的深淺影響,這種型別蒙版的填充色和描邊顏色都為灰度圖,如果蒙版的顏色為白色,則蒙版下的影象能夠清晰顯示。如果蒙版的填充顏色為黑色,則蒙版下的影象則完全透明。如果蒙版的填充顏色為中間的灰色,則蒙版下的影象將以半透明裝顯示。填充下邊的邊緣屬性中可以設定邊緣羽化。

利用灰度外觀蒙版受填充色深淺的影響,我們可以輕鬆實現影象漸隱效果,其原理就是給用來蒙版的向量路徑填充由黑色到白色的漸變色,這樣蒙版後黑色的一邊將為透明,白色的一邊為清晰的效果,從而實現影象漸隱的效果。

  1.3 在Fireworks CS3中建立蒙版

在Fireworks CS3中建立蒙版的很多,但是最終的目的只不過是生成蒙版,所以基本上記住一兩種生成蒙版的方法,重點掌握蒙版的屬性就足夠了,另外再瞭解蒙版的刪除禁用和啟用就可以了。

  1.3.1 貼上於內部

使用貼上於內部命令是Fireworks CS3中最簡單的建立蒙版的方法,需要注意的是,貼上於內部建立的蒙版預設是路徑輪廓蒙版,所以和作為蒙版的路徑顏色無關,下面通過一個具體的例項來給大家進行介紹,具體的操作步驟如下:

1、新建一個Fireworks檔案。

2、在彈出的【新建文件】對話方塊中設定畫布的寬度為“350”畫素、高度為“250”畫素,背景顏色為白色。

3、把準備好的手機影象素材複製到建立的畫布中,並且調整好大小和位置。

4、使用【橢圓】工具,在畫布的右側繪製一個正圓,這個正圓要比畫布大很多。

5、開啟準備好的素材影象,由於準備的素材影象尺寸大於我們的目標尺寸,所以需要選擇【修改】@@【畫布】中的【影象大小】命令來縮小影象素材,以適應我們的需求。

6、選中縮小後的影象素材,選擇【編輯】選單下的【複製】命令,然後選中剛剛繪製的正圓,選擇【編輯】選單下的【貼上於內部】(快捷鍵為:【Ctrl+Shift+V】)命令,這樣就可以把影象素材顯示在正圓中了。

7、這時影象素材雖然顯示到了正圓的內部,但是並不是我們所需要的位置,如果直接使用【指標】工具拖拽的話,是正圓和內部的影象一起移動,如果我們只需要調整正圓內部影象素材的位置,而不希望改變正圓的位置,可以點選【層】面板中的'關聯圖示,取消影象和蒙版之間的關聯,這樣就可以任意調整影象素材的位置,而不改變正圓的位置了。

8、位置調整完畢後,可以把蒙版中影象和正圓的關聯繼續關聯起來,整個影象效果就製作完畢了。

通過掌握【貼上於內部】命令,我們可以把任何一張影象素材顯示到任意一個形狀中去。

  1.3.2 組合為蒙版

使用組合為蒙版,同樣可以建立蒙版效果,需要注意的是,組合圍蒙版預設建立的是灰度外觀的蒙版。下面通過一個簡單的例項來給大家進行說明,具體操作步驟如下:

1、新建一個Fireworks檔案。

2、開啟準備好的影象素材。

3、複製另外一張魚類影象素材到畫布中來,並且調整好大小尺寸。

4、使用【矩形】工具,在繪製一個和畫布一樣尺寸的矩形,並且填充線性漸變色。設定漸變色的方向為垂直方向,最上方填充白色,最下方填充黑色。。

5、同時選中魚類的影象素材和這個矩形,選擇【修改】@@【蒙版】@@【組合為蒙版】命令。

6、在【層】面板中選擇右側的矩形蒙版,調整漸變色的範圍,適當增加黑色部分所佔的面積,這樣可以讓蒙版下方的透明部分增加。

1.3.3 在【層】面板中建立蒙版

使用【層】面板,同樣可以建立蒙版,這種建立的方式和PhotoShop中建立蒙版的方式一樣,具體操作步驟如下:

1、開啟一張影象素材

2、點選【層】面板下方的【新增蒙版】按鈕,Fireworks CS3會自動給這張影象新增一個白色點陣圖蒙版。

3、使用【刷子】工具,設定路徑顏色為黑色,在影象素材中的窗戶部分塗抹,這樣所有塗抹的地方都會變透明。

4、這時可以匯入另外一張素材影象,放置到當前影象的下方。

  1.4 禁用蒙版

如果覺得前面製作的蒙版效果不盡如人意,能不能不要這個蒙版了呢?當然是可以的,Fireworks CS3也提供了很多種取消蒙版效果的方法,下面來給大家介紹一下常用的一些命令。

  1.4.1 取消組合

【取消組合】是我們取消蒙版效果最常用的一個命令,選擇【修改】@@【取消組合】(快捷鍵為:【Ctrl+Shift+G】)命令,就可以把蒙版還原到影象和蒙版圖形分層的效果,相當於恢復到了組合為蒙板之前的狀態,即兩個物件都是獨立存在的。

【提示】在圖層面板中,選中蒙板圖示並像移動圖層那樣按住蒙板圖示將其移動到其他位置,這樣也可以刪除蒙板,並且保留下了蒙板物件。

禁用蒙版和啟用蒙版

選擇【修改】@@【蒙板】@@【禁用蒙板】命令選即可臨時去掉蒙板效果。選擇選擇【修改】@@【蒙板】@@【蒙板】命令可以再次啟用已經禁用的蒙板。選擇【修改】@@【蒙板】@@【刪除蒙板】命令可以永久的刪除蒙板。