2008/02/29

繪圖

目標
理解逐格畫物件及製作元件的概念

隨堂練習
  • 畫箭中靶之動畫
與射箭有關的故事
  • 子曰：「君子無所爭，必也射乎，揖讓而升，下而飲，其爭也君子。」《論語八佾》
  • 林暗草驚風，將軍夜引弓。平明尋白羽，沒在石棱中。《盧綸·塞下曲》
  • 古時，某將軍在敗戰之際，有一神從天而降，助將軍敗敵。得勝之後，將軍拜謝，並問何以助戰？神回答：「我是將軍靶場上的靶神，感謝您屢次練射未曾傷過我。」

畫射箭之圖像可搜尋Google中的「archery」圖片
畫筆繪圖的高階功能
  • 工具箱內的工具供向量式繪圖用的。換言之，由它所畫出來的圖形是由許多節點及指定色彩而構成的。
  • 任何一線段至少有兩個節點以上。
  • 線與線的相交會產生新節點，與該節點相交的線段可以移除。
  • 封閉的曲線才可以填色；該封閉曲線可以與內部的填色分離。
  • 它的筆刷工具，在同圖層內，可以對既有圖像進行五種不同的畫法，如下圖例。

  • 在Flash畫好的圖可以複製貼到Illustrator，反之亦然。
  • 你可以先匯入Jpg圖或Gif圖，再以它為藍本描繪之。
  • 同上法先匯入圖，再利用修改→點陣圖→描圖成向量圖，再修飾該向量圖。
  • 圖像可以設定為元件，以利重復使用。
張貼者： 於 沒有留言:
標籤：

2008/02/22

值得參考的Flash網站

以下是值得參考的Flash網站：

tween, guided
trace
Macromedia

korea

奢華品牌

  1. patek-philippe
  2. bulgari
  3. david yurman
  4. graff diamond
  5. brioni
  6. leonard

動畫

如果你看過好的Flash網站，歡迎點按本欄右下的「意見」提供網址，謝謝。

張貼者： 於 沒有留言:
標籤：

專題設計

目標
先參考好的多媒體作品，試著以其概念或技法完成另一專題。

方法
  • 三人一組。
  • 作業數量：
    1. 期中考一件及期末一件；
      或
    2. 全學期一件。
  • 在本欄登錄組員、專題、參考作品、故事板(分鏡表)及進度時間表。
  • 作品有片頭、內容及片尾。
  • 作品做成光碟版及上傳到網站。
張貼者： 於 沒有留言:
標籤：

2008/02/21

設三1進度表

周別_日 期_授課內容
  1. 02/22 概論Flash入門
  2. 02/29 畫圖
  3. 03/07 移動補間與形狀補間
  4. 03/14 場景（Scene）
  5. 03/21 元件的使用
  6. 03/28 點陣圖的應用
  7. 04/04 放假
  8. 04/11 影片片段_落花斜落生漣漪
  9. 04/18 **期中考**
  10. 04/25 音效及匯入
  11. 05/02 音效--在關鍵影格播放及停播
  12. 05/09 Actionscript
  13. 05/16 載入外接SWF檔
  14. 05/23 GetURL的使用
  15. 05/30 預先載入preload
  16. 06/06 專題設計
  17. 06/13 專題設計
  18. 06/20 **期末考**
張貼者： 於 沒有留言:
標籤：

2008/02/16

設三A期進度

周別_日 期_授課內容
  1. 02/21 概論Flash入門
  2. 02/28 放假
  3. 03/06 畫圖
  4. 03/13 移動補間與形狀補間
  5. 03/20 場景（Scene）
  6. 03/27 元件的使用
  7. 04/03 點陣圖的應用
  8. 04/10 影片片段_落花斜落生漣漪
  9. 04/17 **期中考**
  10. 04/24 音效及匯入
  11. 05/01 音效--在關鍵影格播放及停播
  12. 05/08 Actionscript
  13. 05/15 載入外接SWF檔
  14. 05/22 GetURL的使用
  15. 05/29 預先載入preload
  16. 06/05 專題設計
  17. 06/12 專題設計
  18. 06/19 **期末考**
張貼者： 於 沒有留言:

2007/06/14

預先載入preload

目標
學會預先載入的製作

觀念
  • 當一個flash作品檔需耗時載入，最好提供「載入中 （loading）」的動畫，俾讓瀏覽者明白載入的狀態。此一「載入中」的做法是「預先載入（preload）」。
  • 「預先載作（preload）」的作法很多種，以能同時提供百分比及動畫者為佳。
練習
  1. 開啟新的Flash檔案。
  2. 新增影片片段元件，取名為mc_Preloader。
  3. 新增一圖像元件，取名為gr_Outline，在作業區內畫一長方形外框。利用對齊視窗，使該長方形外框齊左、齊上。
  4. 選取該長方形外框，編輯 > 複製。
  5. 新增一圖像元件，取名為gr_Fill。在作業區內，編輯 > 在原處貼上。
  6. 選取新複製的長方外框，修改其內部為實色，外框為白色。
  7. 新增一影片片段元件，取名為mc_Fill。將gr_Fill元件拖拉放到作業區內，利用對齊視窗，讓gr_Fill元件齊左、齊上。
  8. 開啟mc_Preloader，建三個圖層，由下而上，取名為Outline、Fill及Text。
  9. 從元件庫將gr_Outline拖移到Outline層；mc_Fill拖移到Fill層。兩者須對齊，使mc_Fill落在gr_Outline之內。
  10. 在Text層新增一文字框，位在Outline長方形外框的下方中央，設其為Dynamic Text（動態文字），Var（變數）取名為txt。
  11. 在作業區選取mc_Fill，在屬性視窗的「實體名稱」欄取名「preloader」。
  12. 新增一圖層，將它移到最上層，取名為ActionScript。點選該圖層的第一個影格，在動作視窗內鍵入以下的語令：
    preloader.onLoad=function() {_root.stop();
    }
    preloader.onEnterFrame=function() {
    var totalk=_root.getBytesTotal()/1024;
    var loadedk=_root.getBytesLoaded()/1024;
    var percent=Math.ceil((loadedk/totalk)*100);
    if (percent < txt="percent" _xscale="percent;">
  13. 由元件切換到場景，將mc_Preloader置入舞台，它會存放在第一影格。
  14. 到第二影格新增一空白關鍵影格。檔案 > 匯入舞台。選取檔案大的動畫檔，如swf或mov及avi檔。
  15. 存檔。
  16. Ctrl + Enter，測試影片。
  17. 檔案 > 出版，產生html檔及swf檔。
  18. 將上述的兩個檔案上傳到個人網站。
  19. 瀏覽該檔案，結果類似以下範例的超連結。
  • 本範例Flash檔（973k)下載
〔補充〕
  • 本範例中的ActioScript是在影格完成的，也可以選用舞台上的實體來寫，其做法是做到上述步驟11，選取舞台上的mc_Fill元件後，在動作視窗內鍵入的語令與步驟12完全相同，只是第一列改為
    onClipEvent (load) {_root.stop();
    第三列改為
    onClipEvent (enterFrame) {
    餘均不變。
  • 為了使視訊影片也能加以控制，步驟14可以更改為新增一影片片段元件，將視訊影片置入該元件的時間軸（可能佔用很多的影格）內。再將該元件放在場景的第二個影格，設其實體名稱，例如mc_Video，接著第二個影格設定ActionScript如下：
    stop();
    mc_Video.play();
〔範例〕〔參考網站〕
張貼者： 於 1 則留言:
標籤： ,

2007/06/08

GetURL的使用

目標
學會ActionScript中的getURL，俾賦予按鈕超連結的能力

練習

  1. 開一新Flash檔。
  2. 在元件庫新增一個按鈕元件。
  3. 將按鈕元件拖曳到舞台上，要使按鈕做超連結，可任選以下兩種方法之一：
    • 在按鈕實體上製作GetURL
    • 在關鍵影格上 製作GetURL
〔在按鈕實體製作getURL〕
  1. 選取舞台上的按鈕。
  2. 開啟點按舞台下方的動作視窗。
  3. 點按+，如下圖依序找出on及Release。
  4. 再找到getURL。
  5. 鍵入URL的絕對位址或相對位址。例如，絕對位址設為http://webntit.blogspot.com。
  6. 點按圖層，新增一個圖層，取名為ActionScript。
  7. 點按ActionScript圖層的第一個空白關鍵影格。
  8. 於動作視窗，點按+的圖示，如下圖步驟做好stop的指令。
  9. 按Crtl + Enter鍵，測試影片。
〔在關鍵影格製作getURL〕
  1. 選取舞台上的按鈕。開啟屬性視窗，於實體名稱設一英文名稱，例如，URL_btn。
  2. 點按圖層，新增一個圖層，取名為ActionScript。
  3. 點按ActionScript圖層的第一個空白關鍵影格。
  4. 開啟舞台下方的動作視窗，鍵入以下的ActionScript：
    stop();
    URL_btn.onRelease=function(){
    getURL("http://cmntit.blogspot.com")
    }
  5. 按Crtl + Enter鍵，測試影片。
〔補充〕
以上兩種方法，以第二種較佳。因為它可以直接從影格直接操作。
張貼者： 於 1 則留言:
標籤： ,
訂閱： 文章 (Atom)