Flash 8 新特性:漸層控制與溢出

來源:互聯網
上載者:User
漸層|控制

  在下面的內容中,我們會講到Flash8改進的漸層控制,以及漸層的溢出設定和溢出的動畫表現。其中溢出部分是Flash8漸層方面一個非常重要的改進。

一、Flash的漸層控制

  Flash的漸層控制終於到了不變不行的地步了。不知道Macromedia出於什麼考慮,之前用來修改填充變形的手柄全都用簡單的“方塊”、“圓圈”來表示。雖然當滑鼠移動上去會改變指標的形狀,但這無疑對廣大初學者來說是欠考慮的。不過這一切都過去了,Flash8帶來了更完善的漸層控制。

  繪製任意形狀,是否為對象繪製模式均可。在“視窗”菜單下調出“混合器”,類型中選擇“放射狀”,直接進到漸層的編輯狀態,如圖1所示。當然你也可以隨時選擇“填充變形工具”進入漸層編輯狀態,線性漸層因為功能單一,在此跳過。

圖1

  在漸層編輯狀態下出現了多個移駐夾,都是已經改進過的,比之前更加直觀了,我們來看看它們的作用。

  1、中心點移駐夾,中心點是指漸層的中心,滑鼠移至其上,指標變成如圖2所示狀態時移動,就改動了漸層的中心點。

<圖2>

  2、焦點移駐夾,只有當你選擇了“放射狀”漸層時,漸層編輯狀態才會出現焦點移駐夾。它是用來控制放射漸層的焦點位置,雖然它只能左右移動,但只要和中心點以及旋轉手柄進行配合,可實現全方位的焦點移位。手柄呈現為一倒置的小三角,如圖3所示。

<圖3>

  3、寬度、大小、旋轉移駐夾,這些不必多說,分別是調整漸層的寬度、縮放其大小和旋轉角度幾個功能。雖然只是手柄外觀的改變,但這小小的改變,卻可以讓我們一眼辨認出它們的功能,未嘗不是種方便使用者的好事,如圖4所示。

<圖4>

  在改進漸層移駐夾的同時,自然而然的,使用“填充變形工具”編輯匯入的位元影像時,移駐夾同樣進行了重新定義。對位元影像的縮放、旋轉、斜切可以更直觀的進行操作,如圖5所示。

<圖5>

二、漸層溢出

  接著我們再來看Flash8在漸層方面一個很重要的更新,漸層的溢出設定。它分為三種溢出樣式,“擴充”、“映射”和“重複”,只適應於“線性”和“放射狀”漸層兩種狀態下,如圖6所示。我們單看表徵圖和名字,很難理解“溢出”這兩個字的含義。當然,電腦是實驗學科,我們很有必要親自動手去試一試它們的效果。

<圖6>

  所謂的溢出,是指當應用的顏色超出了這兩種漸層的限制,會以何種方式填充空餘的地區。換句話說,就是當一段漸層結束,還不夠填滿某個地區時,如何處理多餘的空間。好,我們先測試一下第一種模式,也是之前版本延續下來的預設格式-“擴充”。先看一下原來的漸層設定和產生的效果,如圖7所示。

圖7

  1、擴充模式   現在我們使用“填充變形工具”,縮小漸層的寬度,如圖8所示。你可以看到,縮窄後漸層居於中間,漸層的起始色和結束色一直向邊緣蔓延開來,填充了空出來的地方,這就是所謂的擴充模式。

<圖8>

  2、映射模式   這個模式是指,把現有這小段兒漸層進行對稱翻轉,合為一體、頭尾相接,然後作為圖案平輔在空餘的地區。並且根據形狀大小的伸縮,一直把此段兒漸層綿延重複下去,直到填充滿整個形狀為止,如圖9所示。

圖9

  3、重複模式   這個模式比較容易理解,你可以想像此段漸層有無數個副本。像排隊一樣,一個接一個的連在一起,來填充溢出後空餘的地區,我們可以在圖10中,明顯看出和映射模式之間的區別。

圖10

三、漸層溢出的動畫表現


  接下來,我們通過一個非常簡單的形狀補間動畫,來更深入的體會一下漸層溢出的概念。在混色器中,先把剛才的線性漸層轉換為“放射狀”,如圖11所示。

圖11

  首先,選擇溢出模式為“映射”,在第15幀和第30幀按F6插入主要畫面格。滑鼠指標移至15幀處,使用填充變形工具,往內拖動縮放手柄,把漸層縮小數倍。可以看到此小段兒漸層對稱翻轉後,頭尾相接被鋪滿整個形狀。你也可以調整其它的手柄,比如變化一下焦點等等,如圖12所示。最後在屬性面板為這兩段設定補間為“形狀”,動畫完成。


圖12

  當然,漸層溢出可以發揮的空間還有很多,這裡只是簡單示範一下,我們得到最後的效果如動畫13所示。

Flash動畫示範

  相關下載:執行個體源檔案(Winzip壓縮檔, 5KB)

  通過測試,我想大家可以更容易理解溢出這個概念,簡單的漸層縮放,你就可以變化出無窮無盡的重複圖案來,而我們只需製作一小段兒漸層,再加上一個溢出設定就可以實現了。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

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