Flash 動畫制作教材Flash 動畫教案

任務(wù)一網(wǎng)頁Logo設(shè)計

》任務(wù)描述

Logo是企業(yè)形象宣傳，企業(yè)文化展示的重要途徑，它體現(xiàn)了企業(yè)的宗旨、

理念、文化，Logo是網(wǎng)站的重要體現(xiàn)，是網(wǎng)站的核心部分，一個企業(yè)，吸引人

眼球的首先是公司Log。，一個精美的網(wǎng)站，Logo是靈魂所在。

通過本任務(wù)的學(xué)習(xí)，能讓學(xué)生掌握Logo設(shè)計的基本知識和制作流程，能獨(dú)

自完成簡單文字Logo、圖形Logo、混合Logo的設(shè)計。

'任務(wù)目標(biāo)

1.能啟動、退出、安裝Flash,能簡述Flash動畫的制作流程；

2.會使用Flash工作界面；

3.能創(chuàng)建不同的Flash文本類型；

4.能編輯對象，并能編輯對象的不同繪制模式；

5.會組合、分離對象；

6.能用變形面板工具對圖形進(jìn)行變形處理；

7.能排列、對齊對象；

8.會使用網(wǎng)絡(luò)、輔助線和標(biāo)尺工具；

9.能獨(dú)立設(shè)計Logo；

10.具有制定工作計劃和實(shí)施的能力；

11.具有獨(dú)立工作的能力；

12.具有協(xié)調(diào)工作與人合作的能力；

13.能撰寫實(shí)習(xí)心得，總結(jié)出現(xiàn)的問題，提出改進(jìn)意見和措施。

、任務(wù)內(nèi)容

活動1文字Logo設(shè)計

活動2圖形Logo設(shè)計

活動3混合Logo設(shè)計

活動1文字Logo設(shè)計

活動目標(biāo)

1.會設(shè)計Flash動畫制作流程:

2.會安裝Flash；

3.能使用Flash工具欄。

咕劭描述

由于文字在標(biāo)志設(shè)計中的作用，特別是漢字圖形在標(biāo)志中的運(yùn)用，使標(biāo)志更

具有東方文化的特征，因此研究漢字的圖形在標(biāo)志中的特征尤為重要。漢字的圖

形特征因漢字的歷史條件、產(chǎn)生運(yùn)用的場所以及漢字的種類的不同，而具有不同

的特征。漢字無疑是一種有巨大生命力和感染力的設(shè)計元素，通過本活動的學(xué)習(xí)，

讓學(xué)生學(xué)會使用Flash設(shè)計文字LogOo

相關(guān)笈銘

一、Flash的認(rèn)知

1.Flash文檔的組成部分

Flash文檔有四個主要組成部分。

(1)舞臺是在回放過程中顯示圖形、視頻、按鈕等內(nèi)容的位置。

(2)時間軸用來通知Flash顯示圖形和其它項(xiàng)目元素的時間，也可以使用

時間軸指定舞臺上各圖形的分層順序。位于較高圖層中的圖形顯示在較低圖層中

的圖形的上方。

(3)庫面板是Flash顯示Flash文檔中的媒體元素列表的位置。

(4)ActionScript代碼可用來向文檔中的媒體元素添加交互式內(nèi)容。例如,

可以添加代碼以便用戶在單擊某按鈕時顯示一幅新圖像，還可以使用

ActionScript向應(yīng)用程序添加邏輯。邏輯使應(yīng)用程序能夠根據(jù)用戶的操作和其

它情況采取不同的工作方式。Flash包括兩個版本的ActionScript,可滿足創(chuàng)作

者的不同具體需要。

2.Flash動畫制作流程

Flash動畫制作分為前期、中期和后期。

前期制作：前期包括策劃、選材、素材準(zhǔn)備、腳本、角色造型設(shè)計、場

景設(shè)計和分鏡頭等。

中期制作：Flash動畫制作的一個重要階段,這個階段將我們在前期的種

種準(zhǔn)備付諸實(shí)施。

后期制作：Flash動畫制作完成后，要對它進(jìn)行后期的收尾工作。包括添

加音樂、審核修改、添加Loading、重播按鈕、版權(quán)聲明、測試發(fā)布等。

二、Flash軟件的安裝

1.Flash軟件的安裝要求

安裝Flash軟件對電腦配置有一定的要求，下面就是規(guī)范必須滿足的對電腦

的最低配置。

CPU：IntelPentium4或AMDAthlon64處理器。

操作系統(tǒng)：帶有ServicePack2（建議使用ServicePack3）的Microsoft

WindowsXP；帶有ServicePackl的WindowsVista、HomePremium、Business、

Ultimate、Enterprise或Windows7及更高版本。

內(nèi)存：IGBo

硬盤空間：3.5GB的可用于安裝的硬盤驅(qū)動器空間；在安裝過程中所需的額

外空閑空間（不能安裝在基于可移動閃盤的存儲設(shè)備上）。

顯示器：1024X768的顯示屏（建議使用1280X800）以及16位的視頻卡。

光驅(qū)：DVD-ROM驅(qū)動器，或U盤。

2.Flash的安裝步驟

準(zhǔn)備好Flash安裝程序（本次安裝以CS5為例）。

步驟一:雙擊FlashCS5安裝程序。

步驟二：輸入序列號。

步驟三：選擇安裝語言。

步驟四：安裝完成。

3.CS5的啟動與退出

方法1：打開“開始”菜單，選擇程序列表里的FlashCS5啟動程序。

方法2：雙擊桌面上的FlashCS5快捷方式。

注：打開FlashCS5開始頁后，單擊"ActionScript3.0"或者"ActionScript

2.0”選項(xiàng)即可創(chuàng)建一個新的Flash文檔并進(jìn)入工作界面（ActionScript是Flash

自帶的編程語言，3.0、2.0是它的版本號，本書無特別說明均選擇3.0版本）。

三、Flash的工作界面

啟動FlashCS5軟件后，大家可以看到FlashCS5工作界，它有很多按鈕，

它的功能非常強(qiáng)大，下面我們一起來學(xué)習(xí)FlashCS5常用功能。

名稱FlashCS5工作界面

?，2

菜單欄

時間軸

淳動面板

F

l主工具欄

a

s

h

C

猿工具箱

作

界

面

時間和舞臺

圖

【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、

菜單欄

【命令】、【控制】、【調(diào)試】、【窗口】及【幫助】菜單。

【新建】按鈕、【打開】按鈕、【轉(zhuǎn)到Bridge】按鈕、【保

主工具欄存】按鈕、【打印】按鈕、【剪切】按鈕、【復(fù)制】按鈕、【粘

貼】按鈕、【撤消】按鈕、【重做】按鈕、【對齊對象】按鈕、

【平滑】按鈕、【伸直】按鈕、【旋轉(zhuǎn)與傾斜】按鈕、【縮放】

按鈕以及【對齊】按鈕。

工具箱提供了圖形繪制和編輯的各種工具，分為【工具】、

【查看】、【顏色】、【選項(xiàng)】4個功能區(qū)。

【工具】區(qū)：提供選擇、創(chuàng)建、編輯圖形的工具。

工具箱【查看】區(qū)：改變舞臺畫面以便更好地觀察。

【顏色】區(qū)：選擇繪制、編輯圖形的筆觸顏色和填充色。

【選項(xiàng)】區(qū)：不同工具有不同的選項(xiàng)，通過【選項(xiàng)】區(qū)為當(dāng)前選

擇的工具進(jìn)行屬性選擇。

時間軸用于組織和控制文件內(nèi)容在一定時間內(nèi)播放。按照功

時間軸能的不同，時間軸窗口分為左右兩部分，分別為層控制區(qū)、時間

線控制區(qū)。

場景是所有動畫元素的最大活動空間。像多幕劇一樣，場景

可以不止一個。要查看特定場景，可以選擇【視圖】一【轉(zhuǎn)到】，

場景和舞再從其子菜單中選擇場景的名稱。場景也就是常說的舞臺，是編

臺輯和播放動畫的矩形區(qū)域。在舞臺上可以放置、編輯矢量插圖、

文本框、按鈕、導(dǎo)入的位圖圖形、視頻剪輯等對象。舞臺包括大

小、顏色等設(shè)置。

使用面板可以查看、組合和更改資源。但屏幕的大小有限，

屬性面板

為了盡量使工作區(qū)最大，F(xiàn)lashCS5提供了許多種自定義工作區(qū)的

以及浮動

方式，如可以通過【窗口】菜單顯示、隱藏面板，還可以通過鼠

面板

標(biāo)拖動來調(diào)整面板的大小以及重新組合面板。

表1-1-1工具欄各工具作用說明

工具欄各工具作用說明

序號圖標(biāo)說明具體描述

選擇圖形和文本的工具，也可以配合線條與圖形工具

1選擇工具

做出弧形和不一樣的圖形

2部分選區(qū)工具選中圖形的邊緣形成路徑，可以與鋼筆工具配合使用。

3/線條工具畫直線

4索套工具選擇圖形中需要的部分，也可以選中同色的色塊

5?鋼筆工具繪制精確的圖形和線段

6■文本工具用于創(chuàng)建文字

7O橢圓工具繪制橢圓與圓形

8□▼矩形、多角星型工具繪制矩形，圓角矩形，星形，多變形

9鉛筆工具繪制隨意的圖形和線條

10Z刷子工具用于繪制矢量圖形

11任意變形工具調(diào)整圖形的大小

12電墨水瓶工具改變線條顏色

13)顏料桶工具改變圖形的顏色

14滴管工具在繪圖區(qū)，吸取自己需要的顏色

15橡皮擦工具擦除不要的線

16手形工具移動舞臺

17Q縮放工具有放大“Ctrl”+“+”和縮小“Ctrl”+

18填充色填充圖形顏色

19筆觸顏色填充線段顏色

黑白、沒有顏色、交換這是填充色與筆觸顏色附加，對于兩者可以做快速調(diào)

20的85

顏色（從左往右）整黑白色、去掉顏色和把兩者交換顏色。

四、Flash文本的類型

用戶可以向Flash文檔添加文本，當(dāng)需要向舞臺中添加裝飾性文本，或添加

不需要更改和不需要從外部來源加載的任何文本時，可以使用靜態(tài)文本；如果需

要從文件、數(shù)據(jù)庫加載文本，或者需要當(dāng)SWF文件在FlashPlayer中播放的時

候更改文本，則需使用動態(tài)文本；如果要在生成的作品中的文本字段中鍵入內(nèi)容,

則應(yīng)該使用輸入文本。文本類型主要有以下3類。

1.靜態(tài)文本

靜態(tài)文本的創(chuàng)建比較簡單，在默認(rèn)情況下通過【文本】工具創(chuàng)建的文本框?yàn)?/p>

靜態(tài)文本框，在舞臺中的合適位置單擊鼠標(biāo)即可直接輸入文字；如果是要編輯原

來存在的文字，那么在文字上單擊鼠標(biāo)左鍵即可。

靜態(tài)文字有兩種文本框:一種是自動擴(kuò)展的文本框。使用這種文本框的時候,

可以將文本放在單獨(dú)的一行中，該行會隨著鍵入的文本擴(kuò)展；另一種是固定寬度

的文本框。使用這種文本框的時候，將文本放在定寬文本框（適用于水平文本）

或定高文本框（適用于垂直文本）中，文本框會自動地擴(kuò)展并自動換行。

默認(rèn)情況下，選擇【文本】工具后在舞臺中單擊，這時創(chuàng)建的是無寬度限制

的可擴(kuò)展文本框，其右上角有一個圓形的控制手柄。將鼠標(biāo)指針移至這個手柄上,

指針變?yōu)殡p向箭頭形狀的時候按下左鍵不放進(jìn)行拖動，文本格式就會變成有寬度

限制的固定文本框。如果要取消改變，可以雙擊該控制手柄。另外，如果選擇【文

本】工具后不在舞臺中單擊，而是按下左鍵拖動出一個矩形文本框，這時的文本

框即為有寬度限制的固定文本框。此時再輸入文本，如果文本的寬度超過了矩形

文本框的寬度，那么就會自動換行。

2.動態(tài)文本

選擇動態(tài)文本類型，輸入的文字相當(dāng)于變量，可以根據(jù)文本服務(wù)器的輸入不

斷地修改和更新。動態(tài)文本常用來在互聯(lián)網(wǎng)上發(fā)布天氣預(yù)報、股票信息、財經(jīng)消

息，也可以在某些Flash中作為結(jié)果輸出框等。

動態(tài)文本有單行和多行模式，可以顯示HTML文本，可以被選中，這是與靜

態(tài)文本的不同之處。但動態(tài)文本不能接受用戶的鍵盤輸入，這是與輸入文本的不

同之處。

3.輸入文本

輸入文本的文本框是可以編輯的，在【文本類型】下拉列表中選擇【輸入文

本】選項(xiàng)，這時的【屬性】面板如圖所示。

▽段落

格式:凰國圜圜

間距：凄Q,g像素1=3艙點(diǎn)

邊距：*11%。像素邕*60像素

行為：|密碼廿

▽選4

最大字符數(shù)：Q

變量：

文本【屬性】面板

輸入文本的特征如下:

【行為】下拉列表：在【行為】下拉列表中有一個輸入文本特有的【密碼】

選項(xiàng)，使用這項(xiàng)功能可以制作密碼框，在生成的SWF文件中文本框中輸入的字符

將顯示為星號。

【最大字符數(shù)】文本框：輸入文字的最大數(shù)目，默認(rèn)數(shù)字為0,也就是不作

限制。如果設(shè)定了數(shù)字，那么在生成的SWF影片中，此數(shù)值為可以在文本框中輸

入的最多文字?jǐn)?shù)目。

動態(tài)文本和輸入文本需要通過運(yùn)作腳本來控制，本書若沒特別說明，都指靜

態(tài)文本。

法劭派備

1、場地：電子商務(wù)一體化教室（投影儀、多媒體電腦）；

2、軟件:FlashCS5軟件一套；

3、材料：教材、學(xué)材各一套；素材包；

4、課前檢查：

①檢查電腦是否能正常啟動；

②檢查軟件運(yùn)行是否正常。

實(shí)施過程

、Flash的認(rèn)知

1、Flash的特點(diǎn)

案例:

JR施氏桃店（CM動

新品充友

CT

時尚生活元索FEOO年Aa我尊指甲力日本原裝進(jìn)口現(xiàn)貨貝6P

V35.00V60.00V50.00

更多13M動更多盾源活動更害店$幅動

商品一BB霜商品一補(bǔ)水液商品一指甲剪

上圖是我們鹽城技師學(xué)院校園網(wǎng)上淘寶店中一個展銷位，我們?nèi)绻脠D片展

示則需要三個展銷位。如果換成Flash我們就可以在一個展銷位上展銷多個商

品。

Flash動畫之所以被廣泛應(yīng)用,是與其自身的特點(diǎn)密不可分的。

從動畫組成來看：Flash動畫主要由矢量圖形組成，矢量圖形具有儲存容

量小，并且在縮放時不會失真的優(yōu)點(diǎn)。這就使得Flash動畫具有儲存容量小,

而且在縮放播放窗口時不會影響畫面的清晰度的特點(diǎn)。

從動畫發(fā)布來看：在導(dǎo)出Flash動畫的過程中，程序會壓縮、優(yōu)化動畫

組成元素（例如位圖圖像、音樂和視頻等），這就進(jìn)一步減少了動畫的儲存

容量，使其更加方便在網(wǎng)上傳輸。

從動畫播放來看：發(fā)布后的SWF動畫影片具有“流”媒體的特點(diǎn)，在網(wǎng)

上可以邊下載邊播放，而不像GIF動畫那樣要把整個文件下載完了才能播放。

從交互性來看：可以通過為Flash動畫添加動作腳本使其具有交互性，

從而讓觀眾成為動畫的一部分。這一點(diǎn)是傳統(tǒng)動畫無法比擬的。

從制作手法來看：Flash動畫的制作比較簡單，?個愛好者只要掌握一定

的軟件知識，擁有一臺電腦，一套軟件就可以制作出Flash動畫。

從制作成本來看：用Flash軟件制作動畫可以大幅度降低制作成本。同

時，在制作時間上也比傳統(tǒng)動畫大大縮短。

綜上所述，F(xiàn)lash有以下幾個特點(diǎn)：交互性強(qiáng)、縮放不失真、制作簡單、存

儲容量小。

2、Flash動畫制作流程

案例：森興公司Flash動畫的制作

Banner是一個網(wǎng)站的靈魂,大氣又形象的Banner會給客戶留下深刻的印象。

下面我們來設(shè)計一個以綠色為主體色的Banner動畫。

步驟一：前期制作前期包括策劃、選材、素材準(zhǔn)備、腳本、角色造型設(shè)計、

場景設(shè)計和分鏡頭等。

根據(jù)需求方提出的設(shè)計要求，確定了網(wǎng)站的Banner條采用Flash設(shè)計制作,

以達(dá)到增加頁面動態(tài)效果和美化頁面的效果。確定主體色彩為綠色，體現(xiàn)環(huán)保的

理念，小木屋代表原生態(tài)的農(nóng)家氣息，用“選擇森興，選擇品質(zhì)”來表達(dá)公司的

服務(wù)宗旨。

步驟二：中期制作

2.選擇【文件】一

【導(dǎo)入】f【導(dǎo)入到庫】

菜單選項(xiàng)，在打開的對

話框中選擇需要導(dǎo)入

的素材文件

"banner-1,jpg”,單

擊【確定】按鈕，此時

素材導(dǎo)入到庫中。

bannerfla?x

3.將庫面板中的

“bannerT.jpg”拖動

到舞臺中，調(diào)整其大小

使其覆蓋整個舞臺。

時間軸輸出［編譯器錯誤動畫編輯器

?d口。54.單擊【時間軸】

面板下方的添加新圖

層按鈕添加【圖層

2］。

不-JM1門1<<1AIA

5.鼠標(biāo)單擊【圖層

2］的第一幀，然后選

擇工具箱中的【文本工

具】按鈕A,在打開的

【屬性】面板中，設(shè)置

【字體】為“華文楷

體”，【字體大小】為

“53”，【字體顏色】

為“#003300”。

6.在舞臺中輸入

“選擇森興，選擇品

質(zhì)”這8個文字。

7.按Shift鍵選

中文字，選擇【修改】

一【分離】命令，文字

被打散。

8.選擇【圖層1】

的第40幀，插入一個

普通幀。按住［Ctrl］

鍵，選中【圖層2】的

第1幀、第5幀、第

10幀、第15幀、第20

幀、第25幀、第30

幀、第35幀、第40

幀，插入一個關(guān)鍵幀。

11.選擇【圖層2】

的第10幀，刪除“森

興選擇品質(zhì)”這6個

字。

12.同理設(shè)置【圖

層2】的第15幀、第

20幀、第25幀、第30

幀、第35幀、第40

幀上的文字。

*?u??!p

又ew?M<t>?8<X>tUQJJt?O>,?(￡*n*皿<RU<1>gB<>>'!>

回

mux*

13.完成制作，按

[Ctrl+Enter],測試

效果。

步驟三：后期制作

15.測試發(fā)布，[Ctrl+Enter],測試效果，如圖所示。

最終動畫效果

二、FlashCS5軟件的安裝

5.選擇安裝語

言（簡體中文繁體中

文）。

6.創(chuàng)建（注冊）

AdobelD或跳過此步

驟

7.選擇安裝選

項(xiàng)。

8.正在準(zhǔn)備安

裝。

9.檢查IE是否

打開（如果安裝過程

打開IE,系統(tǒng)會提

不關(guān)閉IE）o

10.安裝結(jié)束,

點(diǎn)擊完成。

三、Flash的工作界面

1.新建文檔

新建文件是使

用FlashCS5進(jìn)行設(shè)

計的第一步。

選擇【文件】一

【新建】命令，彈出

【新建文檔】對話

框，選擇完成后，

單擊【確定】按鈕，

即可完成新建文件

的任務(wù)。

2.保存文檔

編輯或制作完

動畫后，需要將動畫

文件進(jìn)行保存。

選擇【保存】命

令，彈出【另存為】

對話框，輸入文件

名，選擇保存類型，

單擊【保存】按鈕，

即可將動畫保存。

3.打開文檔

如果要修改已

完成的動畫文件，

必須先將其打開。

選擇【文件】一

【打開】命令，彈出

【打開】對話框，在

對話框中搜索路徑

和文件名，確認(rèn)文

件類型和名稱，單

擊【打開】按鈕，或

直接雙擊文件名，

即可打開指定的動

畫文件。

四、Flash文本動畫

1、Flash的文本類型（靜態(tài)文本、動態(tài)文本、輸入文本）

1.在默認(rèn)情況

?設(shè)置文本類型

下通過【文本】工具

設(shè)置文本方向

創(chuàng)建的文本框即為

設(shè)置字體：

靜態(tài)文本框。在舞臺

設(shè)置字體大小

顏色：..............中的合適位置單擊

鼠標(biāo)即可直接輸入

設(shè)置段落的對

文字；如果是要編輯

齊方式、縮進(jìn)

和行間距等原來存在的文字，那

么在文字上單擊鼠

【文本】工具【屬性】面板

‘插上兩個翅膀：一個叫理短標(biāo)左鍵即可。

1111靜態(tài)文字有兩

種文本框，一種是自

插上兩個翅膀：一個

叫理想，一個叫毅動擴(kuò)展的文本框；另

力。如果一個人有了i種是可定義高度

這兩個翅膀，他就能的文本框。

飛得高，飛得遠(yuǎn)。I

2.動態(tài)文本

首先在舞臺上

使用拖動的方法繪

制出一個固定大小

的文本框，然后在

【屬性】面板的【文

本類型】下拉列表中

選擇【動態(tài)文本】選

項(xiàng)。

庫I屬性▼三

「實(shí)例名稱＞

T|傕統(tǒng)文本?▼]3.輸入文本

|一入文本?▼|匠▼1

才也就和大4^一輸入文本的文

X:159,20Y:126,20

本框是可以編輯的，

靠寬：^38,60高：1照器

▽字符在【文本類型】下拉

系列：|華文楷體下"|

樣式：Ml嵌入二列表中選擇【輸入文

思:小：茹口點(diǎn)字母間距:又。

本】選項(xiàng)。

藪色：■!回自動調(diào)整字距

消除鋸齒：|可讀性消除鋸齒I▼i

2、創(chuàng)建文本

輸入并設(shè)置靜態(tài)文本

1.單擊工具箱

中的【文本】工具，

5層沁入保濕將鼠標(biāo)指針移至舞

臺上并單擊，然后輸

入一個文本塊。

V字符

系列:麗

2.選中輸入的

Tr方正綜藝繁體宇國葭式

Tt方正綜藝簡體字而趕甘文字，在【屬性】面

際仿宋一GB2312字體樣式

板中單擊【字體】下

對漢儀瘦金書繁一一援丈

安漢儀雪君體繁一一修。拉列表右側(cè)的下拉

T黑體字體柱式箭頭，彈出字體列表

0華文彩云▽

框，選擇“黑體”。

0華文仿宋

0華文琥珀軍體樣式

3.鼠標(biāo)左鍵單

▽字符擊【屬性】面板中的

系列：|黑體丁刁

【大小】，對它進(jìn)行

就區(qū)161中

拖動，即可改變字體

大?。?§由點(diǎn)字母間距：0,0

顏色：匚二|四自動調(diào)整字距大小，單擊【顏色】，

消除鋸齒：|可讀性消除裾齒?T設(shè)置文字顏色為白

色。

▼=

4.單擊【改變文

T|傳統(tǒng)文本本方向】按鈕，在彈

|靜態(tài)文本

叵［r?出的下拉列表中選

▽桓設(shè)和大小v水平

垂直擇“水平”選項(xiàng)。

X:42.95垂直，從左向右

5.拖動【字母間

▽字符距】滑塊，調(diào)節(jié)字符

間的距離，也可以直

系列;使用設(shè)備字體

樣式:位圖文本［無消除鋸齒］接在文本框中輸入

動畫消除鋸齒

大小:

3可讀性消除鋸齒合適的數(shù)值。然后在

顏色:自定義消除鋸齒【消除鋸齒】選項(xiàng)里

消除鋸齒:可讀性消除鋸齒ra

選擇“動畫消除鋸

齒”選項(xiàng)。

6.適當(dāng)?shù)卣{(diào)整

文本塊在舞臺中的

位置。單擊時間軸上

的【新建圖層】，在

【圖層1】的上方添

加一個新【圖層2】，

然后將鼠標(biāo)指針移

至［圖層2］的圖標(biāo)

上，并按左鍵向下拖

動。

7.選擇【文件】

一【導(dǎo)入】一【導(dǎo)入

到舞臺】，打開【導(dǎo)

入】對話框，在對話

框中選擇一幅圖片。

8.單擊“打開”

按鈕將圖片導(dǎo)入到

舞臺中，然后用【屬

性】面板或者【信息】

面板對圖片的大小

和舞臺位置進(jìn)行調(diào)

整，使其覆蓋整個舞

臺。

9.至此文字調(diào)

整完成，按下

[Ctrl+Enter]組合

鍵打開預(yù)覽窗口，預(yù)

覽效果，最終效果如

圖所示。

五、文字Logo圖形設(shè)計

一6一

爐的)1T.證由N

m?5

2.啟動Flash

CS5,選擇

ActionScript3.0,

新建空白Flash文

檔。

3.【修改】f［文

檔】設(shè)置文檔尺寸為

234像素*140像素。

4.打開【文字工

具】的【屬性】對話

框。

5.錄入文字“梵

迪服飾”。

梵迪服飾

導(dǎo)出影片團(tuán)因

6.保存文檔。

/AdobeFlashPl...均回區(qū)

文件也）查看9控制?幫助?

7.預(yù)覽效果

梵迪服飾

活動2圖形Logo設(shè)計

活動百林

1.能區(qū)別矢量圖和位圖；

2.會運(yùn)用各種工具；

3.會組合、分離對象：

4.會對象的排歹嶼對齊；

5.會使用網(wǎng)格、輔助線和標(biāo)尺;

活劭描述

網(wǎng)站LOGO是與其他網(wǎng)站鏈接的標(biāo)志和門牌。LOGO動畫形式的鏈接比圖形形

式和文字形式的鏈接更有吸引力。它使瀏覽者更加易于識別和便于選擇。本活動

將為學(xué)生介紹如何使用Flash設(shè)計圖形LogOo

相關(guān)笈擁

矢量圖和位圖是計算機(jī)圖形中的兩大概念，都被廣泛的應(yīng)用在印刷、出版、

互聯(lián)網(wǎng)等各個方面，他們各有各的有特點(diǎn)，同時也各有各的缺點(diǎn)，但是他們所體

現(xiàn)的功能和好處都是彼此無法替代的，因此，長久以來，矢量圖和位圖一直扮演

著不同的角色，一直是平分秋色。下面我們就一起來了解下它們。

一、矢量圖和位圖

位圖，也叫點(diǎn)陣圖、像素圖、柵格圖像，簡單的說，構(gòu)成位圖最小的單位是

像素，縮放會失真。位圖就是有像素通過一系列像素陣的排列組成的，并顯示相

應(yīng)效果，每個像素都有自己的顏色信息，在對位圖圖像進(jìn)行編輯的時候，可操作

的是單個的像素，我們可以改變圖像的模式、色相、飽和度、明度等信息，從而

改變圖像的顯示效果。

舉個例子來說，位圖就像是在大沙漠中繪出一副圖像，遠(yuǎn)觀看上去是栩栩如

生，形象逼真，但是近觀就是完全不同的概念了，在近處觀看，構(gòu)成圖像的單個

元素就是不同顏色的沙粒，這些沙粒通過規(guī)則的分布和排列而組成一副遠(yuǎn)觀時的

精彩畫面。

矢量圖，也叫向量圖，簡單的說，就是縮放不失真的圖像格式。矢量圖是通

過多個對象的組合生成的，對其中的每一個對象的紀(jì)錄方式，都是以數(shù)學(xué)函數(shù)來

實(shí)現(xiàn)的，也就是說，矢量圖實(shí)際上并不是象位圖那樣紀(jì)錄畫面上每一點(diǎn)的信息，

而是紀(jì)錄了元素形狀及顏色的算法，當(dāng)你打開i幅矢量圖的時候，軟件對圖像對

應(yīng)的函數(shù)進(jìn)行運(yùn)算，將運(yùn)算結(jié)果“圖形的形狀和顏色”顯示給你看。無論顯示畫

面是大還是小，畫面上的對象對應(yīng)的算法是不變的，所以，即使對畫面進(jìn)行倍數(shù)

相當(dāng)大的縮放，其顯示效果仍然“不失真”。

舉個例子來說，矢量圖就好比畫在質(zhì)量非常好的橡膠膜上的圖，不管對橡膠

膜的長寬、等比成倍拉伸，畫面依然清晰，不管你離得多么近去看，也不會看到

圖形的最小單位。

那么位圖和矢量圖究竟有哪些區(qū)別呢？位圖的好處是，色彩變化豐富，編輯

上，可以改變?nèi)魏涡螤畹膮^(qū)域的色彩顯示效果，相應(yīng)的，要實(shí)現(xiàn)的效果越復(fù)雜，

需要的像素數(shù)越多，圖像文件的大小“長寬”和體積“存儲空間”越大。

矢量圖的好處是，輪廓的形狀更容易修改和控制，但是對于單獨(dú)的對象，色

彩上變化的實(shí)現(xiàn)不如位圖來的方便直接。另外，支持矢量圖格式的應(yīng)用程序也遠(yuǎn)

遠(yuǎn)沒有支持位圖的多，很多矢量圖像都需要專門設(shè)計的程序才能打開瀏覽和編

輯。

常用的位圖繪制軟件有AdobePhotoshop、CorelPainter等，對應(yīng)的文件

格式為[.psd]>[.tif】、【.rif]、等,另外還有[.jpg]>[.gif]>[.png]、

[.bmp]等o

常用的矢量圖繪制軟件有AdobeIllustrator^Coreldraw>Freehand、Flash

等，對應(yīng)的文件格式為1.ai]、[.eps]>[.cdr]>[.fh]>[.fla]>[.swf]

等，另外還有[.dwg]、[.wmf]、[.emf]等。

矢量圖可以很容易的轉(zhuǎn)化成位圖，但是位圖轉(zhuǎn)化為矢量圖卻并不簡單，往往

需要比較復(fù)雜的運(yùn)算和手工調(diào)節(jié)。矢量圖和位圖在應(yīng)用上也是可以相互結(jié)合的，

比如在矢量文件中嵌入位圖實(shí)現(xiàn)特別的效果，再比如在三維影像中用矢量建模和

位圖貼圖實(shí)現(xiàn)逼真的視覺效果等等。

Flash它是一款非常優(yōu)秀的交互式矢量動畫制作軟件，為用戶提供了非常豐

富的圖形繪制、編輯的工具，這些工具非常有特色，使用得當(dāng)?shù)脑挘耆梢詽M

足日常工作的的需求。Flash工具欄共分為四部分：繪圖工具欄、查看工具欄、

顏色工具欄、選項(xiàng)工具欄。如下圖所示，它是Flash的工具箱面板。下面我們就

一一來介紹各種工具的使用方法。

*

P

比T何

■■99*s

\Q0A

少

上?,

繪圖工具欄查看工具欄顏色工具欄選項(xiàng)工具欄

二、繪制模式

Flash有兩種繪制模式，為繪制圖形提供了極大的靈活性。

1、合并繪制模式

在Flash中繪制矢量圖形，默認(rèn)為合并繪制模式。使用該模式創(chuàng)建的圖形

在重疊時會自動進(jìn)行合并，產(chǎn)生融合與切割的現(xiàn)象。

當(dāng)填充屬性相同的矢量圖形重疊時，則會產(chǎn)生融合的現(xiàn)象。

當(dāng)填充屬性不相同的矢量圖形重疊時，則會產(chǎn)生切割的現(xiàn)象。

2、對象繪制模式

在工具欄底部的【選項(xiàng)】工具欄中單擊【對象繪制】

即可選擇使用【對象繪制】模式創(chuàng)建圖形，這時

Flash會在【對象繪制】周圍添加矩形邊框，如圖所示。

使用【對象繪制】模式繪制圖形，F(xiàn)lash會將每個圖形創(chuàng)建為獨(dú)立的對

象，這些對象在疊加時不會自動合并，可以分別進(jìn)行處理。這樣在分離或

重新排列圖形的外觀時，會使圖形重疊而不會改變它們的外觀。

三、繪圖工具

1、線條工具XI

快捷鍵：N

功能介紹：用于繪制各種長度和角度的直線

在工具欄中單擊線條工具，使它處于選擇狀態(tài)，這時在工作區(qū)會出現(xiàn)線條

的【屬性】面板（默認(rèn)狀態(tài)下），如圖所示。

屋性I

\線條工具

▽堪充和莖歸

）■aNI

室觸：0“一|1.80|

樣式：1糊I”J

硒：|一般"|口提示

端點(diǎn)：<=>lv

接合：公"尖角：

【屬性】面板

(1)線條的顏色、粗線和形狀

注意：線條樣式中包含了一種【極細(xì)】樣式，該樣式指的是在任何比例縮放

的情況下，顯示尺寸都保持不變，像頭發(fā)絲一樣。

(2)直線的端點(diǎn)和接合

Flash提供了多種線條和接合處的端點(diǎn)形狀，從工具欄中選擇直線、鉛

筆、鋼筆、墨水瓶等工具時，在【屬性】面板均可以找到這些設(shè)置。

端點(diǎn)：包工一在直線工具的【屬性】

接合：無

面板