Flash教學 主講人:蘇錦凌.

Slides:



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

Excel –格式設定 資訊教育.
第 3 章 補間動畫應用-英文字母教學動畫.
本週課程內容簡介 Flash Professional動畫軟體簡介 Flash操作介面簡介 動畫類別簡介及範例實做.
WEBSITE PROPOSAL.
DreamWeaver MX (V) 林偉川.
PowerPoint圖形總合.
自由軟體Firefox安裝 及youtube影片下載
DreamWeaver MX (II) 林偉川.
主講人:資通中心李威頤 校內分機:6111 講義下載: 資料下載
PDFCreator安裝教學.
JDK 安裝教學 (for Win7) Soochow University
Outlook2010-通訊錄設定 健康國小 資訊組.
R教學 安裝RStudio 羅琪老師.
影格速率與時間軸刻度比例 接著我們再來看看時間軸面板上其它的功能。在時間軸面板下方會顯示目前動畫所設定的影格速率 (Frame Rate ) 等資訊:
安裝JDK 安裝Eclipse Eclipse 中文化
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
雲端運算的基石(2) 虛擬化技術實作(XP篇─上)
系統設定 IE8相容性檢視
網頁切換移轉 JS vs. ASP.NET.
電腦攻擊與防禦 使用電腦教室VMware軟體說明.
SuperGIS 2.0 基本架構介紹.
VS.NET 2003 IDE.
PLC-GPPW軟體使用教學 授課教師:張祖烈
圖片格式簡介 張啟中.
Dreamweaver 8 潘雅真老師.
古今地圖比對 國立彰化高中102年高瞻計畫空間資訊專題課程.
PowerPoint 2019/4/9.
第一個cordova project Cordova project建立與平台設定,均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld.
會聲會影10 卓傳育 博士 電腦與通訊科技研發中心 會聲會影10教學-基本功能
設計理念與教學步驟 本簡報可配合翰林英語第五冊第七課或康軒英語第六冊第二課的文法句型使用。
Prepare by Jean Huang 黃瀞儀
5min教學錄製-PC Jay Lin 2016.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
把下列各音樂符號和它們的中文名稱配對起來
安裝 / 操作 flashget SOP (以Win 7 作業系統為範例)
如何利用範本來製作網頁.
Google協作平台+檔案分享(FileZilla+網路芳鄰)
一用就上手3D列印設計 AUTODESK 123D Tinkercad 3D 設計網站
課程:動畫概論 製作者:郭小梅 出處:勁園.台科大
週次三 – 時間軸應用 教學回顧 物件繪製 圖層使用 時間軸及導引線設定 場景介紹及應用.
個人網路空間 資訊教育.
GridView.
GridView操作 (II).
6-3 元件的類型 Flash 的元件包含圖像元件 (Graphic Symbol)、按鈕元件 (Button Symbol)、影片片段元件 (Movie Clip Symbol)、字體元件 (Font) 與組件 (Components) 5 種類型, 我們一一說明如下。
CVPlayer下載及安裝& IVS操作說明
FTP使用教學 簡介: 軟體名稱:FileZilla 軟體性質:Freeware 版本: 繁體中文版
Ogive plot example 說明者:吳東陽 2003/10/10.
數位相本製作(二) 軟體:3D-Album 主講:王志強.
第 2 章 實作第一部 Flash 動畫-手繪風格網站.
Flash 8:開口中 從Y:\ 複製『開口中.fla』到 D:\ 更改名稱為:s3x99 (你的班號) 雙按開啟檔案 2019年5月7日
Mathematica 動畫教學 -振動模態
Flash 8 基本簡介.
MicroSim pspice.
Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青
把下列各音樂符號和它們的中文名稱配對起來
PowerPoint 操作介紹 106 計算機概論
Dreamweaver 進階網頁製作 B 許天彰.
匯入點陣圖 在 Flash 檔案中匯入點陣圖, 可選擇要將檔案匯入舞台, 或是匯入元件庫中。我們以前者為例進行說明。
Scratch: 動畫或遊戲編程 任務10:尋找小鬼.
5. 令圖畫動起來 Tween 功能介紹 移動效果 顏色漸變效果 形狀漸變效果 離開.
Brief Guide of FrontPage
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
6.1 動畫檔案的格式 6.2 建立合適的動畫元素.
波的振幅與週期量測 通訊一甲 B 楊穎穆.
電子郵件簡報.
小畫家教學 電子版儲存於 學校網頁/學科資訊/電腦科
Unix指令4-文字編輯與程式撰寫.
自轉星球與隨機雷射.
Presentation transcript:

Flash教學 主講人:蘇錦凌

簡介 常見的flash應用有哪些?製作小遊戲、動畫、美化網頁等等。 Eye-4u網頁

操作介面簡介 Flash操作環境的組成:各種面板(提供各種製作動畫的工具) 、選單、編輯區。 如何關閉不必要的面板:在選單的〔視窗〕中可選擇要關閉或要開啓的面板。 面板的展開與縮小:以面板左上角的小三角做調整。 常用的四個面板:工具面板、時間軸面板、屬性面板、元件庫面板。

操作介面簡介 工具面板:分為四個區塊,繪圖工具區、檢視工具區、色彩挑選區、選項區。 使用繪圖工具所畫的圖形會產生筆畫與填色區域。 簡介工具面板的各項功能。 實際畫一個人的臉。

範例一 移動補間動畫 請同學先下載上課所需的圖片 一段動畫的產生:由許多靜態的底片連續而快速的播放所產生。 Step1:放範例一結果 範例一 移動補間動畫 請同學先下載上課所需的圖片 一段動畫的產生:由許多靜態的底片連續而快速的播放所產生。 Step1:放範例一結果 Step2:讀入點陣圖至元件庫([檔案讀入至元件庫]),並以frame by frame方式製作動畫,並播放(控制播放)。

範例一 移動補間動畫 Step3:以補間動畫來做動畫,首先將點陣圖轉成元件(插入轉換成元件),再插入關鍵影格,之後再做補間動畫。 範例一 移動補間動畫 Step3:以補間動畫來做動畫,首先將點陣圖轉成元件(插入轉換成元件),再插入關鍵影格,之後再做補間動畫。 Step4:利用屬性面板設定元件旋轉次數。 Step5:存檔。

範例二 插入背景圖 Step1:以範例一的例子延續下去,並看一下範例二的flash動畫。 Step2:簡介時間軸的各個按鈕用法。 範例二 插入背景圖 Step1:以範例一的例子延續下去,並看一下範例二的flash動畫。 Step2:簡介時間軸的各個按鈕用法。 Step3:將layer1更名成鳥的泡泡,並插入layer2,並把layer2更名成背景。 Step4:讀入背景點陣圖至元件庫([檔案讀入至元件庫]),並由元件庫拉至編輯區。

範例二 插入背景圖 Step5:使用任意變形工具調整背景圖的大小,把layer2拉至最下層。 Step6:存檔。

範例三 淡入效果 Step1:以範例二的例子延續下去,並看一下範例三的flash動畫。 範例三 淡入效果 Step1:以範例二的例子延續下去,並看一下範例三的flash動畫。 Step2:先點選第一影格的小鳥泡泡元件,並且告訴同學圖像元件在屬性面板上面的icon 。 Step3:調整第一影格元件的alpha值為0,最後影格元件的alpha值不變 。 Step4:逐一檢視補間動畫為我們所做的。

範例三 淡入效果 Step5:存檔。

範例四 導引線 Step1:以範例三的例子延續下去,並看一下範例四的flash動畫,簡單說明一下導引線的功用。 範例四 導引線 Step1:以範例三的例子延續下去,並看一下範例四的flash動畫,簡單說明一下導引線的功用。 Step2:將第一影格的元件alpha值調回100。 Step3:按mouse右鍵[增加導引線] ,提示學生增加導引線後圖層會內縮表示 Step4:將除了導引線圖層外,其他的圖層都調成invisible。

範例四 導引線 Step5:以铅筆畫出導引線軌跡,並把元件所在圖層打開成visible後,調整第一影格元件的錨點,以及最後影格元件的錨點(可用方向鍵對得比較準)。 Step6:播放成果給學生看,並把最後影格的元件錨點移偏離導引線,再播放一次。

範例四 導引線 Step7:把所有圖層都設成visible,再放一遍發現有導引線的軌跡不美觀。 Step8:介紹〔控制〕[測試影片]。 範例四 導引線 Step7:把所有圖層都設成visible,再放一遍發現有導引線的軌跡不美觀。 Step8:介紹〔控制〕[測試影片]。 Step9:存檔。

範例五 遮色片 什麼是遮色片?Flash有一種稱為遮色片的圖層,它會遮住此圖層下的被遮色圖層內容,如果你在遮色片圖層上畫了一個圓,那這個圓移動到哪,其下的被遮片圖層就會顯示出該位置的內容。 Step1:開新檔案,先以矩形工具和文字工具建立被遮色圖層,並把被遮色圖層更名為“被遮色片”。

範例五 遮色片 Step2:建立一新圖層拉至最上層,並更名為“遮色片“。 範例五 遮色片 Step2:建立一新圖層拉至最上層,並更名為“遮色片“。 Step3:把被遮色片設成invisible,用橢圓形工具畫一個橢圓,畫好後轉換成元件(插入轉換成元件)。 Step4:在遮色片圖層上,將第40影格設成關鍵影格,並把元件移到定位後建立補間動畫。

範例五 遮色片 Step5:把被遮色片設成visible後,帶領學生一格一格的檢視影格發現需要補齊被遮色片的影格。 範例五 遮色片 Step5:把被遮色片設成visible後,帶領學生一格一格的檢視影格發現需要補齊被遮色片的影格。 Step6:把遮色片圖層設成遮色片後,播放一次,並把背景設成黑色後,再播放一次。 Step7:存檔

範例六 按鈕的製作 如何和自己所做的flash動畫做互動,對它下達指令?按鈕元件的使用是使用者和flash動畫互動最常用的方法之一。 範例六 按鈕的製作 如何和自己所做的flash動畫做互動,對它下達指令?按鈕元件的使用是使用者和flash動畫互動最常用的方法之一。 製作按鈕元件所需要的4個設定:1.一般狀態時按鈕所呈現出來的畫面(一般) 2.滑鼠移至按鈕上方時所呈現出來的畫面(滑入) 3.滑鼠在按鈕上方時按下左鍵時所呈現出來的畫面(按下) 4.按鈕的感應範圍(感應區)。

範例六 按鈕的製作 Step1:放範例六結果,並分4個狀態介紹自己所做的按鈕。 範例六 按鈕的製作 Step1:放範例六結果,並分4個狀態介紹自己所做的按鈕。 Step2:開新檔案,讀入點陣圖至元件庫([檔案讀入至元件庫]), 開始編輯按鈕元件(插入新增元件)。 Step3:開始編輯4個狀態,提醒學生紅色指標指向的是目前顯示在編輯區的影格。

範例六 按鈕的製作 Step4:回到場景一,把按鈕拉出來,告訴學生需用[控制][測試影片]播放。 範例六 按鈕的製作 Step4:回到場景一,把按鈕拉出來,告訴學生需用[控制][測試影片]播放。 Step5:開始寫action script,強調動作面板最上面是顯示button的名稱,進專家模式(自由度比較高)。 Step6:點[Actions][Movie Control][on]

範例六 按鈕的製作 Step7:完成後,測試影片。 Step8:存檔。