選擇頁面

速成課程:創建星球大戰文本

棘手的網絡

文字效果一直受到 Flash 用戶的歡迎——尤其是“星球大戰”效果,它因 1977 年電影的開場場景而聞名。 效果相對簡單,但代價是:播放性能受到影響。 小心使用它並經常測試你的動畫,以確保播放不會卡住。 確保文本可讀而不會讓讀者頭疼。

 

ch10 01

  1. 讓我們從輸入文本開始。 嘗試使用易於閱讀的簡單粗體字體。 我們將對這個文本進行轉換和動畫處理。 因為它將不斷運動,所以它被拼寫出來並且易於觀眾閱讀是最重要的。 選擇文本框並將其拆分,直到文本變為矢量圖形。 矢量信息的數量是必不可少的,並且很可能會在播放過程中導致性能問題。 這也是使用簡單、線條清晰的字體的一個原因,因為它會減少矢量點。

    ch10 03

  2. 下一步是模擬產生文本移動效果所需的透視圖。 選擇自由變換工具 q 並在其中選擇扭曲工具。 按住 S 鍵的同時,將頂角之一拖向文本中心。 按下 S 按鈕可通過在相反方向扭曲相鄰角來保持變換比。 將此文本塊轉換為圖形符號。 如果您有多個文本塊,最好將它們視為較小的唯一符號。

    ch10 04

  3. 插入一個新層並將其轉換為引導層。 確保包含文本的圖層沒有附加或“引導”。 您可以將引導層拖動到文本層下方以防止它們被合併。 引導層包含的任何內容都不會包含在導出的 SWF 中。 Flash CS5 有一個很好的功能,可以讓您選擇是否導出隱藏層。 此選項在“文件”>“發佈設置”菜單的“Flash”選項卡上可用。 在此圖層上,使用線條工具繪製一條與文本框側面成一定角度的線條。 將其複制並粘貼到位,水平翻轉,然後將其放在文本塊的另一側。

    ch10 06

  4. 添加第二個關鍵幀並調整文本大小,直到它適合它們收縮的引導線之間。 我們仍然需要在兩個關鍵幀之間插入幾幀並應用補間動畫。

    ch10 07

  5. 最後一步實際上打破了此動畫所基於的唯一視角。 我認為這是最重要的一步,因為它確實有助於保留文本在無限中消失的錯覺,但它是如此簡單。 在補間的最後一個立方體中,選擇包含文本框的符號,然後使用沿頂部或底部邊緣的兩個中間處理程序垂直調整其大小。 總之,我們壓縮符號以使其更平坦(不要加寬)。

連續播放需要數百幀和高幀率的組合。 確切的數字取決於它。 確切的數量取決於文本的數量、字體以及我們的電影有多大(高 x 寬)。 膠片越大,使用的處理器就越多。 任何結合使用這些因素的動畫效果都會導致播放性能不佳。 讓我們經常測試並了解我們的觀眾會是什麼樣子。


我們也可以在 Photoshop 中使用已傾斜到相同視角的文本塊嘗試這種效果。 我們導入與 Flash 影片使用的純色背景相同的文本。 這將導致對處理器更友好的動畫,但如果你調整它的大小,它的質量會下降。 Flash 不能很好地調整導入位圖的大小,因此結果在視覺上不吸引人。 權衡是使用清晰的矢量文本,在播放過程中幾乎沒有潛在的功率損失。 最好的防禦是經常測試。


 

更多 Flash 提示和技巧,請訪問 Adobe Flash CS5 中的技巧在,在這篇文章中讀到的技巧的出版物中也可以找到。

 

您可以在 28 月 XNUMX 日在我們的網站上看到實時 Flash 演示,在那裡您可以了解更多技巧!

 

直播當天,我們的網站也將開始抽獎活動, Adobe Flash CS5 中的技巧我們將在讀者中抽取三份這本書。



關於作者

s3nki

HOC.hu 網站的所有者。 他是數百篇文章和數千條新聞的作者。 除了各種在線界面,他還為 Chip Magazine 和 PC Guru 撰稿。 他經營了一段時間自己的 PC 商店,除了新聞工作外,還擔任商店經理、服務經理、系統管理員等多年。