紅木瓜藝術資料庫─[Art database of RedPapaya]

關於部落格
集結各國各地、琳瑯滿目的藝術資料。
  • 40583

    累積人氣

  • 2

    今日人氣

    0

    訂閱人氣

張老師的FLASH授課秘笈1

 

一、Flash簡介、介面、基本操作

 

二、圖像檔的使用

  1.Flash可運用的圖像來源

    a.Flash內繪圖

    b.匯入點陣圖檔

    c.匯入其他繪圖或影像處理軟體的圖檔

  2.Flash內的向量繪圖工具

    a.向量繪圖

    b.點陣圖檔轉向量圖檔

    c.文字轉向量圖檔

  3.點陣圖檔

    a.直接使用

    b.打破後的修剪與連續底紋

  4.其他圖檔

    a.gif檔(去背)

    b.gng檔(去背、半透明柔邊)

 

向量繪圖作業檢討

 

三、簡易動畫製作

  1.文件的設定

  2.多媒體軟體中的時間軸、影格、圖層概念

  3.Flash中的基本動畫

    a.移動補間動畫(含縮放、旋轉、傾斜、變色、透明、濾鏡)

    b.變形補間動畫

  4.導引線的使用

  5.遮罩的使用

  6.逐格動畫

  7.場景與分鏡

  8.2D動畫的基本畫面

    a.臉部特寫、表情、說話

    b.半身景、上半身動作、轉身

    c.半身景移動(含跟拍)

    d.全身景(走路、跑步)

 

四、聲音檔的使用

  1.聲音檔的匯入、Flash聲音剪輯功能、音效控制

  2.簡易的錄音、CD音樂的擷取、及利用Flash聲音剪輯匯出功能

 

網頁首頁動畫作業檢討

 

五、影片檔的使用

 

六、Flash的元件應用

  1.元件的產生方式

    a.補間動畫產生

    b.直接產生

  2.元件的種類

    a.圖像

    b.影片片段

      (1)不受時間軸影響

    c.按鈕

      (1)感應功能

      (2)互動功能

  3.元件庫的使用與管理

  4.元件的層次

    a.元件的重覆使用與變化運用

    b.動態的元件

    c.複數動態元件的組合

 

七、按鈕(互動)動畫製作

  1.按鈕的多元性(感應功能、音效、影片片段、ActionScript)

  2.ActionScript與滑鼠事件的組合使用

  3.場景切換與時間軸控制

 

按鈕動畫作業檢討

 

八、2D動畫影片製作

  1.使用Flash製作2D動畫影片的注意事項

    a.勿使用影片片段、按鈕元件

    b.影片尺寸

    c.Flash檔案大小限制

  2.影片匯出的方式

    a.直接輸出avi檔(部分聲音檔可先置入)

    b.輸出序列圖檔

3.進入剪輯軟體

4.完整影片的要素

 

期末2D動畫影片放映

 

 

 

(第1週)

 Flash軟體介紹

 

 Flash動畫面面觀

  1.向量繪圖動畫

    a.直接利用Flash裡繪製圖形。

    b.外部畫好線稿,匯入Flash轉向量檔,進行填色編輯。

  2.拼貼動畫

    a.點陣圖檔匯入直接使用。

    b.點陣圖檔匯入Flash打破,進行裁剪。

  3.按鈕動畫

    a.選單動畫。

    b.電子書型態多媒體。

  4.Flash遊戲

 

 

 

(第2週)

 在Flash中進行向量繪圖的步驟:ㄧ

  1.確認成品的印刷尺寸(or原稿尺寸)

  2.將成品尺寸換算成pixal

  3.紙上繪製黑白線稿(依成品尺寸)

  4.線稿掃描設定300dpi黑白 圖案gif檔(or bmp)

 

  5.依成品比例設定Flash工作pixal

  6.Flash工作dpi成品尺寸dpi=線稿匯入Flash縮小比例

 

  7.gif檔的匯入

  8.點陣圖轉換成向量檔;依6.計算結果縮小

  9.尺規引導線的使用

 

  10.成品匯出直接設定為成品尺寸pixal、完整文件大小、jpg檔、品質100

 

 在Flash中進行向量繪圖的步驟:二

  1.將線稿設定成圖像元件、元件的取用、元件的編輯

  2.元件的組合、變形(縮放、旋轉、變色)、複製;圖層的運用

  3.塊面和線條的上色、選取、設定;塊面和線條的分色

  4.調色、透明色的使用;透明色與圖層的配合

  5.漸層色的調色與種類;透明色與漸層色的配合

 

 (第3週)

 課堂實作

  1.學習設定、並掃描黑白線稿;

  2.黑白線稿圖檔匯入Flash轉向量圖檔。

 

 公佈-壹【向量繪圖作業】題目 (第3週公佈、第5周繳交)

  1.紙上作業(草稿or線稿)尺寸,A4(上限)橫式;

  2.輸出圖檔尺寸1024*768(橫式),jpg檔。

  3.設計繪製個人吉祥物+副吉祥物;

  4.須加背景(圖片來源、繪製方式不限);

  5.分圖層放置。

 

 調色盤

  1.可運用線段工具鉛筆工具將色塊切分,以傾倒不同油漆桶顏色。

  2.色相、明度、彩度的調配運用,製造平面動畫的陰影色效果。

 

 文字工具

  1.Flash的字型,受使用電腦有無裝該字型所限

  2.避免特殊字型到別台電腦可能無法呈現的情況,先用Ctrl+B將字型打,再用Ctrl+G將打散字型群組化。

  3.被打散的字型,就成為向量圖形了。

 

(第4週)

 在Flash中使用點陣圖

  1.一般使用

    a.jpg檔的匯入。

    b.點陣圖檔在Flash中可直接進行縮放、變形。

    c.變色、透明、動畫效果,需進一步將點陣圖轉換成元件

 

  2.點陣圖檔轉換成向量圖形

    a.變成向量色塊。

 

  3.點陣圖檔解析(打散)

    a.Ctrl+B可打散點陣圖。

    b.打散的點陣圖檔,可用向量工具編輯圖形邊緣;

      你會發現打散的點陣圖檔,成為四方連續底圖。

    c.用滴管工具,可以吸取打散的點陣圖,並成為“填色顏色”,可用於筆刷工具油漆桶工具鉛筆工具墨水瓶工具 線段工具

    d.打散的點陣圖可以用選取工具線段工具鉛筆工具套索工具橡皮擦工具裁剪編輯。

    e.打散的點陣圖可以用套索工具中的魔術棒選取特定顏色作去背,臨界值越大,選取的顏色越多。

 

  4.有透明圖層之點陣圖的使用

    a.gif檔和png檔都可攜帶透明圖層。

    b.gif檔的透明圖層,只有完整邊緣的去背;png檔的透明圖層,可使用霧化、柔邊的漸層消失效果。

 

 

 

(第5週)

 活動影像(動畫、影片、視訊)多媒體軟體的介面概念

  1.Timeline(時間軸)

    就像是一條攤平的電影影片、或是錄影帶,在Flash的Timeline是用Frame﹝影格﹞作單位,實際秒數就除以所設定的Frame Rate﹝影格速率、fps﹞來計算。

 

  2.Timeline(時間軸)上的紅色播放指標

    就像是讀寫錄影帶的磁頭,停在哪一個影格,工作區域就呈現那個影格的畫面,也會呈現那個影格的所在秒數。

 

  3.Layer(圖層)

最上層的Layer﹝圖層﹞就在畫面的最前面﹝最接近鏡頭、最接近觀眾﹞,最下層的就在畫面的最後面。

 

 Flash中的基本動畫

  1.移動補間動畫;元件的產生

    a.位移、旋轉。

    b.縮放、傾斜、反轉。

    c.變色、透明、模糊(濾鏡)。

 

  2.變形補間動畫

 

  3.逐格動畫

    a.連續圖檔的匯入。

    b.逐格手繪。

 

 Flash中的基本動畫製作

  1.製作前的文件設定(畫面尺寸、播放速率、底色)

  2.匯出的swf設定

  3.stop的action設定

  4.Scene的運用、分鏡的概念

 

 

(第6週)

 Flash的元件

  1.元件的產生方式

    a.補間動畫產生

    b.在工作區按右鍵產生

    c.F8

 

2.元件的種類

    a.圖像

    b.影片片段

      (1)不受時間軸影響

    c.按鈕

      (1)感應功能

      (2)互動功能

 

  3.元件庫的使用與管理

 

  4.元件的層次

    a.元件的重覆使用與變化運用

    b.動態的元件

    c.複數動態元件的組合

 

 

 (第7週)

 Flash按鈕元件的action設定

    (範例:Wajapan 2002有聲版)

  1.影格上的時間軸控制設定

  2.按鈕元件的事件設定與時間軸控制設定

  3.按鈕元件的事件設定與網址連結設定

 

 音效的剪輯

  1.Flash可使用的聲音檔

  2.聲音檔的一般來源

    a.音效片

    b.CD轉檔

    c.網路搜尋免費資源

    d.Window內的錄音機程式

    e.錄音筆、mp3隨身聽

  4.聲音的匯入與剪輯

  5.聲音檔的匯出

 

 Flash內的複製與貼上

  1.場景的複製

  2.圖層所有影格(含補間動畫)的複製

  3.影格(關鍵影格)的複製

  4.工作區內物件(元件、圖像)的複製與在原地貼上

  5.元件庫內的元件重製與編輯

 

 公佈-貳【首頁動畫】作業題目 (第7週公佈、第9周繳交)

  11.作品規格:600*400(橫式),swf欓;

  12.個人簡介;

  13.動畫放映全程放置skip按鈕;

  14.動畫結束(停止畫面,設stop)放置replay按鈕;

  15.首頁動畫要有配樂、音效,片長20秒~1分鐘。

 

(第8週)

 導引線的使用

  1.註冊點

  2.旋轉

  3.漸快與漸慢的運用

 

 遮罩的使用

  1.聚光燈的效果

  2.圖層變換的效果

  3.滑鼠元件若不在遮罩的顯現範圍內(看不見),就無法感應游標

 

 Flash中導引線與遮罩的效果,可以輸出成影片檔

 

 滑鼠拖曳物件的效果

  1.拖曳的設定與解除

拖曳設定

startDrag(this.mc,true);

true拖曳點為註冊點;

false隨點即拖

拖曳解除

stopDrag(this.mc,true);

對單一元件(影片片段)拖曳的設定與解除(設於按鈕)

on (press) {

    startDrag(this,true);

}

on (release) {

    stopDrag();

}

  2.可設於影格時間軸、或指定元件

 

 

 

 

(第9週)

 Flash製作2D動畫

    (簡報解說:Flash製作2D動畫.ppt)

  1.傳統平面動畫製作流程

  2.數位2D動畫製作流程

  3.以Flash製作簡易2D動畫

  4.2D動畫基礎四種畫面

    a.角色半身景(有對話、表情)

    b.角色半身景(有上肢動作、轉身)

    c.角色半身景行走(鏡頭跟拍or固定)

    d.角色全身景行走

 

 2D動畫基礎四種畫面 之 角色半身景(有對話、表情)

    (範例:G車網.swf)

 

 

 

(第10週)

 故事版與分鏡腳本

    (簡報解說:故事版與分鏡腳本之概述.ppt)

 

 Flash中模擬描圖燈箱的「描圖紙」“洋蔥皮”功能

 

 2D動畫中模擬鏡頭跟拍固定鏡頭被攝物出入鏡

    (範例:G車網.swf)

  1.鏡頭跟拍:背景元件往被攝物反方向移動,被攝物元件留在工作區

  2.固定鏡頭被攝物出入鏡:背景元件固定,往被攝物進入或移出工作區

  3.鏡頭跟拍之多層背景元件移動:越靠鏡頭移動越快速、接近無限遠者幾近不動

 

 Flash中模擬描圖燈箱的「描圖紙」“洋蔥皮”功能

 

 

 (第11週)

 2D動畫基礎四種畫面 之 角色半身景(有上肢、頸部動作)

(範例:G車網.swf)

  1.肢體、頭部元件放入工作區之後,點選自由變形工具顯示元件之變形中心點(空心圓),直接以滑鼠游標拖曳之。

  2.元件之變形中心點(空心圓),可以拖曳至元件以外。

 

 2D動畫「動作、動感」簡易產生作法

   有限動畫作法

  1.最少兩個畫面,可以產生一個最基本的動畫;

    兩個重點動作,可以製造出一個動態。

  2.擷取單一動作的頭(開始)、尾(結束)動作;

    擷取單一動作的最大範圍的兩端;

    擷取單一動作的收(閉)、放(開)動作。

    重點動作彼此之間的差異性要大、but關聯性要明確。

  3.加上音效輔助畫面。

 

   有限動畫 + 伸展與壓縮

  1.使用所擷取的重點動作,將重點動作圖做伸展與壓縮

  2.加上音效輔助畫面。

 

   單一畫面

  1.運用鏡頭運動:移動、縮放、旋轉;

    運用分鏡:不同單一畫面的剪接(切接、溶接、淡出淡入);

    運用疊影;

    運用分割畫面。

  2.出現漫畫符號,ex:冒(滴)汗、出現青筋、臉部陰沈線等。

  3.加上音效輔助畫面。

 

 (第12週)

 收2D動畫作業、播放檢討

 

 2D動畫基礎四種畫面 之 角色全身景(走路)

(範例:【出去走一走】sc24、sc35)

(範例:【WALKING ON BY.swf】)

(範例:中國Flash動畫【鉛筆畫小人.swf】)

(範例:942-崑山視訊2A-2D電腦動畫-3月作業-走路)

 

 

 

(第13週)

 配樂與影片的同步控制

  1.聲音同步的設定:事件串流

    事件:聲音與影片時間軸播放指標各自進行,不受播放指標停止或跳格的影響。

    串流:聲音的播放受時間軸播放指標的控制。

  2.聲音同步的設定為事件時,若時間軸播放指標必須重頭播放或跳 格時,須於時間軸控制的按鈕設定stopallsound。

 

 Load外部swf檔(1)─直接設於時間軸之影格上

  1.a0.swf為主動畫、a1.swf為load之外部動畫

  2.a0.swf、a1.swf放置同一資料夾

  3.action設置於a0.swf任一圖層時間軸(可指定任一影格)

loadMovie("a2.swf",0);

(接龍)

直接開啟swf,a2直接接於a1 action設置處,尺寸如a2

以網頁開啟,a2直接接於a1 action設置處,尺寸如a1

loadMovie("a2.swf",1);

(疊羅漢)

直接開啟swf,a2於a1 action設置處播放,尺寸如a2,swf疊於a1上層

以網頁開啟情形,同直接開啟swf

 

 

(第14週)

 複習:Load外部swf檔(1)─直接設於時間軸之影格上

  1.a0.swf為主動畫、a1.swf為load之外部動畫

  2.a0.swf、a1.swf放置同一資料夾

  3.action設置於a0.swf任一圖層時間軸(可指定任一影格)

loadMovie("a2.swf",0);

(接龍)

直接開啟swf,a2直接接於a1 action設置處,尺寸如a2

相簿設定
標籤設定
相簿狀態