Flsah入門

比賽資訊：
請各位同學努力參加「行動影音創作」比賽，網址是www.vcard.com.tw

Flash的製作，應先把故事想好，再依劇情及條件來完成之。
本練習之劇情設為：雨點散落，入盆漸盈，飛卡忽降，激氣上飄。

範例

• 學生作品

步驟
一、設好影片屬性 (320X240, 24fps)
二、Flash的動畫作法

• 逐格法 (例：雨滴落盆、濺出水花、積成灘水)
  
  1. 在空白影格畫一圖形。
  2. 啟動描圖紙功能。
     
  3. 插入空白關鍵影格，並以前一圖形為底稿，畫另一圖形。
  4. 重復前一步驟，迄任務為止。
     
  
  
• 移動補間法 (例：卡片掉落)
  
  1. 先建元件圖形。
  2. 先置入一空白關鍵影格，置入元件，使成為關鍵影格。
  3. 於不相鄰的影格插入關鍵影格。
  4. 將這兩關鍵影格的登台演員做縮放、移位及旋轉等轉變。
  5. 於上二關鍵影格之間的居間影格設移動補間。
• 形狀補間法 (例：汽泡上升)
  
  1. 在一空白關鍵影格上，畫出一圖形，該影格即成為關鍵影格。
  2. 於與上一關鍵影格不相鄰的影格插入空白關鍵影格，畫出不同的圖形，此一空白關鍵影格亦成為關鍵影格。
  3. 於前二關鍵影格之居間影格設形狀補間。

三、加入音效

可參考網站

• http://www.flashperfection.com/

快捷鍵

• Ctrl+Enter：測試影片
• f5 ：插入影格
• Shift+f5：刪除影格
  

課後作業

• 為行動影音設計參賽作品，完成時間為11月14日，課堂評核成績。
• 在你的網站之www資料夾內新增swf資料夾，在Dreamweaver內新增網頁，將上述的shockwave檔插入，取名為work07.html，存入swf資料夾。
  
• 到你的網站的www資料夾內，於index.html檔內加入文字「作業七」，將「作業七」超連結到上一步驟的work07.html。

期中作業檢討

從同學相互檢討可以得出以下可資學習或借鏡者

一、優良作品

• 之一
  
• 之二
• 之三
• 之四
• 之五
• 之六

二、值得借鏡者

• 按鈕猜謎
  使用者會像無頭蒼蠅，撞得滿頭冒金星。
• 超連結太亂
  瀏覽者會不知身在何處，像在迷宮內。
  
• 各頁五花八門
  瀏覽者很難理解自己是在瀏覽同一個網站。
  
• 首頁與內頁不搭調
  瀏覽者無法從視覺風格的一致性歸納自己是在看同一作者的網站。
  
• 黑底藍字
  瀏覽者因黑與藍的明太接近而難以分辨字與底。

個人網站檢討

為了解你自己製作的網站之優缺點，請你完成以下的工作

1. 新增網路傳播設計的部落格。格址是webxxxxxxxx (xxxxxxxx代表學號)。
2. 做個超連結到你的網站。
   
3. 找兩位同學三人一組共同檢討。
4. 將檢討的結果貼上，並內容包括優點篇、待改善篇、能力續增編等。
5. 看同學的檢討：http://namentit.blogspot.com
   

夜三A網路傳播期中心得與意見

請點按右下的Comments提出迄期中作業止，在學習本課程的心得或意見。

日三A期中作業心得與建議

請點按右下的Comments提出迄期中作業止，在學習本課程的心得或意見。

期中作業續說

你的期中作業須於期中考周內的上課日完成。

• 在www資料夾內，新增一個資料夾，取名為midwork，將你的期中作業存在該資料夾內。
• 你需在www資料夾的index.html檔案加入「作業六」，將「作業六」將超連結到你的期中作業。
• 首頁要能讓瀏覽者知道網站的主題。
  
• 各頁面的標題記得要鍵入，不可出現「無標題文件」。
• 注意圖片，不要在Dreamweaver做任何縮放。換言之，圖片最好在Photoshop或Fireworks完成瀏覽的大小。
• 按鈕不可用Flash製作。
• 頁面的大小寬度以760為主，高度可依需要調大。
• 各頁面間要有同一網站的統一感。
• 要讓瀏覽者知道身在網站的那一個位置。

背景透明的GIF

網頁或部落格中，要讓某一圖像的背景透明的方法是將該圖像之背景去除成透明狀，再存成GIF。
作法：

1. 以Photoshop開啟圖檔，例如開啟鴨子，它的背景是白色的。
2. 在編輯→偏好設定→透明和色域，讓透明設定為灰白交錯的格子。
   
3. 於圖層視窗內複製一圖層。
4. 用放大鏡及選取工具，選取該圖之背景，盡可能將選取範圍接近清淅的界線。
5. 按Delete鍵將選取區去掉，會出現透明狀--有灰白交錯的格子。
6. 將原始圖層隱藏以觀看去背的結果。
7. 滿意之後，檔案→存為網頁用，選用Gif格式，及透明設定如上圖右。
8. 在Dreamweaver內置入圖形。
   

夜三A隨堂作業

今天的作業有三項

一、具按鈕功能的首頁

1. 將你上周在www資料夾之「fw-button」資料夾所完成的jpg檔，以Fireworks做成具按鈕的功能，其首頁取名為index.html。

二、修改文字式首頁

1. 回到www資料夾內，開啟index.html檔，新增「作業五」，超連結到fw-button資料夾內的index.html。
2. 儲存檔案。
3. 上傳。

三、到http://namentit.blogspot.com/去看你自己的作品。

補充
按鈕是重要的操介面，設計之原則是簡單易用，不宜耍花招，否則徒增喧賓奪主之嫌。