Event


01.03.01 Animation

 

 ■ 以 Photoshop 無中生有出一朵雲是基本工
 ■ 以 Bryce 算圖出一堆雲是變通
 ■ 以 Flash 讓雲可以飄動不是夢
 

 為了讓 PhotoshopFlash 的雲朵 可以飄動得更多元,所以必得介紹 Flash CS4 的各種動畫技巧
 要善用 Photoshop CS4 64bitFlash CS4,當然得採用 Windows 7 64bit
 所以囉,本篇註定會肉肉長 … ^^|||
 

 Windows 7 Ultimate 64 bit
 XP Mode
 VMware
 Fonts

 Flash CS4 傳統補間動畫
 Flash CS4 傳統補間動畫 vs. 移動導引線
 Flash CS4 移動補間動畫
 Flash CS4 3D 補間動畫 ( Case 01 )
 Flash CS4 3D 補間動畫 ( Case 02 )
 Flash CS4 3D 補間動畫 ( Case 03 )
 Flash CS4 3D 補間動畫

 視訊動畫
 SWF 2 Fla
 Fla 2 SWF
 SWF 2 Flv
 Flv 2 YouTube - like
 Adobe Media Encoder


 
 
 

 Windows 7 Ultimate(旗艦版)64 bit64 位元)


 筆者寫完之前 3 個小教學後,硬碟突然掛了 ( 吼~~筆者都馬只用企業級硬碟,用了一年多還是照掛不誤 =..= 凸 )
 1023Windows 7 剛推出,難道 1123 日,筆者就非掛硬碟來安裝 Windows 7 不可 ?!
 好吧,既安註定要安裝 Windows 7,就乾脆安裝 Windows 7 64 bit ( 64 位元 ) 版

 

 看到上圖沒 ?! 在 Windows 7 64 bit 安裝 Adobe CS4Photoshop 會自動安裝 64 bit 版 ( Adobe CS4 中,只有 Photoshop64 bit 版 )


 筆者的電腦是四核心的 QX9650 + 8GB RAM,所以在 Windows 7 64 bit + Photoshop CS4 64bit 的情況下,就有 7G 多的記憶體可用



 1. 四核心,所以此處有四格
 2. Windwos 7 64 bit 一開機,大約吃了 1.2 GRAM ( 這與 Windows Vista 32 bit 約莫相同 )
 3. CPU 使用率是 0%,帥吧
 4. 開啟了 Photoshop CS4Flash CS4 之後,記憶體吃了 1.5 G
 5. CPU 使用率是 1%
 6. 開啟了 Photoshop CS4Flash CS4、電視卡、GreenBrowser ( IE 相容瀏覽器 ) 開啟 20 多個 圖檔與 Flash 都很多 的網頁之後,記憶體吃了 2.3 G
 7. CPU 使用率是 3%


 來假想一種常見的狀況:
 ‧開啟 PhotoshopFlash 準備做事 ( 但還沒開啟欲編製的檔案 )
 ‧不管是 IE ( or IE 相容瀏覽器 ), FireFox, 還是 Google Chrome,開啟一堆標籤網頁主要是為了參考與查找資料
 即不管是 Windows Vista 32 bit 還是 Windows 7 64 bit,開啟軟體與網頁準備做事時,有可能已經吃掉 2.5 G 的記憶體

 32 位元的作業系統,最多只抓得到約 3.2 G 的記憶體:
 ‧只要一次開啟兩個大軟體、多開啟一些網頁備查,就吃掉了 2.5 G 的記憶體
 ‧接著,只要編製的檔案稍微大一點,基本上就吃掉了 3 G 以上的記憶體
 ‧而關閉一個軟體後,該軟體之前所佔用的記憶體又無法全部釋放出來 ( 即工作的時間越長,可用的記憶體就越少 )
 也就是說:不管 CPU 有多快,只要使用 32 bit 的作業系統,認真做事不了多久,記憶體就被吃光光
      ( 而記憶體一旦被吃光,就會以比記憶體還慢上千倍的硬碟來模擬記憶體 )
      ( CPU 只會跟記憶體溝通,記憶體用完,就只好靠硬碟了 )
      ( 靠硬碟來模擬記憶體,除了速度會慢很多之外,也很傷硬碟 )

 雖然現在的電腦既便宜又好用,但電腦還是處處是瓶頸
 要解決電腦在速度上的瓶頸,下述的缺一不可:
 ‧四核心的 CPU ( 或是中高階的雙核心 CPU )
 ‧好一點的 GPU ( 繪圖卡 )
 ‧64 位元的作業系統
 ‧64 位元的軟體
 ‧8 GB 的記憶體
 在 Windows 7 64 bit 解決了以前 Windows Vista 32 / 64 bit 的軟體相容問題後 ( 大致解決,但並非 100% 解決 )
 我們第一個可以使用的 64 bit 軟體就是 Photoshop CS4 ( 3D 軟體則早就是 64 bit 了 )
 
 相同的硬體 ( 四核心 CPU + 8GB RAM ):Windows 7 64 bitAdobe CS4,比 Windows Vista 32 / 64 bit 順暢太多了 !!


 
 
 

 XP ModeXP 模式)


  0. 一定要中高階的雙核心 CPU 或是四核心的 CPU 才支援 IntelVT ( Virtualization Technology ) 技術
     一定要 Windows 7Professional ( 專業版 )、Enterprise ( 企業版 )、Ultimate ( 旗艦版 ),才支援 XP Mode
     一定要 Windows 7 64 bit 版,才能支援 4GB 以上的記憶體 ( 記憶體不夠大的話,就都是硬碟在模擬記憶體 )
     簡言之:支援 Intel VTCPU,才能在 Windows 7 Professional ( 含 ) 以上的版本安裝 XP Mode
         若是您的軟、硬體都沒問題,請到 這邊 下載並安裝 XP Mode
     只要安裝了 XP Mode,就不怕會有任何軟體相容的問題
  1. 第一次啟動 XP Mode ( 簡單來說,就是 Windows 7 背了兩個娃娃:Virtual PCWindows XP )
  2. 第一次啟動 XP Mode 後,以後就可以在 Windows 7 > 開始 > Windows Virtual PC 中找到 Windows XP Mode
  3. 開啟 XP Mode,其實就是啟動虛擬機器 ( 即:Windows 7 安裝 Virtual PC 這個虛擬機器,Virtual PC 再安裝特殊版本的 Windows XP )
 


 4. 對 Windows 7 而言,XP Mode 就如同一般軟體一樣,會出現在 Windows 的工作列
 4'. XP Mode 的視窗
 5. XP Mode 可以開啟任何一個硬碟來直接存取
 6. 筆者的最愛,Frontpage 98 ( 編製網頁 Table 超順手 ),Windows 7 64 bit 不能安裝 Frontpage 98,但是在 XP Mode 則可以安裝之
 7. 關閉 XP Mode 的視窗時,會顯示虛擬機器進入休眠

 


 
 
 

 VMware


 ‧XP Mode 雖然不要錢,但得要 Windows 7 Professional 版 ( 含 ) 以上、Inter VT 才行
 ‧VMware 則大大不同:管你啥軟硬體配備都能安裝,爛一點的軟硬體則跑得慢一點,好一點的則快一點
 XP Mode 安裝的是特殊版本的 Windows XP,而 VMware 則得自備完整版的 Windows XP
 VMware 不便宜,所以功能與效能都比 XP Mode 好很多

 1. VMware 也是一個軟體,所以自然會出現在 Windows 的工作列
 2. VMware 有非常多的功能 ( 比 XP Mode 強太多了 )
 3. VMware 開啟的是完整的檔案總管
 4. VMware 當然可以安裝 Windows 7 64 bit 所不能安裝的 Frontpage 98
 
 


 
 
 

 Fonts(安裝字型)


 從 Windows XP 直接昇級到 Windows 7,會非常不習慣
 從 Windows Vista 昇級到 Windows 7,也會有點小不習慣
 為了讓大家都知悉 Windows 7 + Adobe Web Premium CS4 這兩大怪獸,所以筆者才會在本篇一開始多講了一些東東

 雖然筆者才使用 Windows 7 沒兩天,但 Windows 7 真的有太多的東東可以討論
 譬如一堆網友就不會在 Windows 7 安裝字型:

 1. 控制台 > 字型
 2. 現在硬碟便宜到不值錢,所以字型 最好不要使用捷徑安裝字型 的方式安裝

 3. 以前安裝字型有兩種方法:
    ‧不熟電腦者,直接把字型檔 ( *.ttf ) Copy / PasteC:\Windows\Fonts 的檔案夾中
     這不是標準的字型安裝方法,而且很容易出問題
    ‧在 C:\Windows\Fonts 的檔案夾 > 下拉選單 > 檔案 > 安裝
     這是正統的字型安裝方法

    Windows 7 對於字型的安裝做了微幅的修改:
    ‧前面的步驟2是在控制台設定,而且只要設定一次就好
    ‧在字型原始檔上按右鍵,就可以直接安裝了 ( 比以前直覺多了,但一下子很不習慣 )
     也可以搭配 Ctrl 或是 Shift 來複選欲安裝的字型檔



 2009‧1127


 


 



 


 



 


 1. 逐格動畫 大多用在卡通動畫,很少會用到,故不討論之
 2. 形狀補間動畫 多半只是向量外觀的幾何變化,不難、實用性也不高,故不討論之


 
 
 

 3. Flash CS4 傳統補間動畫

 

 


 0. psd:在 01.03 Photoshop to Flash 中,已經介紹過如何把 Photoshop 背景透明的圖層轉換成 Flash 的圖層
        本例一開始使用的就是該檔 ( 03.01.psd ),下載唄:

        Rapidshare 使用說明 ★

      

 1. 元件庫:元件庫整理好 ( 乾淨、簡易命名、有系統 ),才利於當下的編製與日後的維護
        ( 反正元件庫可以看縮圖,所以其中的命名也不用太複雜,譬如非打一堆中文不可就有點笨 )
      
 2. 影片片段:影片片段是 Flash 非常重要的功能。理論上來說,每一個匯入或是繪製的物件,都應該設為影片片段
         2.1 點選到舞台上的物件,按 F8
         2.2 類型設為影片片段
         2.3 命名該影片片段
         2.4 不設為影片片段也可以搞 傳統補間動畫,但在屬性欄中,該物件會顯示為 圖像
         2.5 設為影片片段當然也可以搞 傳統補間動畫,在屬性欄中,該物件會顯示為 影片片段
         2.6 只有影片片段才可以套用 混合濾鏡
        

 3. 影格



 不管是在 Windows 7 32 bit 還是 64 bit 安裝 Adobe CS4,其中的 Flash CS4 跑起來都卡卡的 ( 四核心 QX9650 + 8GB RAM 也一樣卡卡的 )
 這是因為 Adobe CS4 是在 200811 月推出,而 Windows 7 則是在 200910 月推出
 也就是說:Flash CS4 因為比 Windows 7 早了近 1 年推出,所以無法針對 Windows 7 新的介面去作調整

 蝦米 ?! XP Mode ?! VMware ?! 對於常用軟體筆者可不想這麼不順手 ( 只有少數不常用、又與 Windows 7 不相容的軟體,筆者才會去用 XP Mode or VMware )
 所以等 Adobe CS4 的修補程式 orWindows 7 的修補程式 or 等快推出的 Adobe CS5

 以筆者相同的硬體配備 ( 四核心 QX96504 GB RAMVista 只抓得到 4GB RAM ),Windows VistaFlash CS4,並不會卡卡的
 所以問題肯定是出在 Windows 7 !!

 不過後來筆者發現:昇級 Flash CS410.0.2Windows 7 也逐日 update 後,這個卡卡的問題已經消失了


 2009‧1127


 


 
 
 

 3. Flash CS4 傳統補間動畫 vs. 移動導引線

 

 


                              傳統補間動畫 最簡單的例子:
 


                              傳統補間動畫 最多大概就只能如此了:
 


                              傳統補間動畫 再加上 移動導引線,自由度就更大了:
 

 移動導引線雖然已經很夠一般之用途,但隨著 Flash 的發展,我們需要自由度更大、功能更強大、精準度更高、操作過程更直覺的動畫方式 ( 因為導引線還要開一個圖層,有點小煩 )
 於是乎 Flash CS4 就提供了 移動補間動畫3D 補間動畫


 2009‧1207


 


 
 
 

 4. Flash CS4 移動補間動畫

 

 

 行文至此,筆者突然對這段只有 5 分鐘的視訊教學很有感慨:

 ‧但如果不使用 720 HD 的視訊教學,而是使用傳統紙本的圖文教學
  對初學者而言,恐怕 50 分鐘也很難看懂 Flash CS4 移動補間動畫該如何操作
 ‧學校老師只操作一遍,學生恐怕也很難一聽就懂
 ‧傳統語音旁白肉肉長的視訊教學,大概也沒幾個人有耐心多看幾遍

 成名的設計師如小包與小李之流,嘴巴掛著的,永遠是世界排名啦、國際比賽啦、…、等等與名氣有關的事
 學校老師追新都來不及了,沒空去想教學哲學的問題
 坊間電腦書商只求快,軟體一推出,書就得跟著馬上邊抄邊推出,反正自有白痴會去買書
 No8D 如筆者,也只能在此書空咄咄了 ……
 ( 趕羚羊勒,基本到靠北、基本到賽羚母的東東,怎都沒人花點心思來節省大家學習的時間哩 ?! )
 ( 操羚羊勒,有點名氣又嘴巴高級的一堆人,怎幹的都是 TMD 低級到賽羚母等級的事 ?! )

 好啦,羚羊趕進欄了,繼續來討論 Flash CS4 的移動補間動畫



 傳統補間動畫 有很多缺點:
 ‧動畫的部份:每一個需要設定動畫的影格都是關鍵格,連起點也算是關鍵格
 ‧底圖的部份:延長的影格也算是關鍵格




 傳統補間動畫 再加上 移動導引線 的缺點:
 ‧還要 開啟一個新圖層,在操作上不夠直覺
 ‧還要 畫移動路徑,有點兒笨、有點兒小煩


     0. Flash 傳統補間動畫縱加上導引線,也不過就是那個樣子 ( 夠用,但不順手,而且也不易於以程式《 AS2 》控制 )
        不過 傳統補間動畫 + 導引線 + 影片片段,玩法就多很多了
        所以來看看點選到 影片片段 時,有哪些功能可用:
     1. 顏色效果:雖然目前只有 樣式 這一大項可用,但已經很好用了
     2. 顯示:雖然目前只有 混合 這一大項可用,但是跟 Photoshop 一樣的圖層功能,值得讚賞
     3. 濾鏡:沒想到 Flash 也有濾鏡吧,沒記錯的話,從 Flash 8 起就有濾鏡的功能
     3'. 按此會彈出濾鏡的選單:不算多的濾鏡,不過已經很有誠意了
    


 移動補間動畫Flash CS4 新增的功能
 移動補間動畫傳統補間動畫 最大的不同點有二:

 ‧移動補間動畫:起點是起點、關鍵格是關鍵格、延長 ( 終點 ) 是延長 ( 終點 )
  傳統補間動畫:起點 / 關鍵格 / 延長 ( 終點 ) 此三者基本上都是關鍵格
  移動補間動畫這種新的影格方式,在以程式 ( AS3 ) 控制時,會有很大的自由度

 ‧只要習慣以後,在動畫的設定上,移動補間動畫比傳統補間動畫來得更有效率、更直覺、功能更強大
  移動補間動畫不用按 F6、也不用新增移動導引線:移動補間動畫點選到關鍵格,直接就可以在舞台上控制動畫路徑


 一開始使用 Flash CS4移動編輯器 時,您可能會被嚇到
 但仔細一比對,不管是移動補間動畫 ( 移動編輯器 ) 還是傳統補間動畫,都需要影片片段
 而移動編輯器裡的東東,最後也會出現在影面面段的屬性欄裡面
 只不過在移動編輯器多了一些比較精密的微調功能



 2009‧1208


 


 
 
 

 5. Flash CS4 3D 補間動畫 ( Case 01 )

 

 

 摩天大樓出現的方式是 Flash CS4 才有的 3D 補間動畫,雲朵與人物則是 Flash CS4 才有的 移動補間動畫

 這些摩天大樓的圖檔摘自:Skyscraperpage,特此聲明




 以下再看兩例,就更容易瞭解 Flash CS43D 補間動畫了


 
 
 

 5. Flash CS4 3D 補間動畫 ( Case 02 )

 這是 Flash CS4 剛推出時,筆者搞的東東:( 已經老掉牙了,所以就簡單帶過 )

 

 上例有幾個地方用到了 Flash CS43D 補間動畫:

 

                                               ↑ 重點在片尾:3D 補間動畫轉動時,其間的影片片段還是可以執行移動補間等動畫效果


 
 
 

 5. Flash CS4 3D 補間動畫 ( Case 03 )

 

 


 
 
 

 5. Flash CS4 3D 補間動畫

 

 


 請先下載 05.01.psd 以利練習:

 Rapidshare 使用說明 ★
 


 0. 只要熟悉 移動補間動畫,那麼 3D 補間動畫 就一點都不難
    輔之,看完前面 3Case,相信您對於 Flash CS4 新增的 3D 補間動畫,應該已有基本的概念
 1. 開新檔時,一定要設定為 Action Script 3.0
 2. 設定為 移動補間動畫
 3. 點選到 3D 旋轉工具
 4. 設定 消失點
 5. 拖曳舞台上的 3D 旋轉工具



 2009‧1209


 


 
 
 

 6. 視訊動畫


                  這張圖太複雜了:



 簡化來看:( 假設以 Flash 來編製視訊檔的來源 )
 FlashSWF or Flv → 轉檔 → avior wmv 檔 → 上傳到 YouTube → 取得嵌入碼 → 貼到 Webpage or Blog



 再簡化一點:( 其實完全用不到 Flv 檔 )
 FalshSWFiWisoft Flash SWF to Video Converteravior wmv 檔 → 上傳到 YouTube → 取得嵌入碼 → 貼到 Webpage or Blog



 無理取鬧型:

 ‧若說 Flv 檔搞成可以以 光碟 or 隨身碟 觀看,那麼轉成視視訊檔 ( avi or wmv or mpg or mp4 or ) 則更沒有問題
  因為大半的 Flv 檔得靠 SWF 檔來播放 ( 如 YouTube ),而單獨的 Flv 檔得安裝 Adobe Media Player 之類的播放軟體才可以觀看
  況且 FlashPlayer 有兩種:( 網頁用 ← online 與 桌面用 ← offline )
  想要在光碟或是隨身碟看 Flash ( SWF 檔 ),若內嵌在網頁內則沒問題,若想要在檔案總管直接開啟,就得安裝桌面用的 Flashplayer

 ‧小公司裝闊:小公司說使用 YouTube 等免費的網路服務會沒面子,所以一定要自製有播放界面的視訊檔
        很好,那就削他一票唄



 非用 Flv 不可時 ( 小公司裝闊 ),是很麻煩的:
 Flash 匯入視訊檔 → 其間至少會產生三個檔案 ( HTML, SWF, Flv ) → 以 FTP 軟體 上傳到 Hosting ( 虛擬主機 ) → 自製網頁


 


 筆者最厲害的地方,就是可以  肉肉長 無聊小公司裝闊的把戲 變出花樣來 ^+++^
 來看看如何把無聊的 FlvYouTube - like 變出實用的教學:


 
 
 

 SWF 2 Fla

 

 

 Flv 檔很無聊,因為在 YouTube ( 視訊 ) 的當紅之下,視訊檔 或是 SWF 才比較通行
 但或許偶爾會用到 Flv 檔,故:
 抓取 網頁中的 SWF 到硬碟 → 轉成 Fla → 修改之 → 發佈為 SWF 檔 → 轉成 Flv → 發佈為 SWF 界面Flv 視訊 的東東
         SWF 2 Fla                               Flv

 本例先看看 SWFFla 的部份:( 要到 這頁,才有【火星人】跳舞的 Flash )

 0. 首先,您必須安裝 Sothink SWF Decompiler ( 安裝 Sothink SWF Decompiler 時,也同時會安裝 Sothink SWF Catcher )
    ‧綠色版沒有在網頁上按右鍵的功能
    ‧IE 會因為安全性等問題而讓 Sothink SWF Catcher 失效,筆者懶得去設定,故以 GreenBrowser 行之
 1. 在網頁空白處按 右鍵
 2. 點選 Sothink SWF Catcher
 3. 開啟 Sothink SWF Catcher 後,可以看到 Catcher 會抓到該網頁中所有的 ( 計兩個 ) SWF
    按 Settings 鍵 ( 設定鍵 ),設定存檔的路徑
    把【火星人】跳舞 ( dance.swf ) 打勾,按 Save 鍵抓取並存檔之
 4. 存檔後,Status ( 狀態 ) 就會從 Ready 變成 Done
 5. 按 SWF Decompiler 鍵,開啟 Sothink SWF Decompiler,好把剛抓取的 SWF 檔轉成 Fla
 6. 進入到剛才儲存 SWF 檔的檔案夾
 7. 點選到剛才儲存的 SWF
 8. 這邊要 打勾
 9. 按 Export ( 輸出 ) Fla / Flex
 10. Sothink SWF Decompiler 會自動 Flash 開啟剛才轉好的 Fla



 2009‧1210


 


 
 
 

 Fla 2 SWF

 

 

 不是才辛辛苦苦地從 SWFFla 嗎 ?! 怎又要 FlaSWF 哩 ?!
 SWFFla:修掉一些用不到的東東 ( 如 Script、遮色片、外框、播放鍵等圖層 )
 FlaSWFSWF 是最流通的格式,要怎麼轉檔都不難

 下載 ( 抓取 ) 網頁中的 SWF 檔 → 轉成 Fla 檔 → 修改之 → 發佈為 SWF
 從 SWF 檔再變成 SWF 檔,雖然有點小煩,但這是基本工


 2009‧1211


 
 
 

 SWF 2 Flv

 

 

 這兩篇 ( SWF 2 YouTube, Flv 2 YouTube ) 已介紹過 iWisoft Flash SWF 2 Video Converter
 ‧可以抓取網頁中的 SWF
 ‧可以把 SWF 轉成 avi 檔 / wmv
 ‧可以把 Flv 轉成 avi 檔 / wmv
 ‧可以批次轉檔
 ‧……
 所以就不贅述了
 
 要把 SWF 檔轉成 Flv,只需要在 iWisoft Flash SWF 2 Video Converter 中選擇轉檔格式為 Flv, H.264 即可

 亦即 iWisoft Flash SWF 2 Video Converter
 ‧可以抓取網頁中的 SWF
 ‧可以把 SWF 檔 轉成 avi 檔 / wmv 檔 / Flv 檔 ← 本例
 ‧可以把 Flv 檔 轉成 avi 檔 / wmv 檔 ← 可以把 Flv 檔轉檔
 ‧可以批次轉檔
 也就是說,只要是 Flash 格式 ( SWF, Flv ) 的檔案,用 iWisoft Flash SWF 2 Video Converter 這一套來轉檔就夠用了


 


 iWisoft Flash SWF 2 Video Converter 再加上前面 ( SWFFla ) 提過的 Sothink SWF Decompiler

 iWisoft Flash SWF 2 Video Converter
 ‧可以抓取網頁中的 SWF
 ‧可以把 SWF 檔 轉成 avi 檔 / wmv 檔 / Flv
 ‧可以把 Flv 檔 轉成 avi 檔 / wmv
 ‧可以批次轉檔

 Sothink SWF Decompiler
 ‧可以抓取網頁中的 SWF 檔 ( Sothink SWF Catcher )
 ‧可以把 SWF 檔轉成 Fla 檔 ( Sothink SWF Decompiler )

 基本上已經無所不能轉檔了


 ‧Sothink SWF Catcher, iWisoft Flash SWF 2 Video Converter 可以抓取網路上的 SWF
 ‧RealPlayer 可以抓取網路上所有的 視訊檔
 基本上已經無所不能抓檔了


 唯一欠缺的是:把 avi, wmv 等常用視訊格式轉成 SWF, Flv 的工具軟體
        有的,那就是下例:FlvYouTube - like


 
 
 

 Flv 2 YouTube - like

 

 

 成品:( 下例是一個 iFrame,若是無法觀看,請點選 這裡 )

 

 ↑ reload

 這子就沒有 YouTubeLOGO 了,而且還有播放面板


 視訊動畫至此已產生了四個檔案:


 dance.swf

 之前已介紹過兩種方法 抓取網頁上的 SWF
 ‧以 iWisoft Flash SWF to Video Converter 抓取 SWF
 ‧以 Sothink SWF Catcher ( SWF 2 Fla ) 抓取 SWF

 ~dance.fla

 以 Sothink SWF Decompiler ( SWF 2 Fla ),把 ~dance.swf 轉成 ~dance.fla

 ~dance.swf

 抓取網頁的 dance.swf、轉成 ~dance.fla、編修後再 發佈為 ~dance.swf ( Fla 2 SWF )

 ~dance.flv

 要產生 Flv 檔有兩種方法:
 ‧從 SWF 轉檔為 Flv
 ‧從 avi, wmv, mpeg 轉檔為 Flv
 之前討論過的是 SWF 檔 ( ~dance.swf ) 轉檔為 ~dancd.flv ( SWF 2 Flv )


 0. 本例已先把 SWF 轉為 Flv
 1. 在 Flash 開新檔 → Ctrl - R 載入 Flv,就會出現下圖
    若要更換視訊檔,就按 瀏覽 的按鍵
 2. 因為已經有 Flv 檔了,所以就不需要以 Adobe Media Encoder 轉檔


 3. 點選到已載入的 Flv
    ( 載入 Flv 檔時,先隨便選定一個播放面板沒關係,反正等一下還可以重新選定 )
 4. 點選到 組件檢測器
 5. 彈出了組件檢測器的面板
 6. 載入 Flv 檔後,預設是自動播放,可以在此處設定為按 4 才開始播放
 7. 播放面板可以在此處重新選定



 
 
 

 Adobe Media Encoder AME


 前面 有出現過 Adobe Media Player
 Adobe Media Player 最主要的目的,幾乎就是 Flv Player !
 Adobe Media Player 是個不錯的 Player,但就跟 Windows Media Player 一樣:封閉的系統 ( 主要只是為了支援自家的媒體格式 ),難成氣候


 在大陸人 ( 新興國家 ) 的心目中,Microsoft, Sony, Nokia 都是相對老舊的品牌
 相形之下,Google, Samsung ( 三星 ), Apple 就是比較新穎的品牌
 老舊品牌的共同點就是:封閉、封閉、封閉,在最頂峰時,開始大搞封閉
 ‧MicrosoftWindows XP 時達到頂峰
  Windows Vista 就是因為自以為是而不注重相容性 ( 老大的封閉心態 ),故 Windows Vista 就以大敗收場
 ‧Sony 雖然在 BetaDVD 都落敗,但是在 PS2, PS3 時達到頂峰
  自此 Sony 所有的電子產品都只支援自家的 Memory Stick,因此種下敗因,從此就被 Samsung 追著打
 ‧Nokia 手握 Symbian 這個行動電話的作業系統而達到頂峰
  完全無視於 Google 推出 Android、完全無視於 Apple 推出 iPhone
  才兩年不到,AndroidiPhone 幾乎已收納編整個 SmartPhone 作業系統的市場
  即令 NokiaSymbian 變成 OpenSource,也難挽頹勢

 Google, Samsung, Apple 都是以不斷創新著稱的公司,但其中:
 ‧Samsung 挾整個韓國的資源,大搞傾銷式的托拉斯攏斷
  偏偏 Samsung 搞的東東,都是全球電子業所必需的,輔之價錢又便宜,故誰也拿 Samsung 沒辦法
  Samsung 目前幾無任何封閉式的行為,故應該可以好好活個一陣子
 ‧AppleiPhone + App Store 達到頂峰後,Apple 又開始大搞封閉了
  所以筆者常說:夾不死先生是好一年、狂三年、從此業績掉五年


 Adobe 開始獨大時 ( Adobe 擺拖被 Quark 的惡意併購、輔之 Corel 被併購下市 ),心態也開始托大:
 ‧推出 PageMillImageStyler 就想獨佔網頁編製的市場,結果慘敗收場
 ‧推出 LiveMotion 就想幹掉 Flash,結果慘敗收場
 ‧推出 SVG 就想幹掉 Flash Player,結果慘敗收場
 ‧併購 GoLive 就想幹掉 Dreamweaver,結果慘敗收場

 付了不少學費,Adobe 最後終於學聰明了:併購了 Macromedia 之後,Adobe 整個氣勢就如同浴火重生 !!

 Adobe 經過了幾次大戰:

 ‧早期的 Adobe vs. AldusAdobe 大勝
  最後連 AldusPageMaker, Freehand, After Effects, ... 等產品,都納入 Adobe 的旗下

 ‧中期的 Adobe vs. QuarkAdobe 差點被 Quark 惡意併購
  在 Adobe 強化 Acrobat ( PDF ) 並推出 InDesign 之後,現在 QuarkXpress 幾乎已沒人使用了

 ‧近期的 Adobe vs. MacromediaAdobe 以併購 Macromedia 取得險勝
  此併構案最重要的就是取得了 FlashFlash 的相關產品 ( 如 Flex 等等 )

 ‧上映中的 Adobe vs. Microsoft:目前 Adobe 大獲全勝
  但 Microsoft 絕對不是省油的燈:筆者預期 Silverlight 4.0 推出時,應該已經成熟到可以與 Windows 7, IE 8.0, Visual Studio 2010, Expression Studio 4.0, ... 整合起來
  也就是說,未來的 Flash CS5, FlashPlayer 11, Flash Builder, ... 必得要非常強大,才能與 Macrosoft 這隻巨獸抗爭


 雖然有微軟 Silverlight + Expression Studio + Visual Studio 的大軍壓境
 雖然 Adobe 在併購 Macromedia 之後,很明顯地把重心轉到以 Flash 為核心 ( 這絕對是正確的 ! )
 但或許是工程師便宜行事,或許是 Silverlight 還不足以威脅 Flash
 Adobe 也開始有搞封閉的傾向:
 ‧Adobe Media Player 雖然是個不錯的產品,但似乎只壓寶在 Flv
 ‧Adobe Media Encoder ( AME ) 更是為了 Flv 量身訂做

 因為 Adobe 併購 Macromedia 後的氣勢,故 YouTube 初期都是以 FlashPlayer 為播放界面,然後 載入 Flv
 但近期 ( 從 YouTube HQ 起 ) YouTube 都是以 FlashPlayer 為播放界面,然後 載入 MP4 ← 這無啻是宣佈 Flv 檔的死刑
 輔之 AME 的操作過程非常笨拙:
 只要 一個好用的 Video 2 SWFTools前面討論過的 SWF 2 FlviWisoft Flash SWF 2 Video Converter = 可以完全取代 AME、還更省時好用且更多元


 在介紹 世界難用AME 之前,請看看 Adobe 旗下 Flash 相關的應用與服務到底有多少:

 ‧FlashPlayer
 ‧Flash
 ‧Captivate
 ‧Adobe Media Player
 ‧Adobe Media Encoder ( AME )
 ‧Flash Catalyst
 ‧AIR
 ‧Flex, Flash Builder, ColdFusion
 ‧Flash Media Server ( FMS )
 ‧Acrobat Connect ( 原 Breeze )
 ‧Adobe TV
 ‧……

 Adobe 過於強推 Action Script 3.0 的應用與服務 ( 上面那堆東東,基本上都是 AS3-based )
 一不小心,Flash + AS3 就會陷於以前 Director + Lingo 的窘境
 譬如:AIR 是一個很好用的東東,動畫電影 Avatar ( 阿凡達 ) 就有 AIR 版本的互動影片介紹
    但 Google 卻已停止 Gear 的開發 ( GearAIR 是類似的東東 ),原因為何 ?! 留給您去思考


 好啦,講了一大篇,終於進入了 Adobe 工程師的便宜行事 -- Adobe 的封閉格式 - - Flv 的轉檔程式 -- Adobe Media Encoder ( AME ):

 0. 在 Flash 中,按 Ctrl - R 匯入視訊檔
 1. 點選到視訊檔
 2. 彈出一個小視窗,反正不是 flv 檔,一律不支援 ( 封閉 ):非得轉成 Flv or F4V 不可 !
 3. 點選 啟動 Adobe Media Encoder 的按鍵
 4. 一定要存檔,才能繼續操作
 5. 又彈出一個小視窗:轉成 Flv 檔後,要點選步驟3那個畫面上方的 瀏覽 按鍵、載入剛轉好的 Flv


 6. 設定 Flv
 7. 按 啟動佇列 開始轉檔
 8. 轉檔中
 9. 轉檔完畢
 10. 步驟5中所說的:按瀏覽鍵以載入剛轉好檔的 Flv


 11. 按步驟 10 的瀏覽後,點選到剛轉好檔的 Flv 檔 ( ~dance.flv )
 12. 載入 Flv 檔後,按下一步
 13. 設定播放面板
 14. 完成


 餘同 Flv 2 YouTube - like
 跟前面講過的 iWisoft Flash SWF 2 Video Converter ( SWF 2 Flv ) 相較,AME 實在是很不順手、操作邏輯也不連貫


 2009‧1214


 All Flash CS4 Animations