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: