• 沒有找到結果。

前置作業-Flash 軟體學習

(一) 介面介紹

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

相關文件