• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ FireWorks教程 ] Fireworks巧用遮罩製作字體晃動效果動畫—- 設計教程




    教學主題: Fireworks巧用遮罩製作字體晃動效果動畫

    大家好!! 小編今天來和大家分享關於 設計教程中的FireWorks教程教學

    今天的這個教學主題是: Fireworks巧用遮罩製作字體晃動效果動畫

    這教學的重點為這幾點 [ 動畫,效果,字體,製作,選擇,Symbol,工具,臉部,使用 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    本例使用Fireworks遮罩效果製作動畫,對遮罩層的製作是本例的關鍵。本實例用到的一些基本操作包括:鋼筆工具、幀(Frames)面板、羽化填充(Feather)、遮罩(Mask)。

    本例使用Fireworks遮罩效果製作動畫,對遮罩層的製作是本例的關鍵。本實例用到的一些基本操作包括:鋼筆工具、幀(Frames)面板、羽化填充(Feather)、遮罩(Mask)。

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

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

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

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    Fireworks巧用遮罩製作字體晃動效果動畫

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖1

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖2

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖3

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖4

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖5

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖6

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖7

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

    Fireworks巧用遮罩製作字體晃動效果動畫

    圖8

    Fireworks巧用遮罩製作字體晃動效果動畫

     圖9

    效果如圖10所示。

    Fireworks巧用遮罩製作字體晃動效果動畫
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    圖10

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

    Fireworks巧用遮罩製作字體晃動效果動畫
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    圖11

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

    看完小編分享的教學之後 是不是對FireWorks教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 Fireworks巧用遮罩製作字體晃動效果動畫 這教學會喜歡

    文章標題: 骨子愛創意- Fireworks巧用遮罩製作字體晃動效果動畫–轉載請註明來源處

    本教學分類為FireWorks教程中的 設計教程相關教學

    文章相關關鍵字為: 動畫,效果,字體,製作,選擇,Symbol,工具,臉部,使用

    本文永久連結 :Fireworks巧用遮罩製作字體晃動效果動畫

    本文轉載自 :VIA