(一) 介面介紹
Flash 的視窗環境
請先執行開始 > 所更程式 > Adobe Design Premium CS4> Adobe Flash CS4 Professional 指令啟動 Flash,然後會先看到歡迎螢幕的 畫面。這個起始頁可以讓您在工作開始時,快速存取時最常用的動 作。
39
圖 3- 1Flash 的視窗環境
A 開啟最近曾使用的檔案 E 提供學習 Flash 資源的快速存取 B 顯示開啟舊檔對話方塊 F 連接到 Flash Exchange 網站 C 快速建立一個新檔案 G 下載其他應用程式
D 從範本建立新檔案 H 勾選可取消歡迎螢幕的顯示
在建立新聞見或該起舊檔案後,即可進入 Flash 的畫面,下圖是 預設的版面配置。Flash 的視窗主要由處理動畫的文件視窗,及環繞 在四週的多種面板所組成。
圖 3- 2Flash 面板
40
41
42
43
99/3/23 Flash 學習紀錄:
學習資料:了解主要畫面、發佈設定 1. Flash CS4 主畫面介紹:
下圖為 Flash CS4 的操作介面,大致上可分為五個區,分別是上 層的標準功能表列,右側的繪圖工具列,及繪圖工具列左邊的設定區,
中間下方的時間軸區,以及中間的主要設計區。
圖 3- 4Flash 操作介面 2. Flash CS4 重要三元件:
Flash CS4 提供的元件,可依其功能及特性的不同,分為圖像(下
44
圖元件 3)、按鈕(下圖元件 2)、影片片段(下圖元件 1)三個不同的類 型。當製作動畫時,可以重複拖曳使用這些元件,快速增加許多相同 的圖形,並且不會增加太多的檔案容量。
圖 3- 5Flash 元件
學習成果:
了解元件使用上的不同,及其與場景影格的限制關係。
圖 3- 6Flash 學習成果影片片段元件
學習心得:
這是第一次使用 Flash 軟體,覺得很多地方都還不太懂,我們要 好好加油!
45
46
圖 3- 7 繪圖工具學習成果(一) 貢丸的作品:
圖 3- 8 繪圖工具學習成果(二)
47
48
3.新年快樂
*[插入關鍵影格]與[插入空白關鍵影格]之不同在於:[插入關 鍵影格]是複製上一影格場景上個所更元件,並增加一個可以改變 的關鍵影格。
學習成果:
圖 3- 9 逐格動畫學習成果
49
學習心得:
這次的學習感覺或益良多呢!對 Flash 又更更多認識了,了解逐 格動畫是如何製作的,真是個更趣的好物。但更重要的是之後如何 應用到電子書上!
50
99/4/13 Flash 學習紀錄:按鈕原件
學習資料:
上週繪製了靜態圖像,而本週的任務就是要使它產生動畫效果。
本週進度是學習如何將按鈕元件在一般影格時,建立動畫效果;
當按下滑鼠時,元件就會產生動畫模式。(也就是圖像會開始動了) 請看左邊這隻小藍(貢丸的)
這是他原本的模樣。
↓
圖 3- 10 按鈕原件學習成果(一) 而當滑鼠按下後,會產生飛行的模樣。
下面是加入動畫的結果。
51
小 U 的企鵝
↓
圖 3- 11 按鈕原件學習成果(二)
↓
最後小企鵝飛起來了!!
52
53
2.菱形的奧秘
學習成果:
卡車與菱形變化前
卡車與菱形變化中
54
卡車與菱形變化完成
圖 3- 12 形狀漸變學習成果
學習心得:
補間動畫真是神奇的特效!越來越更成就感了,希望更創意的主 題讓我們來設計動畫。
55
56
學習成果:
利用關鍵影格和建立傳統補間動畫,就能讓紙飛機呈現滑動的狀態
纜車呈現滑動的效果
圖 3- 13 移動漸變動畫學習成果 黃色小車則顯現出輪胎滾動的狀態
57
學習心得:
這次的主題主要是讓我們了解關鍵影格和建立補間動畫所呈現 出來的效果;以這兩種功能為基底,不同的方式也將呈現不同的效果,
很更趣呢!而當完成的那剎那,會更莫名的成就感!
58
59
60
圖 3- 14 導引線動畫學習成果
學習心得:
這次的章節學習了使指定的物件能夠跟著路徑去作移動,雖然畫 面比起之前的作品生動許多,但是製作過程可說是更點複雜,不僅要 添加許多圖層,還要在各個圖層上添加動作,一不小心就會亂了章節;
完成品真是得之不易阿!
61
62
63
學習成果:
放大鏡
接近地球
64
絢麗萬花筒
圖 3- 15 遮罩效果學習成果
學習心得:
遮色片真的是很神奇的效果呢!可是製作過程也較前面章節繁 瑣。
99/5/25 學習紀錄: ActionScript3.0
學習資料:
數位攝影機的使用已日漸普及,將日常生活中的片段以數位攝影機錄 下來可以保存更多美好的回憶。多花點巧思,利用 Flash 支援視訊物 件的特性就可以將回憶編輯的多采多姿,做為永久的紀念!
65
使用匯入視訊精靈 內嵌視訊到時間軸
檔 案 > 匯 入 > 匯 入 視 訊 命 令 , 在 電 腦 中 選 項 按 瀏 覽 選 取 視 訊 檔 flower.flv 點選在 SWF 鐘內嵌 FLV 並在時間軸中播放。按下一步>內 嵌視訊>下一步>完成。
接著就可按下 ENTER 鍵預覽影片內容。
內嵌視訊到影片片段
在上一小節中,將元件類型更改為影片片段。
66
圖 3- 16ActionScript3.0 學習成果 使用組件播放視訊
在匯入視訊精靈畫面中選擇使用播放組件載入外部視訊選項>下一步
>設定外觀元素中,選擇 FLVPLAYBACK 組件的播放外觀,在顏色中指 定一種外觀色彩。
67
圖 3- 17ActionScript3.0 學習成果
學習心得
我們在這章節學習了關於影片播放的三種方法,分別是內嵌視訊 並在時間軸播放、內嵌視訊為影片片段播放、直接使用組件播放 視訊;而三種方式出來也各具不同的效果,非常更趣!
68
69
發佈之後,就會出現所勾選的檔案類型 圖 3- 18Flash 發佈設定
學習心得:
經由 Flash 的發佈設定,我們可以把 Flash 中的檔案轉變為想要 的圖檔、網頁檔、執行檔或是放映檔;這對於製作電子書的過程 相當省時且方便,發佈設定真的很好用!
經過兩個月學習之後,我們最後在六月 3 號做出這兩個月來的成 果,學習 Flash 的過程讓我們獲益良多,從一開始什麼都不會慢慢摸 索接觸 Flash 介面以及操作 Flash,到我們可以獨立製作一個動畫成 品,如同媽媽懷胎十月產出小寶貝一樣的心情。雖然在之後的電子雜 誌轉換過程當中,使用到 Flash 的機會並不多,但讓我們習得了新技 術,是非常大的收穫。(成果檔收錄於光碟當中)
70
第肆章 電子校刊行銷
實體校刊轉換為電子校刊後,針對所選用之社群網站 Facebook 進行各種管道之行銷企劃,以下為電子校刊行銷企劃總時間流程圖及
71