項(xiàng)目二 盤(pán)點(diǎn)設(shè)計(jì)工具

1、,盤(pán)點(diǎn)設(shè)計(jì)工具,主講：,PAN DIAN SHE JI GONG JU,任務(wù)一 繪制Flash場(chǎng)景,任務(wù)二 制作Flash動(dòng)畫(huà),,,項(xiàng)目二 盤(pán)點(diǎn)設(shè)計(jì)工具,掌握工具面板中的工具的使用方法掌握查看和顏色面板中工具的使用用法。學(xué)習(xí)時(shí)間軸。掌握Flash中的常用工具面板。,教學(xué)目標(biāo):,項(xiàng)目二 盤(pán)點(diǎn)設(shè)計(jì)工具,,,,,操作一 新建Flash文檔,操作二 繪制地面和天空,操作三 繪制白云和太陽(yáng),,,,操作四 添加花朵和飛鳥(niǎo),,操作五

2、 文字修飾,,任務(wù)一 繪制Flash場(chǎng)景,任務(wù)一 繪制Flash場(chǎng)景,一個(gè)完整的Flash動(dòng)畫(huà)是由一系列場(chǎng)景組成的，每個(gè)場(chǎng)景就是一幅美麗的畫(huà)面，是用各種Flash設(shè)計(jì)工具繪制而成的。本次任務(wù)將帶領(lǐng)大家使用Flash8中的基本工具來(lái)繪制一個(gè)“春天”的場(chǎng)景，在創(chuàng)建“藍(lán)天白云”畫(huà)面的過(guò)程中，F(xiàn)lash工具家族的各個(gè)成員粉墨登場(chǎng)，一一亮相。本例將幫助同學(xué)們建立對(duì)這些設(shè)計(jì)工具的初步印象，他們將在隨后的設(shè)計(jì)中繼續(xù)大顯身手。,任務(wù)一 繪制F

3、lash場(chǎng)景,操作一 新建Flash文檔,新建一個(gè)Flash文檔有以下幾種方式：在【開(kāi)始頁(yè)】對(duì)話框中選擇【創(chuàng)建新項(xiàng)目】／【Flash文檔】選項(xiàng)。在菜單欄選擇【文件】／【新建】命令。在一個(gè)Flash文檔頂部單擊鼠標(biāo)右鍵，從快捷菜單中選擇【新建】命令。,視頻：繪制Flash場(chǎng)景,任務(wù)一 繪制Flash場(chǎng)景,本次操作中主要用到下列工具：【選擇】工具 ：進(jìn)行選擇、移動(dòng)、復(fù)制、調(diào)整矢量線或矢量色塊形狀等操作?！揪匦巍抗ぞ?

4、 ：可以創(chuàng)建精確的矩形，也可以通過(guò)設(shè)置【邊角半徑】參數(shù)，繪制有倒角的矩形?！绢伭贤啊抗ぞ?：可用純色填充、漸變填充以及位圖填充對(duì)封閉區(qū)域或未完全封閉區(qū)域進(jìn)行涂色?！咎畛渥冃巍抗ぞ?：主要用于調(diào)整漸變色的填充樣式，使其產(chǎn)生較為豐富的變化，如移動(dòng)漸變的中心位置、調(diào)整漸變色彩的區(qū)域以及壓縮變形漸變的樣式等。【混色器】面板：使?jié)u變達(dá)到各種效果，如賦予二維對(duì)象以深度感。在本次操作中通過(guò)調(diào)節(jié)填充方案形成天空的效果。,操作二 繪制

5、天空和地面,任務(wù)一 繪制Flash場(chǎng)景,1.繪制天空①在舞臺(tái)上方繪制一個(gè)“550px×250px”的矩形 ，并調(diào)整成如下圖所示。,操作二 繪制天空和地面,任務(wù)一 繪制Flash場(chǎng)景,②選擇顏色(#0099FF) ，然后使用【填充變形】工具對(duì)天空進(jìn)行填充。,操作二 繪制天空和地面,任務(wù)一 繪制Flash場(chǎng)景,2.繪制草地按照步驟1方法繪制草地。,操作二 繪制天空和地面,任務(wù)一 繪制Flash場(chǎng)景,本次操作中，主

6、要用到以下工具： 【橢圓】工具 ：可以繪制出光滑且精確的橢圓形?！究s放】工具 ：可以在屏幕上查看整個(gè)舞臺(tái)，或以高縮放比率查看繪圖的 。,操作三 繪制白云和太陽(yáng),任務(wù)一 繪制Flash場(chǎng)景,1.繪制白云新建一個(gè)名為“白云” 的圖層,然后使用橢圓工具在該圖層上繪制白云。,操作三 繪制白云和太陽(yáng),任務(wù)一 繪制Flash場(chǎng)景,2.繪制太陽(yáng)新建一個(gè)名為“太陽(yáng)”的圖層,然后使用橢圓工具在“太陽(yáng)”圖層的右上方繪制一圓形圖案

7、，并填充。,操作三 繪制白云和太陽(yáng),任務(wù)一 繪制Flash場(chǎng)景,本操作中主要用到以下工具： 【鉛筆】工具 ：繪畫(huà)方式與使用真實(shí)鉛筆大致相同。選擇一種繪畫(huà)模式后就可以繪制平滑的或伸直的線條和形狀。平滑繪畫(huà)模式 ：使曲線變?nèi)岷筒p少曲線整體方向上的突起或其他變化，同時(shí)還會(huì)減少曲線中的線段數(shù)。,操作四 添加花朵和飛鳥(niǎo),任務(wù)一 繪制Flash場(chǎng)景,1. 導(dǎo)入花朵圖片在“太陽(yáng)”圖層上新建一個(gè)名為“小草”的圖層 ， 從教學(xué)

8、輔助資料中導(dǎo)入圖片到舞臺(tái)上，并調(diào)整其位置。,操作四 添加花朵和飛鳥(niǎo),任務(wù)一 繪制Flash場(chǎng)景,2.繪制飛鳥(niǎo)選擇【鉛筆】工具，并在天空中適當(dāng)?shù)奈恢美L制飛鳥(niǎo) 。,操作四 添加花朵和飛鳥(niǎo),任務(wù)一 繪制Flash場(chǎng)景,在“小草”圖層上新建一個(gè)名為“文字”的圖層。選擇【文本】工具 ，在草地上方添加文字“春天來(lái)了！”,操作五 文字修飾,操作一 繪制圖形元件,操作二 制作動(dòng)畫(huà)元件,操作三 完成動(dòng)畫(huà)制作,,,,任務(wù)二 制作Flas

9、h動(dòng)畫(huà),學(xué)習(xí)完基本場(chǎng)景的繪制后，接下來(lái)將介紹Flash動(dòng)畫(huà)的制作方法。為了快速創(chuàng)建出高質(zhì)量的Flash動(dòng)畫(huà)，還需要掌握一些基本的設(shè)計(jì)技巧。在本任務(wù)中將制作一個(gè)星星墜落的動(dòng)畫(huà)，在動(dòng)畫(huà)的制作過(guò)程中，首先介紹有關(guān)“設(shè)計(jì)面板”的知識(shí)，然后講解“元件”和“庫(kù)”的概念，最后了解一下動(dòng)畫(huà)制作的一般過(guò)程。,任務(wù)二 制作Flash動(dòng)畫(huà),視頻：制作Flash動(dòng)畫(huà),任務(wù)二 制作Flash動(dòng)畫(huà),操作一 制作圖形元件,在本次操作中，我們將介紹以下設(shè)計(jì)面板

10、的使用方法:①【屬性】面板：查看舞臺(tái)或時(shí)間上當(dāng)前選定對(duì)象的最常用屬性。,任務(wù)二 制作Flash動(dòng)畫(huà),操作一 制作圖形元件,②【對(duì)齊】面板：使舞臺(tái)上所選對(duì)象按某種方式對(duì)齊。③【混色器】面板：提供了更改筆觸和填充顏色以及創(chuàng)建多色漸變的選項(xiàng)。,任務(wù)二 制作Flash動(dòng)畫(huà),操作一 制作圖形元件,1.新建Flash文檔 2.繪制星星,【步驟解析】,任務(wù)二 制作Flash動(dòng)畫(huà),操作一 制作圖形元件,3.繪制背景星星,任務(wù)二 制作

11、Flash動(dòng)畫(huà),操作一 制作圖形元件,4.繪制遮罩、地球和閃光圖,任務(wù)二 制作Flash動(dòng)畫(huà),操作二 制作動(dòng)畫(huà)元件,在本次操作中將會(huì)用到以下設(shè)計(jì)面板：① 【時(shí)間軸】面板：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。,任務(wù)二 制作Flash動(dòng)畫(huà),操作二 制作動(dòng)畫(huà)元件,②【庫(kù)】面板：用于存儲(chǔ)和組織在Flash中創(chuàng)建的各種元件。③【變形】面板：用來(lái)縮放或旋轉(zhuǎn)對(duì)象。,任務(wù)二 制作Flash動(dòng)畫(huà),操作二 制作動(dòng)畫(huà)元件,

12、1.制作閃光圖動(dòng)畫(huà)元件。2.制作墜落的星星。,【步驟解析】,任務(wù)二 制作Flash動(dòng)畫(huà),操作三 完成動(dòng)畫(huà)制作,本例所需要的元件都已經(jīng)制作完成了，現(xiàn)在的工作是將這些元件組合起來(lái)，形成一個(gè)完整的動(dòng)畫(huà)。在組合這些元件時(shí)，需要注意圖層的層次關(guān)系，如果將圖層的層次關(guān)系顛倒了，那將會(huì)得到另外的結(jié)果，這就達(dá)不到預(yù)期的目標(biāo)。,任務(wù)二 制作Flash動(dòng)畫(huà),操作三 完成動(dòng)畫(huà)制作,在本次操作中，將介紹【動(dòng)作】面板，它是組織和編寫(xiě)代碼的地方。,在本章

13、中只介紹了一部分常用Flash設(shè)計(jì)工具的使用,要熟練的運(yùn)用Flash設(shè)計(jì)工具,還須讀者更深一步的去學(xué)習(xí)和掌握。,【實(shí)訓(xùn)目的】,項(xiàng)目實(shí)訓(xùn) 掌握Flash的設(shè)計(jì)工具,在本項(xiàng)目中，所有知識(shí)點(diǎn)的講解都穿插在實(shí)例的剖析中，通過(guò)對(duì)實(shí)例的剖析可以讓讀者對(duì)Flash基本工具有一個(gè)全面的了解。每一個(gè)Flash作品都是由這些基本工具描繪出來(lái)的，所謂九層之臺(tái)起于壘土，要做出精美的Flash作品，必須學(xué)會(huì)這些設(shè)計(jì)工具的使用方法。在庫(kù)中建立文件夾分類(lèi)管理元件

14、是一個(gè)好習(xí)慣，當(dāng)庫(kù)中有很多元件時(shí)，使用分類(lèi)管理可以方便地對(duì)元件進(jìn)行快速查找和編輯。“影片剪輯”元件就像一個(gè)小的Flash播放文件，它有不受主時(shí)間軸控制的時(shí)間軸，還可以在“影片剪輯”元件中制作動(dòng)畫(huà)。靈活地使用“影片剪輯”元件可以使創(chuàng)作思路更加清晰。本項(xiàng)目中的兩個(gè)實(shí)例基本包含了搭建精美動(dòng)畫(huà)場(chǎng)景的一般過(guò)程，通過(guò)這兩個(gè)案例可以使讀者認(rèn)識(shí)到讓對(duì)象“動(dòng)起來(lái)”的基本方法，這也標(biāo)志著我們已經(jīng)起步了，后面的項(xiàng)目將帶領(lǐng)讀者深入Flash動(dòng)畫(huà)制作的廣闊天地