Fireworks創意遮罩動畫製作

來源:互聯網
上載者:User

  本例使用Fireworks遮罩效果製作動畫,對遮罩層的製作是本例的關鍵。

  本執行個體用到的一些基本操作包括:鋼筆工具、幀(Frames)面板、羽化填充(Feather)、遮罩(Mask)。

  製作這類遮罩層有兩種思路:

  1、將人物臉部精確的摳出來,轉成灰階,然後使用反色。用這種方法做的效果可能是最好的,能夠以人物面部的明暗影響滾動的文字,使文字若隱若現,但完全在Fireworks中做是比較困難的,尤其是在摳圖上最好能藉助Pototshop,以達到最完美的效果。

  2、使用圓形工具和鋼筆工具繪製出臉部的大概輪廓,使用羽化填充製作遮罩層。

  這裡我們採用第二種思路,以下邊左邊的遮罩動畫為例,講述這種創意動畫的製作方法。至於第一種思路,有興趣的朋友可以自己試試。

  

  step1: 開啟一幅人物圖片如圖1。最好選擇臉部輪廓較明顯的圖片,這樣更方便完成這個效果。點擊層面板上的小三角形,選擇“Share This Layer”,將該層置為共用層。

圖1


  step2:建立一層,選擇圓形工具,去掉填充色,只要邊線的顏色,拖出一個近似於臉部的橢圓,然後用鋼筆工具在橢圓上相對於臉部不規則地方添加幾個控制點,調整如圖2。在這一步中盡量放大映像視圖,這樣有助於做出比較精確的遮罩層。(請參閱貝賽爾曲線造型操作詳解

圖2

  step3: 選擇上一步繪製好的路徑,使用羽化填充,並且去掉邊線,如圖3。注意一定要用黑色填充,遮罩層的最終效果如圖4所示:

圖3圖4


  step4:用文字工具輸入一些文字如圖5。

圖5

  選擇該文字,按F8鍵,將其轉化為符號,在彈出的對話方塊中選擇Graphic,取名為Symbol 1,如圖6。

圖6

  step5: 從Library面板中托出兩個Symbol 1,排列成如圖7一樣的位置。注意兩個Symbol 1之間結合最好和諧融洽一點,這樣在做動畫時就會比較流暢。


圖7

  step6: 同時選擇兩個Symbol 1,執行“Modify/Animate/Animate Selection”命令(快速鍵Alt+Shift+F8),彈出如圖8的對話方塊,將Frames參數調為8,點擊OK,兩個Symbol 1成為了一個整體。圖9是此時的幀面板,自動產生8幀的動畫。


圖8         圖9


效果如圖10所示。

圖10

  step7: 選擇前面繪製的遮罩層,在層面板中調整成頂層,然後同時選擇遮罩層和Symbol,執行“Modify/Mask/Group as Mask”命令,這時的整個圖層如圖11所示。

圖11

  step8: 現在基本工作已完成了,最後在輸出時選擇“Animated Gif”格式就OK了。看完本例後,趕快擴充你的想像空間吧,用簡單的技術做出更有創意的動畫,如前面的眼睛動畫,PNG圖下載



相關文章

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