有關於Adobe Flash CS6在互動教學上的應用
2D 互動設計 課程網站
  • 首頁
  • 課程檔案

Flash 2D互動設計 教學進度與資源


日期

課程進度與概略內容

課程資源


9/16

課程說明,與Flash CS6概論

課程規定與須知 (文件下載)


Adobe AIR 安裝程式
Adobe AIR 安裝程式 (育達伺服器)

9/23

Flash開發環境與介面介紹
Flash的基礎操作
廣告Banner的實例操作

01.素材檔案下載

01.課程錄影(Flash介面介紹)
02.課程錄影(移動捕間製作)
03.課程錄影(形狀捕間製作與屬性設定)
04.課程錄影(傳統捕間製作與加減速設定)
05.課程錄影(圖層與影格屬性設定)
06.課程錄影(工具列工具與屬性設定)
07.課程錄影(廣告Banner動畫切換製作)

01.範例完成檔案(捕間動畫)
02.範例完成檔案(照片切換動畫)

9/30

基礎操作 - 作品集展示與製作 A 範例實作

01.素材檔案下載 (育達伺服器)
02.倒數程式碼參考檔案

01.課程錄影(素材匯入與組合)
02.課程錄影(舞台排版)
03.課程錄影(場景與時間軸排版)
04.課程錄影(影格命名與倒數程式碼)

01.範例完成檔案(舞台排版)
02.範例完成檔案(9/30進度)

10/7

基礎操作 - 作品集展示與製作 B 範例實作

01.素材檔案下載 (育達伺服器)
02.點擊程式代碼參考檔案

05.課程錄影(虛擬按鈕製作A)
06.課程錄影(虛擬按鈕製作B)
07.課程錄影(虛擬按鈕製作C)
08.課程錄影(虛擬按鈕製作D)
09.課程錄影(虛擬按鈕製作補充) - 電腦版

01.範例完成檔案下載 (育達伺服器)

10/14

基礎操作 - 個人自我介紹Flash製作

01.作品集範例檔案下載 (育達伺服器)
02.作品集範例檔案下載 (google drive)

10.課程錄影(作品集範例套用操作)

10/21

基礎操作 - Flash電子書製作 A 範例實作

01.範例檔案下載 (Google Drive)

01.課程錄影(佈景舞台編排)
02.課程錄影(物件互動製作)
03.課程錄影(聲音按鈕製作與控制)

01.程式碼參考

01.今日課程進度 (Google Drive)

10/28

基礎操作 - Flash電子書製作 B 範例實作

01.範例檔案下載 (Google Drive)

01.課程錄影(場景切換製作)
02.課程錄影(場景切換製作補充說明)

11/4

基礎操作 - Flash童話電子書製作


11/11

期中考週 - 繳交期中作業與檢討

期中作業 - 故事電子書 需求單
  1. 五頁以上(要有換頁功能)
  2. 畫面中要有互動元件
  3. 要有聲音播放功能
  4. 繳交時請繳交原始檔
  5. 自繪之故事書為加分要件

11/18

HTML 5 - WIX 系統教學 A

  • WIX 系統網站
  • 申請新帳號
  • 版面解說
  • 頁面設定與新增
  • 頁面切換與文字選項解說
  • 背景設定

11/25

HTML 5 - WIX 系統教學 B

  • 色彩與文字的設定
  • 文字與圖片的設定
  • 內建圖形與相簿設定 01
  • 相簿設定 02
  • 相簿設定 03

12/2

HTML 5 - WIX 系統教學 C

  • 插入多媒體
  • 形狀與分隔線的設定
  • 按鈕與選單列
  • BLOG系統講解
  • 購物車系統講解
  • 社群網路設定
  • APPs設定
  • 清單製作與網站整體設定
  • 更多的APP與行動網站編輯設定

12/9

Flash網頁轉換與檔案上傳教學
使用Flash做出互動導覽列

  • 育達學生FTP使用空間說明與設定
  • 傳輸軟體下載(FileZilla)
  • 今日課程進度

12/16

Flash網頁轉換與檔案上傳教學
使用Flash做出完整網頁

  • 校外網路空間申請 (iHost)

12/23

使用Flash做出完整網頁
做出互動式相簿瀏覽功能

  • 素材下載

12/30

期末作業預檢


1/6

Weebly 線上網頁編輯教學
(如果你不會wix的話,請使用Weebly)

  • Weebly 教學影片

1/13

期末考週 - 期末作業總評

期末分組作業 - 商業網站應用
  1. 實際找一個商家 - 真實地找外面的商店合作,使用老師上課教學的工具幫忙製作一個商業應用網站,跟商家談需求與後續應用等等
  2. 自訂一個主題 - 自行尋找(文化、新聞報導、旅遊、介紹某主題皆可)類,製作一個網站
分組作業需求單
  1. 至少要有4個以上的選單列,ex:首頁、產品、經銷、聯絡我...etc
  2. 限用wix或flash製作為主的工具
  3. 組別人員限制6人以下

其他軟體教學

  • Weebly 網站建置影片教學檔案
  • Lightroom 教學影片檔案
  • Moviemaker 影片剪輯教學檔案
  • Dreamweaver與網頁設計教學網站(含架站)
  • OFFICE文書軟體教學
  • Photoshop影像處理軟體教學
  • Adobe Prmiere + After Effect + Audition 剪輯動畫音效軟體教學
  • Weebly模板擷取與php系統整合教學