Event

▼

01.03.01 Animation

 

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

 為了讓 Photoshop → Flash 的雲朵 可以飄動得更多元,所以必得介紹 Flash CS4 的各種動畫技巧
 要善用 Photoshop CS4 64bit 與 Flash 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 bit(64 位元)


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

 

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


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



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


 來假想一種常見的狀況:
 ‧開啟 Photoshop 與 Flash 準備做事 ( 但還沒開啟欲編製的檔案 )
 ‧不管是 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 bit 跑 Adobe CS4,比 Windows Vista 32 / 64 bit 順暢太多了 !!


 
 
 ▲

 XP Mode(XP 模式)


  0. 一定要中高階的雙核心 CPU 或是四核心的 CPU 才支援 Intel 的 VT ( Virtualization Technology ) 技術
     一定要 Windows 7 的 Professional ( 專業版 )、Enterprise ( 企業版 )、Ultimate ( 旗艦版 ),才支援 XP Mode
     一定要 Windows 7 64 bit 版,才能支援 4GB 以上的記憶體 ( 記憶體不夠大的話,就都是硬碟在模擬記憶體 )
     簡言之:支援 Intel VT 的 CPU,才能在 Windows 7 Professional ( 含 ) 以上的版本安裝 XP Mode
         若是您的軟、硬體都沒問題,請到 這邊 下載並安裝 XP Mode
     只要安裝了 XP Mode,就不怕會有任何軟體相容的問題
  1. 第一次啟動 XP Mode ( 簡單來說,就是 Windows 7 背了兩個娃娃:Virtual PC、Windows 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 / Paste 到 C:\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 是在 2008 年 11 月推出,而 Windows 7 則是在 2009 年 10 月推出
 也就是說:Flash CS4 因為比 Windows 7 早了近 1 年推出,所以無法針對 Windows 7 新的介面去作調整

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

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

 不過後來筆者發現:昇級 Flash CS4 至 10.0.2、Windows 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 CS4 的 3D 補間動畫了


 
 
 ▲

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

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

 

 上例有幾個地方用到了 Flash CS4 的 3D 補間動畫:

 

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


 
 
 ▲

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

 

 


 
 
 ▲

 5. Flash CS4 3D 補間動畫

 

 


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

 ★ Rapidshare 使用說明 ★
 


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



 2009‧1209


 


 
 
 ▲

 6. 視訊動畫


                  這張圖太複雜了:



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



 再簡化一點:( 其實完全用不到 Flv 檔 )
 Falsh → SWF → iWisoft Flash SWF to Video Converter → avi 檔 or 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 ( 虛擬主機 ) → 自製網頁


 


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


 
 
 ▲

 SWF 2 Fla

 

 

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

 本例先看看 SWF → Fla 的部份:( 要到 這頁,才有【火星人】跳舞的 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

 

 

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

 下載 ( 抓取 ) 網頁中的 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 再加上前面 ( SWF → Fla ) 提過的 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 的工具軟體
        有的,那就是下例:Flv → YouTube - like


 
 
 ▲

 Flv 2 YouTube - like

 

 

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

 

 ↑ reload ↑

 這子就沒有 YouTube 的 LOGO 了,而且還有播放面板


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


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

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


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

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

 Adobe 經過了幾次大戰:

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

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

 ‧近期的 Adobe vs. Macromedia:Adobe 以併購 Macromedia 取得險勝
  此併構案最重要的就是取得了 Flash 與 Flash 的相關產品 ( 如 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 SWF 之 Tools + 前面討論過的 SWF 2 Flv 之 iWisoft 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 的開發 ( Gear 與 AIR 是類似的東東 ),原因為何 ?! 留給您去思考


 好啦,講了一大篇,終於進入了 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:

 

▲