週次三 – 時間軸應用 教學回顧 物件繪製 圖層使用 時間軸及導引線設定 場景介紹及應用.

Slides:



Advertisements
Similar presentations
E-portfolio 個人履歷網站教學
Advertisements

Excel –格式設定 資訊教育.
Flash教學 主講人:蘇錦凌.
第 3 章 補間動畫應用-英文字母教學動畫.
第六章:创建运动渐变动画 6.1运动渐变动画的变化特征 6.3 通过时间轴特效快速创建动画 6.2创建运动渐变动画
在插入的頁首及頁尾區,按頁尾鈕,選年度,以插入頁尾
時間軸 (Timeline) 面板、 圖層 (Layer) 與 影格 (Frame)
2015/Spring 跨平台行動程式進階應用 王派洲老師
第六章 补间动画 主讲人:马 震 人民邮电出版社.
本週課程內容簡介 Flash Professional動畫軟體簡介 Flash操作介面簡介 動畫類別簡介及範例實做.
DreamWeaver MX (V) 林偉川.
PowerPoint圖形總合.
DreamWeaver MX (II) 林偉川.
影格的類型及相關操作 新增影格 播放磁頭與影格的關係 選取影格 移除影格 影格的類型 設定關鍵影格 設定空白關鍵影格 清除關鍵影格.
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
主講人:資通中心李威頤 校內分機:6111 講義下載: 資料下載
Q101 在701 SDX Linux上的標準安裝與使用程序v2
JDK 安裝教學 (for Win7) Soochow University
(必備知識:Frontpage、Dreamweaver)
立體繪圖及立體設計 Google SketchUp.
R教學 安裝RStudio 羅琪老師.
影格速率與時間軸刻度比例 接著我們再來看看時間軸面板上其它的功能。在時間軸面板下方會顯示目前動畫所設定的影格速率 (Frame Rate ) 等資訊:
安裝JDK 安裝Eclipse Eclipse 中文化
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
Quiz6 繳交期限: 12/14(四) 23:59前.
檔案與磁碟的基本介紹.
電腦攻擊與防禦 使用電腦教室VMware軟體說明.
SuperGIS 2.0 基本架構介紹.
建立一 function s (type) 可以用來繪製cyclic-harmonic curves
PLC-GPPW軟體使用教學 授課教師:張祖烈
圖片格式簡介 張啟中.
第 10 章 Flash 基本動畫與 時間軸效果 著作權所有 © 旗標出版股份有限公司.
雙色鑰匙圈製作 Flashprint + Tinkercad
PowerPoint 2019/4/9.
Prepare by Jean Huang 黃瀞儀
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
把下列各音樂符號和它們的中文名稱配對起來
Flash8 ※補充:編輯圖形與繪圖輔助功能(課本第5章) ※第4章:動畫製作原理解析(課本第10章) ※形狀補間動畫(課本第11章) ※時間軸特效(課本第16章) ※第5章:元件與元件庫 授課教師:葉麗君.
第一次Labview就上手 參考書籍: LabVIEW for Everyone (Jeffrey Travis/Jim Kring)
Google協作平台+檔案分享(FileZilla+網路芳鄰)
課程:動畫概論 製作者:郭小梅 出處:勁園.台科大
個人網路空間 資訊教育.
GridView.
GridView操作 (II).
6-3 元件的類型 Flash 的元件包含圖像元件 (Graphic Symbol)、按鈕元件 (Button Symbol)、影片片段元件 (Movie Clip Symbol)、字體元件 (Font) 與組件 (Components) 5 種類型, 我們一一說明如下。
HelloPurr_Extend 靜宜大學資管系 楊子青
Flash 8:開口中 從Y:\ 複製『開口中.fla』到 D:\ 更改名稱為:s3x99 (你的班號) 雙按開啟檔案 2019年5月7日
Flash 8 基本簡介.
把下列各音樂符號和它們的中文名稱配對起來
PowerPoint 操作介紹 106 計算機概論
基本指令.
5. 令圖畫動起來 Tween 功能介紹 移動效果 顏色漸變效果 形狀漸變效果 離開.
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
Photoshop CS 電機四 祝伯翰.
6.1 動畫檔案的格式 6.2 建立合適的動畫元素.
班級:博碩子一甲 授課老師:鐘國家 助教:陳國政
Quiz1 繳交期限: 9/28(四).
安裝JDK 配置windows win7 環境變數
遊戲設計 AssetBundle.
Cloud Training Material- 事件 Sherman Wang
Activity的生命週期: 播放音樂與影片 靜宜大學資管系 楊子青
小畫家教學 電子版儲存於 學校網頁/學科資訊/電腦科
若要查看更多祕訣、影片、說明和訓練,請瀏覽 aka.ms/officetips
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
Scratch: 動畫或遊戲編程 任務3:海洋世界.
Flash 軟體教學 主講人:賴佳穗.
Flash8 第一週 基本操作&動畫快速上手 授課教師:葉麗君.
自轉星球與隨機雷射.
Presentation transcript:

週次三 – 時間軸應用 教學回顧 物件繪製 圖層使用 時間軸及導引線設定 場景介紹及應用

圖層 教學回顧 點陣圖轉換為 - 影片片段、按鈕、圖像 圖層、工具面版 Flash動畫具備了五樣重要的元素: 影片(Movie)、場景(Scene)、 圖層(Layer)、影格(Frame)、元件(Symbol)。 圖層、工具面版 移動漸變:作用對象--元件、群組物件【Ctrl+G】文字元件(變化:移動、旋轉) 形狀漸變:作用對象--圖像物件【打散Ctrl+B】(變化:形狀改變、顏色漸變)

群組特性 flash有個很重要的特性,若2個不同 的物件重疊在一起,則會有兩種可能 的現象發生。 結合:物件顏色完全相同時,重 疊之後將會結合在一起。

群組特性 (2)消去:物件顏色不相同,被覆蓋的 地方將會被消去,將物件移開後就可得到 證明。

FLASH的操作畫面 主功能表 浮動面板 圖層區 時間軸 電影編輯區 (舞台區) 標準工具鈕列 螢幕顥示百分比 場景名稱 繪圖工具 檢視工具 色彩工具 電影編輯區 (舞台區) 屬性工具

Flash 的繪圖工具

時間軸面板(Timeline Panel) 場景切換鈕 元件編輯鈕 顯示設定 鎖定圖層 顯示/隱藏圖層 外框顯示 時間軸 圖層面板 新增圖資料夾 新增導向圖層 圖層面板 圖層名稱 影格 影格指標 狀態列 時間軸 時間軸指標 每秒播放影格數 新增圖層 刪除圖層

影格(Frame)類型 Frame(普通影格):視窗時間軸上的一格格子。 Keyframe(關鍵影格):該畫格在動畫中具有關鍵性內容。 Blank Keyframe(空白關鍵影格):該畫格沒有任何關鍵性內容,作用是清除前面Keyframe內容。 區段中之畫格:設定起點和輸入的圖像,中間的動畫過程,Flash會自動補上。 加入聲音/指令/標籤的畫格

隱藏的圖層 鎖定的圖層 白色的空心圓代表空白的關鍵影格 黑色的實心圓代表關鍵影格 普通影格 動畫影格

時間軸

動畫組成要素 大致上每個動畫的組成元素不外乎「影格(Frame)、圖層(Layer)、場景(Scene)」。 『影格(Frame)』是最小單位,其中可以容納多個物件及影片動作(Action Script)。 『圖層(Layer)』則是將連續影格集合起來,就是圖層了。 圖層可以容納一至數個動畫。 同一圖層同一段時間,只能有一個動畫,且其間之影格中,僅能有一個物件,若有多個物件,必須將其群組起來,才能製作動畫。 『場景(Scene)』將圖層集合起,就是場景了,其實也可說是完整的動畫。

導引線 增加移動導引線: 在Flash中可以給元件一個移動的路徑,讓元件隨著路徑移動;亦即圖層內的元件需配合產生的導引線,將元件分別拖曳至導引線的起點及終點,如此圖層內的元件才會根據導引線的路徑移動。

簡易導引線功能 1. 新增元件圖像畫一物件置中 2. 回到場景上拖曳元件進入 3. 第40影格按F6並拖曳物件到另一端 4. 1到40影隔間按右鍵建立移動補間動畫 5. 按圖層下方增加移動導引線 6. 利用鉛筆畫出一條線段 7. 點圖層1第一影格並將物件移至線段起點 8. 40影格並將物件移至線段終點 9. 測試(Ctrl+Enter)

共用線段 不同的物件可使用同一條導引線做變化 可增加不同效果 如: 文字、圖片、音效等

遮色片 遮色片是什麼? 簡單來說…遮色片就是把原圖蓋上某種顏色。 運用遮罩的效果~ 該圖層就像是會和原紙張相結合一樣~ EX: 原本的黑紙(其它底色)~ 加上白色(任一色)的遮色片圖形~ 運用遮罩的效果~ 該圖層就像是會和原紙張相結合一樣~ 圖形和文字

遮色片使用 1. 選取文字,並執行『插入/轉換為元件』將文字 轉換為圖像元件。 2. 點選第40影格,按右鍵或F6,加上關鍵影格。 3. 在圖層1上按右鍵,插入一個新的圖層。 4. 在新的圖層上,利用橢圓形工具畫一個圓 5. 點選圖層1的第1影格,按右鍵,加上『產生移 動漸變』。 6. 在圖層2上按右鍵,選『遮色片』。 7. 執行功能表上『控制/測試影片』,就可以看 到成果了。

實務教學 一、 文字變化EX 旋轉動畫EX 移動文字動畫EX 速度漸變效果EX 移動圖形動畫EX 二、 導引線動畫EX

Flash時間 問 題 與 討 論

尤其在做遮色片效果應用時,不見得輸出的影片就是成功的。 Flash小提示 小提示 盡量不要使用Enter來測試影片, 尤其在做遮色片效果應用時,不見得輸出的影片就是成功的。 請愛用Ctrl + Enter