2008/08/04

編劇本

資料來源
http://blog.xuite.net/myfriend3q/travel/18522668

補充
好的劇本可能需要「吸引世俗的基本元素，如內外在高反差的戲劇效果、追求夢想的挫折與掙扎圓夢的傳奇，以及人們因此激盪出的補償心理、勵志希望。」(摘自《我見我思－「小胖現象」的虛與實》)
張貼者： 於 1 則留言:
標籤：

2008/05/07

5月8日隨堂進度

目標
隨堂DIY

步驟
  • 請點按右側分類中的「載入外部SWF」。
  • 結果試著存放在自己的部落格。
張貼者： 於 1 則留言:

2008/04/25

參考網站

以下的範例，可供同學作業參考

張貼者： 於 1 則留言:

2008/04/11

臉紅swf

目標
利用形狀補間、遮色片製作出臉紅」眉動、唇曲的動畫
張貼者： 於 4 則留言:
標籤： ,

2008/04/10

swf實例

目標
製作射箭的動畫

步驟
  1. 設定畫面大小。

張貼者： 於 1 則留言:
標籤：

2008/04/08

FTP傳輸檔案

目標
以FTP管理你的網站

步驟
方法一：利用Dreamweaver
  1. 點按電腦桌面上的我的電腦。
  2. 於視窗的網址區輸入如下之網址。
  3. 輸入使用者名稱及密碼。
  4. 接著，遠端站台上的檔案夾及檔案會出現，你可為它編輯，或將本地端電腦上的檔案拖拉放到遠端的資料夾內。

註：以IE瀏覽器上述的方法容易出狀況，故建議用方法二

方法二：利用FileZilla
  1. 啟動Filezilla。(免費下載的FileZilla)
  2. 將下圖 (可點按放大) 的紅色框由左而右執行。
  3. 將左下近端站台的swf檔拖拉放到右下欄遠端站台指定的檔案夾內。
張貼者： 於 沒有留言:
標籤：

2008/04/07

上傳swf到blogger

目標
在Blogger.com上傳你的swf檔



步驟
  1. 你必須先在其它網址存好欲在blogger.com演出的swf作品，例如，在http://web.ntit.edu.tw/~hsieh/swf/tai.swf，就有一個把易經《泰》卦轉換為商標的swf動畫。
  2. 由於Blogger.com演出空間的限制，所以該swf的長寬最好在400x400pix以內。
  3. 方法一
    <embed src="你的SWF檔網址" width="320" height="240" loop="-1" autostart="0" ></embed>
  4. 方法二，在html編輯模式下，鍵入以下的語法，唯swf的網址要改為你存在：
    <code><span ></span></code><div><object type="application/x-shockwave-flash" data="http://web.ntit.edu.tw/~hsieh/swf/cloud_x.swf" width="400" height="225"><param name="movie" value="http://web.ntit.edu.tw/~hsieh/swf/cloud_x.swf"> </object></div>
  5. 上傳到http://www.swfcabin.com/ 再複製該sswf的位址
張貼者： 於 沒有留言:
標籤： ,

2008/04/02

台灣故事拼圖_設計比賽

2008年全民數位創作競賽-「台灣故事拼圖」

一篇篇動人的故事，印出生命的腳印， 台灣各個角落，都有屬於自己的故事，
分享你的故事，秀出你的創作!　用圖文、代言人物設計、四格漫畫、動畫
讓我們一同拼出台灣的面貌！
讓我們為這片土地上的地方特色、傳奇人物……
所有獨一無二、深得你心的人、事、物，留下永久典藏。
透過全民數位創作的呈現，拼出台灣的精采！ 秀出你的創作！愛拼才會贏！
報名截止日期:97年4月30日

主辦單位:經濟部工業局 活動網站:httP://www.ugc.org.tw
{大城小事 數位創意大車拼} 2008年全民數位創作競賽-台灣故事拼圖 ~~高額獎金等您來拿 活動網站http://www.ugc.org.tw
張貼者： 於 沒有留言:
標籤：

2008/03/28

遮色片的使用

目標
學會遮色片的使用

概念
遮色片的功能是讓遮色片的圖層與其下之圖層建構一種關係。使得遮色片層中的實色區能與它有交集的圖層之內容出現。

要領
  1. 選取要當遮色片的圖層，它必須有平塗實色的圖像，按滑鼠右鍵，選遮色片。
    遮色片下方的那一層會內縮。
  2. 若有數層要被遮，則將它們依序拖拉放到內縮層即可。
張貼者： 於 1 則留言:
標籤： ,

2008/03/27

點陣圖的應用

目標
學會點陣圖的去背及在Flash中的應用。

範例
一、畫路徑選取
  1. 先取得Pepsi的Logo，它是Gif檔。
  2. 用Photoshop開啟它，以路徑工具描其輪廓，如下圖左。
二、新製PNG檔
  1. 將路徑轉為選取，如上圖右。
  2. 設定羽化數值，值設為2。
  3. Ctrl+C，將該選取複製。
  4. 開新檔案，設背景為透明。
  5. Ctrl+V貼入。
  6. 另存新檔，格式為PNG。
三、製作Flash
  1. 在第一個圖層，更名為Red。在第一影格畫一條紅色波浪線。
  2. 在第25格插入影格。
  3. 新增圖層，更名為Jpg。
  4. 新增圖層，更名為Png。
  5. 新增圖層，更名為Blue。在第一影格畫一條藍色波浪線。注意：要使藍線高出紅線。
  6. 匯入百事可樂的Jpg檔及Png檔。
  7. 在元件庫入新增元件，取名為Jpg，選用圖像，置入步驟5的Jpg檔。
  8. 新增元件，取名為Png，選用圖像，置入步驟5的Png。
  9. 選取Png圖層，將元件Png置入舞台，在第25插入關鍵影格。
  10. 選取第25格的元件分身，做移動、旋轉或旋轉等，再進行移動補間。
  11. 選取Jng層，將元件Jpg置入舞台，在第25插入關鍵影格。
  12. 選取第25格的元件分身，做移動、旋轉或旋轉等，再進行移動補間。
  13. 測試影片。
四、其他變化
下圖的動畫中，上下方的二隻蟲是點陣圖，它們是同一個圖像元件，下方係把舞台上的元件分身做過色彩調整而得的。
張貼者： 於 2 則留言:
標籤：

2008/03/21

編劇接力

目標：
「恍惚」是《笑林廣記》中的一則經典笑話，請將它改編為劇本。

恍惚
三人同臥。
一人覺腿癢甚﹐睡夢恍惚﹐竟將第二人腿上竭力抓耙﹐癢終不減﹐抓之愈甚﹐遂至出血。
第二人手摸濕處﹐認為第三人遺溺也﹐促之起。
第三人起溺﹐而隔壁乃酒家﹐催酒聲滴瀝不止﹐以為已溺末完﹐竟站至天明。

作法
  • 請在意見欄提供你的想法？其他人可以接續或修改之，看誰抜得頭籌。
張貼者： 於 1 則留言:
標籤：

不射之射

目標
看【不射之射】影片以比較編故事及改編故事之差異。

摘自列子 湯問篇

甘蠅，古之善射者，彀弓而獸伏鳥下，弟子名飛衞，學射於甘蠅，而巧過其師。紀昌者，又學射於飛衞。飛衞曰：「爾先學不瞬，而後可言射矣。」紀昌歸，偃臥其妻之機下，以目承牽挺。二年之後，雖錐末倒眥，而不瞬也。以告飛衞。飛衞曰：「未也；必學視而後可。視小如大，視微如著，而後告我。」昌以氂懸虱於牖，南面而望之。旬日之間，浸大也；三年之後，如車輪焉。以睹餘物，皆丘山也。及以燕角之弧、朔蓬之簳射之，貫虱之心，而懸不絕。以告飛衞。飛衞高蹈拊膺曰：「汝得之矣！」紀昌既盡衞之術，計天下之敵己者，一人而已；乃謀殺飛衞。相遇於野，二人交射；中路矢鋒相觸，而墜於地，而塵不揚。飛衞之矢先窮。紀昌遺一矢；既發，飛衞以棘刺之端扞之，而無差焉。於是二子泣而投弓，相拜於塗，請為父子。剋臂以誓，不得告術於人。

比較
影片中，紀昌射出最後一箭，飛衞用嘴接箭，與原文「以棘刺之端扞之」差異太大。其後紀昌登山訪甘蠅，學到「不射之射」稱得上很有創意。
張貼者： 於 1 則留言:
標籤：

2008/03/20

元件的使用

目標
學會將一個元素(圖像、按鈕及影片片段、音效或視訊、文字等) 做成元件 (instance)，以利會重復使用及演生其他效果，並節省檔案大小及其他勞務。

元件的種類
  • 圖像元件：可以是單一圖像；也可以是動畫。
  • 按鈕元件：是一個可以加入Actionscript以控制指定的影片片段分身或舞台。
  • 影片片段元件：可以是單一圖像；也可以是動畫。
圖像元素與影片片段的差別在於後者可以有按鈕元件及音效等，此外，它能夠受按鈕元件及Actionscript的控制。

以元件可製造出來的效果
  • 移動補間
  • 色彩漸變
張貼者： 於 1 則留言:
標籤：

2008/03/14

場景--影片的建構方式

目標
比較連續法、圖層法及場景法在製作影片的差異

實例
機器狗轉身的動畫製作
  • 連續法：在同一圖層內每張圖像依序佔四個影格，第一圖像設在1~4影格；第二圖像設在5~8影格；第三圖像設在9~12影格。
  • 圖層法：第一個圖像設在第一圖層1~4影格；第二個圖像設在第二圖層5~8影格；第三個圖像設在第三圖層9~12影格。
  • 場景法：先插入二個場景，其名稱會自定為Scene2及Scene3，而與預設的Scene1形成三個場景。再將各圖像設在各場景的一圖層的1~4影格。
比較
  • 連續法製作最省事，但修改可能最耗神，尤其是影片很長時。
  • 場景法最具彈性。只要調整場景的順序即可產生不同的結果。
  • 圖層法居中。因為有圖層，容易記錄各圖層的名稱，有利修改或移動圖像的前後關係。
補充
拍攝人物當動畫素材時，為確保日後的利用，拍攝時務必用三角架。如上圖中的機器狗之側面、半側面及正面，都是用三腳架拍的。
張貼者： 於 1 則留言:
標籤：

設三1分組名單及專題

請在右下意見欄貼上
  1. 你們在本學期的專題組員名單。
  2. 你在4301室觀展對本學期擬進行的專題設計之啟示。
專題以文化有關者為主，與本學期設計專題有關之參賽訊息
張貼者： 於 9 則留言:

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 **期末考**
張貼者： 於 沒有留言:
訂閱： 文章 (Atom)