Flash 動(dòng)畫制作教材Flash 動(dòng)畫教案

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

》任務(wù)描述

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

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

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

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

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

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

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

2.會使用Flash工作界面；

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

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

5.會組合、分離對象；

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

7.能排列、對齊對象；

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

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

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

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

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

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

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

活動(dòng)1文字Logo設(shè)計(jì)

活動(dòng)2圖形Logo設(shè)計(jì)

活動(dòng)3混合Logo設(shè)計(jì)

活動(dòng)1文字Logo設(shè)計(jì)

活動(dòng)目標(biāo)

1.會設(shè)計(jì)Flash動(dòng)畫制作流程:

2.會安裝Flash；

3.能使用Flash工具欄。

咕劭描述

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

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

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

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

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

相關(guān)笈銘

一、Flash的認(rèn)知

1.Flash文檔的組成部分

Flash文檔有四個(gè)主要組成部分。

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

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

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

的圖形的上方。

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

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

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

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

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

者的不同具體需要。

2.Flash動(dòng)畫制作流程

Flash動(dòng)畫制作分為前期、中期和后期。

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

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

中期制作：Flash動(dòng)畫制作的一個(gè)重要階段,這個(gè)階段將我們在前期的種

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

后期制作：Flash動(dòng)畫制作完成后，要對它進(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ū)動(dòng)器空間；在安裝過程中所需的額

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

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

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

2.Flash的安裝步驟

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

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

步驟二：輸入序列號。

步驟三：選擇安裝語言。

步驟四：安裝完成。

3.CS5的啟動(dòng)與退出

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

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

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

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

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

三、Flash的工作界面

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

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

名稱FlashCS5工作界面

?，2

菜單欄

時(shí)間軸

淳動(dòng)面板

F

l主工具欄

a

s

h

C

猿工具箱

作

界

面

時(shí)間和舞臺

圖

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

菜單欄

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

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

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

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

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

按鈕以及【對齊】按鈕。

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

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

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

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

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

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

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

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

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

線控制區(qū)。

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

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

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

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

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

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

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

屬性面板

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

以及浮動(dòng)

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

面板

標(biāo)拖動(dòng)來調(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手形工具移動(dòng)舞臺

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

18填充色填充圖形顏色

19筆觸顏色填充線段顏色

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

20的85

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

四、Flash文本的類型

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

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

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

候更改文本，則需使用動(dòng)態(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)文字有兩種文本框:一種是自動(dòng)擴(kuò)展的文本框。使用這種文本框的時(shí)候,

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

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

或定高文本框（適用于垂直文本）中，文本框會自動(dòng)地?cái)U(kuò)展并自動(dòng)換行。

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

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

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

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

本】工具后不在舞臺中單擊，而是按下左鍵拖動(dòng)出一個(gè)矩形文本框，這時(shí)的文本

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

文本框的寬度，那么就會自動(dòng)換行。

2.動(dòng)態(tài)文本

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

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

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

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

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

同之處。

3.輸入文本

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

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

▽段落

格式:凰國圜圜

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

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

行為：|密碼廿

▽選4

最大字符數(shù)：Q

變量：

文本【屬性】面板

輸入文本的特征如下:

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

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

將顯示為星號。

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

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

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

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

態(tài)文本。

法劭派備

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

2、軟件:FlashCS5軟件一套；

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

4、課前檢查：

①檢查電腦是否能正常啟動(dòng)；

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

實(shí)施過程

、Flash的認(rèn)知

1、Flash的特點(diǎn)

案例:

JR施氏桃店（CM動(dòng)

新品充友

CT

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

V35.00V60.00V50.00

更多13M動(dòng)更多盾源活動(dòng)更害店$幅動(dòng)

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

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

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

品。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

儲容量小。

2、Flash動(dòng)畫制作流程

案例：森興公司Flash動(dòng)畫的制作

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

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

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

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

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

以達(dá)到增加頁面動(dòng)態(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”,單

擊【確定】按鈕，此時(shí)

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

bannerfla?x

3.將庫面板中的

“bannerT.jpg”拖動(dòng)

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

使其覆蓋整個(gè)舞臺。

時(shí)間軸輸出［編譯器錯(cuò)誤動(dòng)畫編輯器

?d口。54.單擊【時(shí)間軸】

面板下方的添加新圖

層按鈕添加【圖層

2］。

不-JM1門1<<1AIA

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

2］的第一幀，然后選

擇工具箱中的【文本工

具】按鈕A,在打開的

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

【字體】為“華文楷

體”，【字體大小】為

“53”，【字體顏色】

為“#003300”。

6.在舞臺中輸入

“選擇森興，選擇品

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

7.按Shift鍵選

中文字，選擇【修改】

一【分離】命令，文字

被打散。

8.選擇【圖層1】

的第40幀，插入一個(gè)

普通幀。按?。跜trl］

鍵，選中【圖層2】的

第1幀、第5幀、第

10幀、第15幀、第20

幀、第25幀、第30

幀、第35幀、第40

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

11.選擇【圖層2】

的第10幀，刪除“森

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

字。

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],測試效果，如圖所示。

最終動(dòng)畫效果

二、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è)

計(jì)的第一步。

選擇【文件】一

【新建】命令，彈出

【新建文檔】對話

框，選擇完成后，

單擊【確定】按鈕，

即可完成新建文件

的任務(wù)。

2.保存文檔

編輯或制作完

動(dòng)畫后，需要將動(dòng)畫

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

選擇【保存】命

令，彈出【另存為】

對話框，輸入文件

名，選擇保存類型，

單擊【保存】按鈕，

即可將動(dòng)畫保存。

3.打開文檔

如果要修改已

完成的動(dòng)畫文件，

必須先將其打開。

選擇【文件】一

【打開】命令，彈出

【打開】對話框，在

對話框中搜索路徑

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

件類型和名稱，單

擊【打開】按鈕，或

直接雙擊文件名，

即可打開指定的動(dòng)

畫文件。

四、Flash文本動(dòng)畫

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

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

?設(shè)置文本類型

下通過【文本】工具

設(shè)置文本方向

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

設(shè)置字體：

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

設(shè)置字體大小

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

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

設(shè)置段落的對

文字；如果是要編輯

齊方式、縮進(jìn)

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

么在文字上單擊鼠

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

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

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

種文本框，一種是自

插上兩個(gè)翅膀：一個(gè)

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

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

這兩個(gè)翅膀，他就能的文本框。

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

2.動(dòng)態(tài)文本

首先在舞臺上

使用拖動(dòng)的方法繪

制出一個(gè)固定大小

的文本框，然后在

【屬性】面板的【文

本類型】下拉列表中

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

項(xiàng)。

庫I屬性▼三

「實(shí)例名稱＞

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

|一入文本?▼|匠▼1

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

X:159,20Y:126,20

本框是可以編輯的，

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

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

系列：|華文楷體下"|

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

思:?。喝憧邳c(diǎn)字母間距:又。

本】選項(xiàng)。

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

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

2、創(chuàng)建文本

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

1.單擊工具箱

中的【文本】工具，

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

臺上并單擊，然后輸

入一個(gè)文本塊。

V字符

系列:麗

2.選中輸入的

Tr方正綜藝繁體宇國葭式

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

際仿宋一GB2312字體樣式

板中單擊【字體】下

對漢儀瘦金書繁一一援丈

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

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

0華文彩云▽

框，選擇“黑體”。

0華文仿宋

0華文琥珀軍體樣式

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

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

系列：|黑體丁刁

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

就區(qū)161中

拖動(dòng)，即可改變字體

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

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

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

色。

▼=

4.單擊【改變文

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

|靜態(tài)文本

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

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

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

X:42.95垂直，從左向右

5.拖動(dòng)【字母間

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

間的距離，也可以直

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

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

動(dòng)畫消除鋸齒

大小:

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

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

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

選擇“動(dòng)畫消除鋸

齒”選項(xiàng)。

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

文本塊在舞臺中的

位置。單擊時(shí)間軸上

的【新建圖層】，在

【圖層1】的上方添

加一個(gè)新【圖層2】，

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

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

上，并按左鍵向下拖

動(dòng)。

7.選擇【文件】

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

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

入】對話框，在對話

框中選擇一幅圖片。

8.單擊“打開”

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

舞臺中，然后用【屬

性】面板或者【信息】

面板對圖片的大小

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

整，使其覆蓋整個(gè)舞

臺。

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

整完成，按下

[Ctrl+Enter]組合

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

覽效果，最終效果如

圖所示。

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

一6一

爐的)1T.證由N

m?5

2.啟動(dòng)Flash

CS5,選擇

ActionScript3.0,

新建空白Flash文

檔。

3.【修改】f［文

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

234像素*140像素。

4.打開【文字工

具】的【屬性】對話

框。

5.錄入文字“梵

迪服飾”。

梵迪服飾

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

6.保存文檔。

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

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

7.預(yù)覽效果

梵迪服飾

活動(dòng)2圖形Logo設(shè)計(jì)

活動(dòng)百林

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

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

3.會組合、分離對象：

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

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

活劭描述

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

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

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

相關(guān)笈擁

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

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

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

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

一、矢量圖和位圖

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

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

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

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

改變圖像的顯示效果。

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

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

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

精彩畫面。

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

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

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

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

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

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

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

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

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

圖形的最小單位。

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

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

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

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

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

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

輯。

常用的位圖繪制軟件有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)畫制作軟件，為用戶提供了非常豐

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

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

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

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

*

P

比T何

■■99*s

\Q0A

少

上?,

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

二、繪制模式

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

1、合并繪制模式

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

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

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

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

2、對象繪制模式

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

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

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

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

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

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

三、繪圖工具

1、線條工具XI

快捷鍵：N

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

在工具欄中單擊線條工具，使它處于選擇狀態(tài)，這時(shí)在工作區(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í)，在【屬性】面板均可以找到這些設(shè)置。

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

接合：無

面板