Flash CS6核心應(yīng)用案例教程(全彩慕課版)(第2版)課件全套 第1-9章 初識(shí)Flash、Flash CS6基礎(chǔ)知識(shí)-商業(yè)案例_第1頁(yè)
Flash CS6核心應(yīng)用案例教程(全彩慕課版)(第2版)課件全套 第1-9章 初識(shí)Flash、Flash CS6基礎(chǔ)知識(shí)-商業(yè)案例_第2頁(yè)
Flash CS6核心應(yīng)用案例教程(全彩慕課版)(第2版)課件全套 第1-9章 初識(shí)Flash、Flash CS6基礎(chǔ)知識(shí)-商業(yè)案例_第3頁(yè)
Flash CS6核心應(yīng)用案例教程(全彩慕課版)(第2版)課件全套 第1-9章 初識(shí)Flash、Flash CS6基礎(chǔ)知識(shí)-商業(yè)案例_第4頁(yè)
Flash CS6核心應(yīng)用案例教程(全彩慕課版)(第2版)課件全套 第1-9章 初識(shí)Flash、Flash CS6基礎(chǔ)知識(shí)-商業(yè)案例_第5頁(yè)
已閱讀5頁(yè),還剩203頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

本章簡(jiǎn)介:在學(xué)習(xí)Flash的具體操作之前,應(yīng)該先了解Flash,本章內(nèi)容包含F(xiàn)lash軟件簡(jiǎn)介、Flash應(yīng)用領(lǐng)域。只有認(rèn)識(shí)了Flash的軟件特點(diǎn)和功能特色,才能更有效率地學(xué)習(xí)和運(yùn)用Flash,從而為后續(xù)的工作和學(xué)習(xí)帶來(lái)便利。初識(shí)Flash第1章學(xué)習(xí)目標(biāo)了解Flash軟件的基礎(chǔ)知識(shí)。了解Flash應(yīng)用領(lǐng)域。1.1

Flash軟件簡(jiǎn)介Flash是由Adobe公司開(kāi)發(fā)的一款集動(dòng)畫(huà)創(chuàng)作和應(yīng)用程序開(kāi)發(fā)于一體的創(chuàng)作軟件。它包含簡(jiǎn)單、直觀且功能強(qiáng)大的設(shè)計(jì)工具和命令,不僅可以創(chuàng)建數(shù)字動(dòng)畫(huà)、交互式Web站點(diǎn),還可以開(kāi)發(fā)包含視頻、聲音、圖形和動(dòng)畫(huà)的桌面應(yīng)用程序以及手機(jī)應(yīng)用程序等,它降低了網(wǎng)頁(yè)動(dòng)畫(huà)和應(yīng)用程序的設(shè)計(jì)難度,為專業(yè)設(shè)計(jì)人員和業(yè)余愛(ài)好者制作動(dòng)畫(huà)作品和應(yīng)用程序提供了很大的幫助,深受動(dòng)畫(huà)設(shè)計(jì)愛(ài)好者和網(wǎng)頁(yè)設(shè)計(jì)人員的喜愛(ài)。1.2

Flash應(yīng)用領(lǐng)域動(dòng)畫(huà)影片制作廣告設(shè)計(jì)網(wǎng)站設(shè)計(jì)教學(xué)設(shè)計(jì)游戲設(shè)計(jì)Flash作為動(dòng)畫(huà)影片的主要制作軟件,可以制作出精美的矢量動(dòng)畫(huà)作品。使用Flash制作的動(dòng)畫(huà)作品造型獨(dú)特、內(nèi)涵豐富、表現(xiàn)力強(qiáng)、有趣生動(dòng),有很多家喻戶曉的動(dòng)畫(huà)影片就是使用Flash制作的。1.2.1動(dòng)畫(huà)影片制作

動(dòng)畫(huà)影片制作1.2.2廣告設(shè)計(jì)網(wǎng)絡(luò)廣告因具有覆蓋面廣、傳播方式靈活、互動(dòng)性強(qiáng)等特點(diǎn),在傳播方面有著非常大的優(yōu)勢(shì),得到了廣泛的應(yīng)用。Flash中有多種廣告模板,包括彈出式廣告、告示牌廣告、全屏廣告、橫幅廣告等,應(yīng)用Flash可以制作出豐富多樣的廣告。廣告設(shè)計(jì)1.2.3網(wǎng)站設(shè)計(jì)為了增強(qiáng)網(wǎng)站的動(dòng)態(tài)效果,提高交互性,經(jīng)及增強(qiáng)視覺(jué)表現(xiàn)力,可以使用Flash進(jìn)行設(shè)計(jì)與制作,具體包括制作引導(dǎo)頁(yè)、為L(zhǎng)ogo和Banner添加動(dòng)畫(huà)效果等。網(wǎng)站設(shè)計(jì)1.2.4教學(xué)設(shè)計(jì)隨著教育信息化的不斷發(fā)展,F(xiàn)lash在教學(xué)設(shè)計(jì)中得到了廣泛的應(yīng)用。使用Flash可以制作標(biāo)準(zhǔn)動(dòng)畫(huà),也可以制作與開(kāi)發(fā)交互式課件。使用Flash制作的作品體積小,效果生動(dòng),交互性強(qiáng)。教學(xué)設(shè)計(jì)1.2.5游戲設(shè)計(jì)使用Flash制作的游戲,種類豐富、風(fēng)格新穎、體積較小、互動(dòng)性強(qiáng)且操作便捷,游戲類型包括益智類、設(shè)計(jì)類、棋牌類、休閑類等。游戲設(shè)計(jì)本章簡(jiǎn)介:本章詳細(xì)講解FlashCS6的基礎(chǔ)知識(shí)、基本操作和影片的測(cè)試與輸出等內(nèi)容。讀者通過(guò)對(duì)本章的學(xué)習(xí),可對(duì)FlashCS6有初步的認(rèn)識(shí)和了解,并能掌握軟件的基本操作方法和技巧,為以后的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。FlashCS6基礎(chǔ)知識(shí)第2章學(xué)習(xí)目標(biāo)熟悉FlashCS6的操作界面。了解影片的測(cè)試與優(yōu)化。了解影片的輸出與優(yōu)化。2.1FlashCS6的操作界面FlashCS6的操作界面由以下幾部分組成:菜單欄、主工具欄、工具箱、時(shí)間軸、場(chǎng)景和舞臺(tái)、“屬性”面板以及浮動(dòng)面板。菜單欄時(shí)間軸主工具欄工具箱場(chǎng)景和舞臺(tái)浮動(dòng)面板“屬性”面板操作界面2.1FlashCS6的操作界面菜單欄主工具欄工具箱“時(shí)間軸”面板場(chǎng)景和舞臺(tái)“屬性”面板浮動(dòng)面板2.1.1菜單欄FlashCS6的菜單欄中依次為“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調(diào)試”菜單、“窗口”菜單及“幫助”菜單。菜單欄2.1.2主工具欄為方便使用,F(xiàn)lashCS6將一些常用命令以按鈕的形式組織在一起,置于操作界面的上方。菜單欄2.1.3工具箱工具箱提供了圖形繪制和編輯的各種工具,分為“工具”“查看”“顏色”“選項(xiàng)”4個(gè)功能區(qū)。選擇“窗口>工具”命令,可以調(diào)出工具箱。工具查看顏色選項(xiàng)2.1.4“時(shí)間軸”面板按照功能的不同,“時(shí)間軸”面板分為左右兩部分,左側(cè)為層控制區(qū),右側(cè)為時(shí)間線控制區(qū)。其中的主要組件是圖層、幀和播放頭。圖層名稱播放頭時(shí)間軸標(biāo)尺幀顯示區(qū)幀顯示按鈕垂直滾動(dòng)條水平滾動(dòng)條運(yùn)行時(shí)間幀率當(dāng)前幀運(yùn)行時(shí)間圖層類型圖標(biāo)2.1.5場(chǎng)景和舞臺(tái)場(chǎng)景是所有動(dòng)畫(huà)元素的最大活動(dòng)空間。像多幕劇一樣,場(chǎng)景可以不止一個(gè)。要查看特定場(chǎng)景,可以選擇“視圖>轉(zhuǎn)到”命令,再?gòu)淖硬藛沃羞x擇場(chǎng)景的名稱。顯示比例場(chǎng)景名稱舞臺(tái)工作區(qū)編輯場(chǎng)景編輯元件2.1.6“屬性”面板對(duì)于正在使用的工具或資源,使用“屬性”面板,可以很容易地查看和更改它們的屬性,從而簡(jiǎn)化作品的創(chuàng)建過(guò)程。當(dāng)選定單個(gè)對(duì)象時(shí),如文本、元件、形狀、位圖、視頻剪輯、組、幀等,“屬性”面板中會(huì)顯示相應(yīng)的信息和選項(xiàng)等?!皩傩浴泵姘?.1.7浮動(dòng)面板使用此面板可以查看、組合和更改資源。但屏幕的大小有限,為了使工作區(qū)盡量大,F(xiàn)lashCS6提供了許多自定義工作區(qū)的方式,如通過(guò)“窗口”菜單顯示、隱藏面板,還可以通過(guò)拖動(dòng)鼠標(biāo)的方式來(lái)調(diào)整面板的大小以及重新組合面板。浮動(dòng)面板2.2FlashCS6的文件操作新建文件保存文件打開(kāi)文件導(dǎo)入文件2.2.1新建文件選擇“文件>新建”命令,彈出“新建文檔”對(duì)話框。在對(duì)話框的“類型”列表中可以選擇創(chuàng)建文檔的類型,在對(duì)話框的右側(cè)可以設(shè)置文檔的大小、幀頻及舞臺(tái)顏色。設(shè)置完成后,單擊“確定”按鈕,即可完成新建文件的操作?!靶陆ㄎ臋n”對(duì)話框2.2.2保存文件選擇“文件>保存”或“文件>另存為”等命令可以將文件保存在磁盤(pán)上。當(dāng)設(shè)計(jì)好作品進(jìn)行第一次存儲(chǔ)時(shí),選擇“文件>保存”命令,會(huì)彈出“另存為”對(duì)話框。在對(duì)話框中,輸入文件名,選擇保存類型和保存路徑,單擊“保存”按鈕,即可將動(dòng)畫(huà)保存?!傲泶鏋椤睂?duì)話框2.2.3打開(kāi)文件選擇“文件>打開(kāi)”命令,彈出“打開(kāi)”對(duì)話框,在對(duì)話框中找到需要的文件,然后單擊“打開(kāi)”按鈕,或直接雙擊文件,即可打開(kāi)指定的動(dòng)畫(huà)文件?!按蜷_(kāi)”對(duì)話框2.2.4導(dǎo)入文件FlashC86可以導(dǎo)人各種格式的矢量圖形、位圖及視頻文件。矢量文件包括FreeHand文件、AdobeⅢlustrator文件、EPS文件和PDF文件,位圖文件包括JPG、GIF、PNG、BMP等。視頻格式包括F4V和FLV等格式的件1.“導(dǎo)入到舞臺(tái)”命令2.“導(dǎo)入到庫(kù)”命令3.以復(fù)制粘貼方式導(dǎo)入4.“導(dǎo)入視頻”命令2.3影片的測(cè)試與優(yōu)化影片測(cè)試窗口測(cè)試影片下載性能作品優(yōu)化2.3.1影片測(cè)試窗口選擇“控制>測(cè)試影片>測(cè)試”命令,進(jìn)入影片測(cè)試窗口。其中最常用的是“視圖”菜單和“控制”菜單。測(cè)試窗口上方的菜單欄2.3.2測(cè)試影片下載性能測(cè)試影片下載性能,對(duì)動(dòng)畫(huà)制作來(lái)說(shuō)非常重要。用戶可以使用帶寬設(shè)置,以圖形化的方式查看影片的下載性能。要測(cè)試影片下載性能,選擇“控制>測(cè)試影片>測(cè)試”命令,進(jìn)入影片測(cè)試窗口。選擇“視圖>帶寬設(shè)置”命令,打開(kāi)帶寬特性窗口。帶寬特性窗口2.3.3作品優(yōu)化動(dòng)畫(huà)文件越大,動(dòng)畫(huà)在網(wǎng)絡(luò)上播放時(shí)等待時(shí)間就越長(zhǎng)。雖然動(dòng)畫(huà)作品在發(fā)布時(shí)會(huì)自動(dòng)進(jìn)行一些優(yōu)化,但是在制作動(dòng)畫(huà)時(shí)還要從整體上對(duì)動(dòng)畫(huà)進(jìn)行優(yōu)化,以減少文件量。2.4影片的輸出與發(fā)布輸出影片設(shè)置影片輸出格式發(fā)布影片設(shè)置影片發(fā)布格式2.4.1輸出影片設(shè)置選擇“文件>導(dǎo)出”命令,彈出子菜單,可以選擇將文件導(dǎo)出為圖像或影片。子菜單2.4.2

影片輸出格式FlashCS6可以輸出多種格式的動(dòng)畫(huà)或圖形文件,一般包含以下幾種常用類型。1.SWF影片(*.swf)2.WindowsAVI(*.avi)3.WAV音頻(*.wav)4.JPEG圖像(*.jpg)5.GIF序列(*.gif)6.PNG序列(*.png)2.4.3發(fā)布影片設(shè)置“發(fā)布設(shè)置”對(duì)話框選擇“文件>發(fā)布”命令,在Fash文件所在的文件夾中將生成與Flash文件同名的SWF文件和HTML文件。2.4.4

影片發(fā)布格式FlashCS6能夠發(fā)布多種格式的文件。1.FlashSWF文件格式2.HTML文件格式3.GIF文件格式4.JPEG文件格式5.PNG文件格式本章簡(jiǎn)介:本章介紹FlashCS6中繪制圖形的功能和編輯圖形的技巧,講解多種選擇圖形的方法以及設(shè)置圖形色彩的技巧。讀者通過(guò)對(duì)本章的學(xué)習(xí),可以掌握繪制圖形、編輯圖形的方法和技巧,能獨(dú)立繪制出所需的各種圖形并對(duì)其進(jìn)行編輯,為進(jìn)一步學(xué)習(xí)FlashCS6打下堅(jiān)實(shí)的基礎(chǔ)。常用工具第3章學(xué)習(xí)目標(biāo)熟練掌握選擇類工具的使用方法。熟練掌握繪制圖形的多種工具的使用方法。熟練掌握多種圖形編輯工具的使用方法和技巧。了解圖形的色彩,并掌握幾種常用的色彩面板。掌握文本工具的使用方法及屬性設(shè)置。3.1選擇類工具課堂案例——制作小獅子圖形“選擇”工具“部分選取”工具“套索”工具3.1.1課堂案例——制作小獅子圖形使用“移動(dòng)”工具、“直接選擇”工具等完成小獅子的制作。效果圖3.1.2“選擇”工具選擇“選擇”工具,利用這些按鈕可以完成以下工作。1.選擇對(duì)象2.移動(dòng)和復(fù)制對(duì)象3.調(diào)整矢量線條和色塊工具箱下方按鈕3.1.3“部分選取”工具選擇“部分選取”工具,在對(duì)象的外邊線上單擊,對(duì)象上將出現(xiàn)多個(gè)節(jié)點(diǎn),可拖動(dòng)節(jié)點(diǎn)來(lái)改變對(duì)象的形狀。拖動(dòng)節(jié)點(diǎn)改變對(duì)象形狀3.1.4“套索”工具選擇“套索”工具,在場(chǎng)景中導(dǎo)人一幅位圖,按Ctr1+B組合鍵,將位圖從背景中分離。用鼠標(biāo)在位圖上勾畫(huà)出想要的區(qū)域,形成一個(gè)封閉的選區(qū),松開(kāi)標(biāo),選區(qū)中的圖像被選中。使用“套索”工具效果3.2繪圖工具課堂案例——繪制小汽車圖形“線條”工具“鉛筆”工具“橢圓”工具“基本橢圓”工具“刷子”工具“矩形”工具“基本矩形”工具“多角星形”工具“鋼筆”工具3.2.1課堂案例——繪制小汽車圖形使用“矩形”工具、“基本矩形”工具、“橢圓”工具、“鋼筆”工具等完成小汽車的繪制。效果圖3.2.2“線條”工具選擇“線條”工具,在舞臺(tái)上按住鼠標(biāo)左鍵不放并向右拖動(dòng)到需要的位置,可繪制出1條直線段,松開(kāi)鼠標(biāo),。在線條工具“屬性”面板中可以設(shè)置不同的筆觸顏色、筆觸大小、筆觸樣式。“屬性”面板3.2.3“鉛筆”工具選擇“鉛筆”工具,在舞臺(tái)上拖動(dòng)鼠標(biāo)可以繪制出隨意線條。如果想要繪制出平滑或伸直的線條和形狀,可以在工具箱下方的選項(xiàng)區(qū)域中為“鉛筆”工具選擇一種繪畫(huà)模式?!般U筆”工具的繪畫(huà)模式3.2.4“橢圓”工具選擇“橢圓”工具,在舞臺(tái)上按住鼠標(biāo)左鍵不放,向需要的位置曳鼠標(biāo),可繪制橢圓形,在按住Shift鍵的同時(shí)繪制圖形,可以繪制出圓形?!皩傩浴泵姘?.2.5“基本橢圓”工具“基木橢圓”工具的使用方法和功能與“橢圓"工具基本相同,唯一的區(qū)別在于使用“橢圓”工具時(shí),必須先設(shè)置橢圓屬性,然后再繪制,且繪制好之后不可以再次更改圓屬性。而使用“基本橢圓”工具時(shí),在繪制前設(shè)置屬性和繪制后設(shè)置屬性都是可以的。3.2.6“刷子”工具選擇“刷子”工具,在舞臺(tái)上按住鼠標(biāo)左鍵不放,隨意繪制出圖形,松開(kāi)鼠標(biāo)??梢栽谒⒆庸ぞ摺皩傩浴泵姘逯性O(shè)置不同的填充顏色和筆觸平滑度?!皩傩浴泵姘?.2.7“矩形”工具選擇“矩形”工具,在舞臺(tái)上按住鼠標(biāo)不放,向需要的位置拖曳鼠標(biāo),可繪制出矩形,松開(kāi)鼠標(biāo)。在按住Shift鍵的同時(shí)繪制圖形,可以繪制出正方形?!皩傩浴泵姘?.2.8“基本矩形”工具“基本矩形”工具和“矩形”工具的區(qū)別與“基本橢圓”工具和“橢圓”工具的區(qū)別相同。3.2.9“多角星形”工具使用“多角星形”工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具,在舞臺(tái)上按住鼠標(biāo)左鍵不放,向需要的位置拖曳鼠標(biāo),可繪制出多邊形,松開(kāi)鼠標(biāo)?!皩傩浴泵姘?.2.10“鋼筆”工具選擇“鋼筆”工具,將鼠標(biāo)指針?lè)胖迷谖枧_(tái)上想要繪制曲線段的起始位置,然后按住鼠標(biāo)不放。此時(shí)將出現(xiàn)第一個(gè)錨點(diǎn),并且鼠標(biāo)指針變?yōu)榧^形狀。松開(kāi)鼠標(biāo),將鼠標(biāo)指針?lè)胖迷谙胍L制的第二個(gè)錨點(diǎn)的位置,單擊并按住鼠標(biāo)左鍵不放,繪制出1條直線段。將鼠標(biāo)向其他方向拖曳,直線段將轉(zhuǎn)換為曲線段松開(kāi)鼠標(biāo),1條曲線段繪制完成。繪制曲線段3.3圖形編輯工具課堂案例——繪制車輪圖標(biāo)“墨水瓶”工具“顏料桶”工具“滴管”工具“橡皮擦”工具“任意變形”工具“漸變變形”工具“顏色”面板3.3.1課堂案例——繪制車輪圖標(biāo)使用“鋼筆”工具、“橢圓”工具、“顏料桶”工具、“漸變變形”工具、“任意變形”工具、“墨水瓶”工具完成車輪圖標(biāo)的繪制。效果圖3.3.2“墨水瓶”工具使用“墨水瓶”工具可以修改矢量圖形的邊線。選擇“墨水瓶”工具,在墨水瓶工具“屬性”面板中設(shè)置筆觸顏色、筆觸大小以及筆觸樣式?!皩傩浴泵姘?.3.3“顏料桶”工具選擇“顏料桶”工具,在其“屬性”面板中將“填充顏色”設(shè)為藍(lán)色(#33CCFF)。在線框內(nèi)單擊,線框內(nèi)部被填充上顏色?!皩傩浴泵姘?.3.4“滴管”工具使用“滴管”工具可以吸取矢量圖形的線型和色彩,然后利用“顏料桶”工具快速修改其他矢量圖形內(nèi)部的填充顏色。利用“墨水瓶”工具,可以快速修改矢量圖形的邊框顏色及線型。1.吸取填充顏色2.吸取邊框?qū)傩?.吸取位圖圖案4.吸取文字顏色3.3.5“橡皮擦”工具選擇“橡皮擦”工具,在圖形上想要擦除的地方按下鼠標(biāo)并拖動(dòng)鼠標(biāo),圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕的下拉列表中,可以選擇橡皮擦的形狀與大小。圖形被擦除3.3.6“任意變形”工具在制作圖形的過(guò)程中,可以使用“任意變形”工具來(lái)改變圖形的大小及傾斜度。按Ctrl+B組合鍵,使其分離。選擇“任意變形”工具,在圖形的周圍將出現(xiàn)控制點(diǎn)。拖曳控制點(diǎn)可以改變圖形的大小。按住Shift鍵,再拖曳控制點(diǎn),可成比例地改變圖形大小?!叭我庾冃巍惫ぞ呤褂眯Ч?.3.7“漸變變形”工具使用“漸變變形”工具可以改變選中圖形中的漸變填充效果。當(dāng)圖形填充色為線性漸變色時(shí),選擇“漸變變形”工具,單擊圖形,出現(xiàn)3個(gè)控制點(diǎn)和2組平行線。向圖形中間拖動(dòng)方形控制點(diǎn),漸變區(qū)域縮小?!皾u變變形”工具使用效果3.3.8“顏色”面板選擇“窗口>顏色”命令,彈出“顏色”面板。1.自定義純色2.自定義線性漸變色3.自定義徑向漸變色4.自定義位圖填充3.4文本工具課堂案例——制作耳機(jī)網(wǎng)頁(yè)首頁(yè)文本的類型文本屬性靜態(tài)文本動(dòng)態(tài)文本輸入文本3.4.1課堂案例——制作耳機(jī)網(wǎng)頁(yè)首頁(yè)使用“文本”工具輸入需要的文字,使用“屬性”面板設(shè)置文字的字體、大小、顏色、行距和字符屬性。效果圖3.4.2文本的類型TLF是FlashCS6中新增加的一種文本引擎,也是FlashCS6中的默認(rèn)文本類型。1.創(chuàng)建TLF文本2.傳統(tǒng)文本3.4.3文本屬性下面以傳統(tǒng)文本為例對(duì)各文字調(diào)整選項(xiàng)進(jìn)行介紹。1.設(shè)置文本的字體、大小、樣式和顏色2.字體呈現(xiàn)方法3.設(shè)置字符與段落4.設(shè)置文本超鏈接3.4.4靜態(tài)文本選擇“靜態(tài)文本"選項(xiàng)。“可選”按鈕心:單擊此按鈕,當(dāng)文件以SWF格式輸出時(shí),可以對(duì)影片中的文字進(jìn)行選取復(fù)制操作?!皩傩浴泵姘?.4.5動(dòng)態(tài)文本選擇“動(dòng)態(tài)文本"選項(xiàng)。動(dòng)態(tài)文本可以作為對(duì)象來(lái)應(yīng)用。“屬性”面板3.4.6輸入文本選擇“輸入文本”選項(xiàng)。“段落”選項(xiàng)組中的“行為”下拉列表中新增加了“密碼”選項(xiàng),若選擇此選項(xiàng),當(dāng)文件輸出為SWF格式時(shí),影片中的文字將顯示為星號(hào)?!皩傩浴泵姘?.5課堂練習(xí)——繪制甜品插畫(huà)使用“顏色”面板、“漸變變形”工具制作背景效果,使用“基本矩形”工具和“鋼筆”工具繪制圖形。“屬性”面板3.6課后習(xí)題——繪制迷你太空插畫(huà)使用“顏料桶”工具、工具箱,完成迷你太空插畫(huà)的繪制?!皩傩浴泵姘灞菊潞?jiǎn)介:使用工具欄中的工具創(chuàng)建的向量圖形相對(duì)來(lái)說(shuō)比較單調(diào),如果能結(jié)合相關(guān)命令修改圖形,就可以改變?cè)瓐D形的形狀、線條樣式等,還可以將多個(gè)圖形組合起來(lái),達(dá)到所需要的圖形效果。在FlashCS6中,元件起著舉足輕重的作用。通過(guò)重復(fù)應(yīng)用元件,可以提高工作效率、減小文件量。本章詳細(xì)介紹FlashCS6中編輯、修飾對(duì)象的功能及元件的創(chuàng)建、編輯、應(yīng)用,以及“庫(kù)”面板的使用方法。通過(guò)對(duì)本章的學(xué)習(xí),讀者可以掌握編輯和修飾對(duì)象的各種方法和技巧,了解并掌握如何通過(guò)元件的相互嵌套及重復(fù)應(yīng)用來(lái)制作出變化無(wú)窮的動(dòng)畫(huà)效果。對(duì)象與元件第4章學(xué)習(xí)目標(biāo)掌握對(duì)象的變形方法和技巧。掌握對(duì)象的修飾方法。掌握對(duì)象的對(duì)齊方法及技巧。掌握元件的創(chuàng)建方法。4.1對(duì)象的變形課堂案例——繪制閃屏頁(yè)中的插畫(huà)扭曲對(duì)象封套對(duì)象縮放對(duì)象旋轉(zhuǎn)與傾斜對(duì)象翻轉(zhuǎn)對(duì)象組合對(duì)象分離對(duì)象疊放對(duì)象對(duì)齊對(duì)象4.1.1課堂案例——繪制閃屏頁(yè)中的插畫(huà)使用“橢圓”工具、“任意變換”工具和“矩形”工具繪制表盤(pán)圖形,使用“多角星形”工具、“垂直翻轉(zhuǎn)”命令制作指針圖形,使用“對(duì)齊”命令,將對(duì)象居中對(duì)齊。效果圖4.1.2扭曲對(duì)象選擇“修改>變形>扭曲”命令,在當(dāng)前選擇的圖形周圍將出現(xiàn)控制點(diǎn)。將鼠標(biāo)指針?lè)胖迷诳刂泣c(diǎn)上,鼠標(biāo)指針變?yōu)樾螤睿弦匪慕堑目刂泣c(diǎn)可以改變圖形頂點(diǎn)的形狀。使用“扭曲”命令效果4.1.3封套對(duì)象選擇“修改>變形>封套”命令,在當(dāng)前選擇的圖形周圍將出現(xiàn)控制點(diǎn)。將鼠標(biāo)指針?lè)胖迷诳刂泣c(diǎn)上,鼠標(biāo)指針變?yōu)樾螤睿弦房刂泣c(diǎn),使圖形產(chǎn)生相應(yīng)的彎曲變化。使用“封套”命令效果4.1.4縮放對(duì)象選擇“修改>變形>縮放”命令,在當(dāng)前選擇的圖形周圍將出現(xiàn)控制點(diǎn)。將鼠標(biāo)指針?lè)胖迷谟疑戏娇刂泣c(diǎn)上,鼠標(biāo)指針變?yōu)樾螤睿醋∈髽?biāo)左鍵不放,向左下方拖曳控制點(diǎn)。使用“縮放”命令效果4.1.5旋轉(zhuǎn)與傾斜對(duì)象選擇“修改>變形>旋轉(zhuǎn)與傾斜”命令,在當(dāng)前選擇的圖形周圍將出現(xiàn)控制點(diǎn),拖曳圖形上方中間的控制點(diǎn)傾斜圖形時(shí),鼠標(biāo)指針變換形狀,松開(kāi)鼠標(biāo),圖形傾斜。使用“旋轉(zhuǎn)與傾斜”命令效果4.1.6翻轉(zhuǎn)對(duì)象選擇“修改>變形”中的“垂直翻轉(zhuǎn)”“水平翻轉(zhuǎn)”命令,可以將圖形進(jìn)行翻轉(zhuǎn)。使用效果4.1.7組合對(duì)象選中多個(gè)圖形,選擇“修改>組合”命令,或按Ctrl+G組合鍵,可以將選中的圖形進(jìn)行組合。使用效果4.1.8分離對(duì)象要修改多個(gè)組合圖形,以及圖像、文字或組件的一部分時(shí),可以使用“修改>分離”命令。另外,制作變形動(dòng)畫(huà)時(shí),需用“分離”命令將圖像、文字或組件等轉(zhuǎn)換成圖形。使用“分離”命令效果4.1.9疊放對(duì)象制作復(fù)雜圖形時(shí),圖形的疊放次序不同,產(chǎn)生的效果也不同,可以通過(guò)“修改>排列”中的命令實(shí)現(xiàn)不同的疊放效果。使用效果4.1.10對(duì)齊對(duì)象當(dāng)選擇多個(gè)圖形、圖像的組合或組件時(shí),可以通過(guò)“修改>對(duì)齊”中的命令調(diào)整它們的相對(duì)位置。使用“對(duì)齊”命令效果4.2對(duì)象的修飾課堂案例--繪制飛機(jī)插畫(huà)優(yōu)化曲線將線條轉(zhuǎn)換為填充擴(kuò)展填充柔化填充邊緣4.2.1課堂案例--繪制飛機(jī)插畫(huà)使用“柔化填充邊緣”命令制作太陽(yáng)效果,使用“鋼筆”工具繪制白云形狀。效果圖4.2.2優(yōu)化曲線選中要優(yōu)化的線條,選擇“修改>形狀>優(yōu)化”命令,彈出“優(yōu)化曲線”對(duì)話框,進(jìn)行設(shè)置。單擊“確定”按鈕,彈出提示對(duì)話框。單擊“確定”按鈕,線條被優(yōu)化?!皟?yōu)化曲線”對(duì)話框4.2.3將線條轉(zhuǎn)換為填充選擇“墨水瓶”工具,為圖形繪制外邊線。將線條轉(zhuǎn)換為填充4.2.4擴(kuò)展填充使用“擴(kuò)展填充”命令可以將填充顏色向外擴(kuò)展或向內(nèi)收縮,擴(kuò)展或收縮的數(shù)值可以自行設(shè)置。1.?dāng)U展填充色2.收縮填充色“擴(kuò)展填充”對(duì)話框4.2.5柔化填充邊緣1.向外柔化填充邊緣2.向內(nèi)柔化填充邊緣“柔化填充邊緣”對(duì)話框4.3對(duì)齊與變形課堂案例——制作茶葉網(wǎng)站首頁(yè)“對(duì)齊”面板“變形”面板4.3.1課堂案例——制作茶葉網(wǎng)站首頁(yè)使用“導(dǎo)入到庫(kù)”命令導(dǎo)入素材,使用“變形”面板縮放圖像,使用“對(duì)齊”面板設(shè)置圖像的對(duì)齊方式。效果圖4.3.2“對(duì)齊”面板選擇“窗口>對(duì)齊”命令,彈出“對(duì)齊”面板。1.“對(duì)齊”選項(xiàng)組2.“分布”選項(xiàng)組3.“匹配大小”選項(xiàng)組4.“間隔”選項(xiàng)組5.“與舞臺(tái)對(duì)齊”復(fù)選框4.3.3“變形”面板選擇“窗口>變形”命令,彈出“變形”面板。“變形”面板4.4元件與庫(kù)課堂案例——制作新年賀卡元件的類型創(chuàng)建圖形元件創(chuàng)建按鈕元件創(chuàng)建影片剪輯元件轉(zhuǎn)換元件“庫(kù)”面板“庫(kù)”面板的彈出式菜單4.4.1課堂案例——制作新年賀卡使用“基本矩形”工具和“文本”工具制作按鈕元件,使用“影片剪輯”元件制作心動(dòng)效果,使用“任意變形”工具調(diào)整元件的大小及角度。效果圖4.4.2元件的類型1.圖形元件圖形元件一般用于創(chuàng)建靜態(tài)圖像或可重復(fù)使用的、與主時(shí)間軸關(guān)聯(lián)的動(dòng)畫(huà)。它有自己的編輯區(qū)和時(shí)間軸。如果在場(chǎng)景中創(chuàng)建該元件的實(shí)例,那么實(shí)例將受到主場(chǎng)景中時(shí)間軸的約束。2.按鈕元件按鈕元件是能激發(fā)某種交互行為的元件。創(chuàng)建按鈕元件的關(guān)鍵是設(shè)置4種不同狀態(tài)的幀,即“彈起”幀、“指針經(jīng)過(guò)”幀、“按下”幀、“點(diǎn)擊”幀。3.影片剪輯元件影片剪輯元件也像圖形元件一樣有自己的編輯區(qū)和時(shí)間軸,但二者又不完全相同。影片剪輯元件的時(shí)間軸是獨(dú)立的,它不受其實(shí)例所在的主場(chǎng)景的時(shí)間軸(主時(shí)間軸)的控制。4.4.3創(chuàng)建圖形元件選擇“插入>新建元件”命令或按Ctrl+F8組合鍵,彈出“創(chuàng)建新元件”對(duì)話框,在“名稱”文本框中輸入“杯子”,在“類型”下拉列表中選擇“圖形”選項(xiàng)。“創(chuàng)建新元件”對(duì)話框4.4.4創(chuàng)建按鈕元件FlashCS6中提供了一些簡(jiǎn)單的按鈕,但如果需要復(fù)雜的按鈕,還是需要自己創(chuàng)建。選擇“插入>新建元件”命令,彈出“創(chuàng)建新元件”對(duì)話框,在“名稱”文本框中輸入“樹(shù)”,在“類型”下拉列表中選擇“按鈕”選項(xiàng)?!皠?chuàng)建新元件”對(duì)話框4.4.5創(chuàng)建影片剪輯元件選擇“插入>新建元件”命令,彈出“創(chuàng)建新元件”對(duì)話框,在“名稱”文本框中輸入“字母變形”,在“類型”下拉列表中選擇“影片剪輯”選項(xiàng)。“創(chuàng)建新元件”對(duì)話框4.4.6轉(zhuǎn)換元件1.將圖形轉(zhuǎn)換為圖形元件2.設(shè)置圖形元件的中心點(diǎn)3.轉(zhuǎn)換元件類型“轉(zhuǎn)換為元件”對(duì)話框4.4.7“庫(kù)”面板選擇“窗口>庫(kù)”命令,或按Ctrl+L組合鍵,彈出“庫(kù)”面板?!皫?kù)”面板4.4.8“庫(kù)”面板的彈出式菜單單擊“庫(kù)”面板右上方的按鈕,出現(xiàn)彈出式菜單,其中提供了多個(gè)實(shí)用命令。菜單4.5課堂練習(xí)——制作水果標(biāo)牌使用“文本”工具輸入需要的文字,使用“封套”命令對(duì)文字進(jìn)行變形,使用“墨水瓶”工具為文字添加描邊效果。效果圖4.6課后習(xí)題——制作城市動(dòng)畫(huà)使用“導(dǎo)入”命令導(dǎo)入,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà),使用“屬性”面板設(shè)置動(dòng)畫(huà)的旋轉(zhuǎn)次數(shù)。效果圖本章簡(jiǎn)介:在FlashCS6動(dòng)畫(huà)的制作過(guò)程中,時(shí)間軸和幀起到了關(guān)鍵性的作用。本章介紹動(dòng)畫(huà)制作中幀和時(shí)間軸的使用方法及使用技巧。讀者通過(guò)對(duì)本章的學(xué)習(xí),可以了解并掌握如何靈活地使用幀和時(shí)間軸,并根據(jù)需要制作出豐富多彩的動(dòng)畫(huà)效果?;緞?dòng)畫(huà)第5章學(xué)習(xí)目標(biāo)了解動(dòng)畫(huà)和幀的基本概念。掌握逐幀動(dòng)畫(huà)的制作方法。掌握形狀補(bǔ)間動(dòng)畫(huà)的制作方法。掌握傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的制作方法。掌握動(dòng)畫(huà)預(yù)設(shè)的使用方法。5.1幀動(dòng)畫(huà)課堂案例——制作打字效果動(dòng)畫(huà)中幀的概念幀的顯示形式“時(shí)間軸”面板繪圖紙(洋蔥皮)功能在“時(shí)間軸”面板中設(shè)置幀幀動(dòng)畫(huà)逐幀動(dòng)畫(huà)5.1.1課堂案例——制作打字效果效果圖使用“線條”工具繪制光標(biāo)圖形,使用“文本”工具添加文字,使用“翻轉(zhuǎn)幀”命令對(duì)幀進(jìn)行翻轉(zhuǎn)。5.1.2動(dòng)畫(huà)中幀的概念相關(guān)研究證明,人眼具有視覺(jué)暫留的特點(diǎn),即人眼看到物體或畫(huà)面后,該物體或畫(huà)面在1/24秒內(nèi)不會(huì)消失。利用這一原理,在一幅畫(huà)消失之前播放下一幅畫(huà),就會(huì)給人一種流暢的視覺(jué)變化效果。所以,通過(guò)連續(xù)播放一系列靜止畫(huà)面,在視覺(jué)上產(chǎn)生連續(xù)變化的效果產(chǎn)生。在FlashCS6中,這一系列單幅的畫(huà)面就叫幀,它是FlashCS6動(dòng)畫(huà)中最小的時(shí)間單位。每秒顯示的幀數(shù)叫幀率,如果幀率太低就會(huì)給人造成視覺(jué)上不流暢的感覺(jué)。所以,按照人眼的視覺(jué)暫留特點(diǎn),一般將動(dòng)畫(huà)的幀率設(shè)為24幀/秒。5.1.3幀的顯示形式在FlashCS6動(dòng)畫(huà)的制作過(guò)程中,幀包括以下多種顯示形式。1.空白關(guān)鍵幀2.關(guān)鍵幀3.傳統(tǒng)補(bǔ)間幀4.形狀補(bǔ)間幀5.包含動(dòng)作語(yǔ)句的幀6.幀標(biāo)簽5.1.4“時(shí)間軸”面板圖層名稱播放頭時(shí)間軸標(biāo)尺當(dāng)前幀垂直滾動(dòng)條幀顯示按鈕幀率運(yùn)行時(shí)間水平滾動(dòng)條5.1.5繪圖紙(洋蔥皮)功能“時(shí)間軸”面板一般情況下,F(xiàn)lashCS6的舞臺(tái)只能顯示當(dāng)前幀中的對(duì)象。如果希望在舞臺(tái)上出現(xiàn)多幀對(duì)象以輔助當(dāng)前幀對(duì)象的定位和編輯,可以利用FlashCS6提供的繪圖紙(洋蔥皮)功能。5.1.6在“時(shí)間軸”面板中設(shè)置幀在“時(shí)間軸”面板中,可以對(duì)幀進(jìn)行一系列的操作。1.插入幀2.選擇幀3.移動(dòng)幀4.刪除幀5.1.7幀動(dòng)畫(huà)幀動(dòng)畫(huà)選擇“文件>打開(kāi)”命令,打開(kāi)“02”文件。在“時(shí)間軸”面板中創(chuàng)建新圖層井將其命名為“氣球”。將“庫(kù)”面板中的圖形元件“氣球”拖曳到舞臺(tái)中,并放置在適當(dāng)?shù)奈恢谩?.1.8逐幀動(dòng)畫(huà)“時(shí)間軸”面板新建空白文檔,選擇“文本”工具,在第1幀的舞臺(tái)中輸入文字“雨”。在“時(shí)間軸”面板中選中第2幀。按F6鍵,插入關(guān)鍵幀。5.2動(dòng)畫(huà)的創(chuàng)建課堂案例——制作文化動(dòng)態(tài)海報(bào)簡(jiǎn)單形狀補(bǔ)間動(dòng)畫(huà)使用變形提示課堂案例——制作飾品類公眾號(hào)封面首圖創(chuàng)建傳統(tǒng)補(bǔ)間5.2.1課堂案例——制作文化動(dòng)態(tài)海報(bào)效果圖使用“橢圓”工具、“矩形”工具和“創(chuàng)建補(bǔ)間形狀”命令,制作形狀演變效果;使用“時(shí)間軸”面板控制每個(gè)圖層的出場(chǎng)順序。5.2.2簡(jiǎn)單形狀補(bǔ)間動(dòng)畫(huà)制作簡(jiǎn)單形狀補(bǔ)間動(dòng)畫(huà)如果舞臺(tái)上的對(duì)象是元件實(shí)例、多個(gè)圖形的組合、文字或?qū)氲乃夭膶?duì)象,必須先將它們分離或取消組合,才能制作形狀補(bǔ)間動(dòng)畫(huà)。利用這種動(dòng)畫(huà),可以實(shí)現(xiàn)上述對(duì)象的大小、位置、顏色及透明度等的變化。5.2.3使用變形提示使用變形提示使用變形提示,可以讓原圖形上的某一點(diǎn)變換到目標(biāo)圖形的某一點(diǎn)上,還可以制作出各種復(fù)雜的變形效果。5.2.4課堂案例——制作飾品類公眾號(hào)封面首圖效果圖使用“導(dǎo)入”命令導(dǎo)入素材,使用“變形”面板改變實(shí)例圖形的大小,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà),使用“屬性”面板改變實(shí)例圖形的不透明度。5.2.5創(chuàng)建傳統(tǒng)補(bǔ)間“屬性”面板用鼠標(biāo)右鍵單擊第1幀,在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。設(shè)為“動(dòng)畫(huà)”后,“屬性”面板中出現(xiàn)多個(gè)新的選項(xiàng)。5.3使用動(dòng)畫(huà)預(yù)設(shè)課堂案例——制作運(yùn)動(dòng)鞋橫版海報(bào)預(yù)覽動(dòng)畫(huà)預(yù)設(shè)應(yīng)用動(dòng)畫(huà)預(yù)設(shè)將補(bǔ)間另存為自定義動(dòng)畫(huà)預(yù)設(shè)導(dǎo)入和導(dǎo)出動(dòng)畫(huà)預(yù)設(shè)刪除動(dòng)畫(huà)預(yù)設(shè)5.3.1課堂案例——制作運(yùn)動(dòng)鞋橫版海報(bào)效果圖使用“導(dǎo)入”命令導(dǎo)入素材,使用“從頂部飛入”“從底部飛入”“從左邊飛入”“從右邊飛入”“脈搏”預(yù)設(shè),制作運(yùn)動(dòng)鞋促銷海報(bào)動(dòng)畫(huà)。5.3.2預(yù)覽動(dòng)畫(huà)預(yù)設(shè)“動(dòng)畫(huà)預(yù)設(shè)”面板FlashCS6中的每個(gè)動(dòng)畫(huà)預(yù)設(shè)都可以預(yù)覽,以便用戶了解動(dòng)畫(huà)預(yù)設(shè)的應(yīng)用效果。5.3.3應(yīng)用動(dòng)畫(huà)預(yù)設(shè)“動(dòng)畫(huà)預(yù)設(shè)”面板在舞臺(tái)上選中可補(bǔ)間的對(duì)象(元件實(shí)例或文本)后,單擊“應(yīng)用”按鈕應(yīng)用預(yù)設(shè)。每個(gè)對(duì)象只能應(yīng)用一個(gè)預(yù)設(shè)。如果將第二個(gè)預(yù)設(shè)應(yīng)用于相同的對(duì)象,則第二個(gè)預(yù)設(shè)將替換第一個(gè)預(yù)設(shè)。5.3.4將補(bǔ)間另存為自定義動(dòng)畫(huà)預(yù)設(shè)“將預(yù)設(shè)另存為”對(duì)話框如果用戶想對(duì)自己創(chuàng)建的補(bǔ)間,或?qū)摹皠?dòng)畫(huà)預(yù)設(shè)”面板應(yīng)用的補(bǔ)間進(jìn)行更改,可將它另存為新的動(dòng)畫(huà)預(yù)設(shè)。新預(yù)設(shè)將顯示在“動(dòng)畫(huà)預(yù)設(shè)”面板中的“自定義預(yù)設(shè)”文件夾中。5.3.5

導(dǎo)入和導(dǎo)出動(dòng)畫(huà)預(yù)設(shè)“動(dòng)畫(huà)預(yù)設(shè)”面板在FashCs6中,動(dòng)畫(huà)預(yù)設(shè)除了默認(rèn)預(yù)設(shè)和自定義預(yù)設(shè)外,還可以通過(guò)導(dǎo)人和導(dǎo)出的方式添加動(dòng)畫(huà)預(yù)設(shè)。1.導(dǎo)入動(dòng)畫(huà)預(yù)設(shè)2.導(dǎo)出動(dòng)畫(huà)預(yù)設(shè)5.3.6

刪除動(dòng)畫(huà)預(yù)設(shè)“動(dòng)畫(huà)預(yù)設(shè)”面板可從“動(dòng)畫(huà)預(yù)設(shè)”而板中刪除預(yù)設(shè)。在刪除預(yù)設(shè)時(shí),F(xiàn)ash將從磁盤(pán)中刪除對(duì)應(yīng)的XMI文件。在“動(dòng)畫(huà)預(yù)設(shè)”面板中選擇需要?jiǎng)h除的預(yù)設(shè),單擊面板下方的“刪除項(xiàng)目”按鈕,系統(tǒng)將會(huì)彈出“刪除預(yù)設(shè)”對(duì)話框,單擊“刪除”按鈕,即可將選中的預(yù)設(shè)刪除5.4課堂練習(xí)——制作房地產(chǎn)廣告效果圖使用“文本”工具輸入廣告語(yǔ),使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà),使用“屬性”面板改變實(shí)例圖形的不透明度。5.5課后習(xí)題——制作逐幀動(dòng)畫(huà)效果圖使用“導(dǎo)入到舞臺(tái)”命令導(dǎo)入圖像序列,使用“時(shí)間軸”面板制作逐幀動(dòng)畫(huà)。本章簡(jiǎn)介:層在FlashCS6中有著舉足輕重的作用。只有掌握層的概念,以及能夠熟練應(yīng)用不同類型的層,才有可能真正成為Flash高手。本章詳細(xì)介紹層的應(yīng)用技巧,以及如何使用不同類型的層來(lái)制作高級(jí)動(dòng)畫(huà)。讀者通過(guò)對(duì)本章的學(xué)習(xí),可以了解并掌握層的使用方法,并能充分利用層來(lái)為自己的動(dòng)畫(huà)設(shè)計(jì)作品增光添彩。高級(jí)動(dòng)畫(huà)第6章學(xué)習(xí)目標(biāo)掌握層的基本操作。掌握引導(dǎo)層和運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)的制作方法。掌握遮罩層的使用方法和技巧。熟練運(yùn)用分散到圖層功能編輯對(duì)象。6.1引導(dǎo)動(dòng)畫(huà)課堂案例——制作電商廣告層的設(shè)置圖層文件夾普通引導(dǎo)層運(yùn)動(dòng)引導(dǎo)層分散到圖層6.1.1課堂案例——制作電商廣告效果圖使用“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”命令添加引導(dǎo)層,使用“鋼筆”工具繪制曲線段,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作花瓣飄落的動(dòng)畫(huà)效果。6.1.2層的設(shè)置1.層的右鍵快捷菜單2.創(chuàng)建圖層3.選取圖層4.排列圖層5.復(fù)制、粘貼圖層6.刪除圖層7.隱藏、鎖定圖層和圖層的線框顯示模式8.重命名圖層6.1.3圖層文件夾在“時(shí)間軸”面板中可以創(chuàng)建圖層文件夾來(lái)組織和管理圖層,使圖層的層次結(jié)構(gòu)更清晰。1.創(chuàng)建圖層文件夾2.刪除圖層文件夾“時(shí)間軸”面板6.1.4普通引導(dǎo)層普通引導(dǎo)層主要用于為其他圖層提供輔助繪圖和繪圖定位的功能,引導(dǎo)層中的圖形在播放影片時(shí)是不會(huì)顯示的。1.創(chuàng)建普通引導(dǎo)層2.將普通引導(dǎo)層轉(zhuǎn)換為普通圖效果圖6.1.5運(yùn)動(dòng)引導(dǎo)層運(yùn)動(dòng)引導(dǎo)層的作用是設(shè)置對(duì)象的運(yùn)動(dòng)路徑,使與之相鏈接的被引導(dǎo)層中的對(duì)象沿著路徑運(yùn)動(dòng),運(yùn)動(dòng)引導(dǎo)層上的路徑在播放動(dòng)畫(huà)時(shí)不顯示。1.創(chuàng)建運(yùn)動(dòng)引導(dǎo)層2.將運(yùn)動(dòng)引導(dǎo)層轉(zhuǎn)換為普通圖層3.應(yīng)用運(yùn)動(dòng)引導(dǎo)層制作動(dòng)畫(huà)創(chuàng)建運(yùn)動(dòng)引導(dǎo)層6.1.6分散到圖層新建空白文檔,選擇“文本”工具,在“圖層1”的舞臺(tái)中輸入英文“Flash”,按Ctrl+B組合鍵,使文字分離。選擇“修改>時(shí)間軸>分散到圖層”命令,將“圖層1”中的文字分散到不同的圖層中。文字分散到不同圖層中6.2遮罩層與遮罩的動(dòng)畫(huà)制作課堂案例——制作電壓力鍋廣告遮罩層靜態(tài)遮罩動(dòng)畫(huà)動(dòng)態(tài)遮罩動(dòng)畫(huà)6.2.1課堂案例——制作電壓力鍋廣告使用“橢圓”工具繪制橢圓,使用“創(chuàng)建補(bǔ)間形狀”命令和“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作動(dòng)畫(huà),使用“遮罩層”命令制作遮罩動(dòng)畫(huà)。效果圖6.2.2

遮罩層1.創(chuàng)建遮罩層2.將遮罩層轉(zhuǎn)換為普通圖層“時(shí)間軸”面板6.2.3

靜態(tài)遮罩動(dòng)畫(huà)“時(shí)間軸”面板在“時(shí)間軸”面板中,用鼠標(biāo)右鍵單擊“圖層3”,在彈出的快捷菜單中選擇“遮罩層”命令?!皥D層3”被轉(zhuǎn)換為遮罩層,“圖層1”被轉(zhuǎn)換為被遮罩層,兩個(gè)圖層被自動(dòng)鎖定。6.2.4動(dòng)態(tài)遮罩動(dòng)畫(huà)“時(shí)間軸”面板用鼠標(biāo)右鍵單擊“剪影”圖層,在彈出的快捷菜單中選擇“遮罩層”命令,“剪影”圖層被轉(zhuǎn)換為遮罩層,“矩形”圖層被轉(zhuǎn)換為被遮罩層。動(dòng)態(tài)遮罩動(dòng)畫(huà)制作完成,按Ctrl+Enter組合鍵測(cè)試動(dòng)畫(huà)效果。6.4課堂練習(xí)——制作飄落的樹(shù)葉動(dòng)畫(huà)效果圖使用“鋼筆”工具繪制線條并添加運(yùn)動(dòng)引導(dǎo)層,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作出飄落的樹(shù)葉效果。6.4課堂練習(xí)——制作飄落的樹(shù)葉動(dòng)畫(huà)效果圖使用“橢圓”工具、“矩形”工具制作形狀動(dòng)畫(huà),使用“創(chuàng)建補(bǔ)間形狀”命令和“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作動(dòng)畫(huà),使用“遮罩層”命令制作遮罩動(dòng)畫(huà)。學(xué)習(xí)目標(biāo)了解數(shù)據(jù)類型。掌握語(yǔ)法規(guī)則。掌握變量和函數(shù)。掌握表達(dá)式和運(yùn)算符。7.1“動(dòng)作”面板課堂案例——制作美食相冊(cè)動(dòng)作腳本中的術(shù)語(yǔ)“動(dòng)作”面板的使用使用“創(chuàng)建元件”命令創(chuàng)建影片剪輯元件,使用“動(dòng)作”面板添加動(dòng)作腳本。7.1.1課堂案例——制作美食相冊(cè)

效果圖利用FlashCS6可以制作出生動(dòng)的矢量動(dòng)畫(huà),還可以利用腳本語(yǔ)言對(duì)動(dòng)畫(huà)進(jìn)行編程,從而實(shí)現(xiàn)多種特殊效果。FlashCS6使用動(dòng)作腳本3.0,其功能更為強(qiáng)大,而且還可以使用1.0或2.0版本的動(dòng)作腳本。腳本可以由單一的動(dòng)作組成,如設(shè)置動(dòng)畫(huà)的播放、停止,也可以由復(fù)雜的動(dòng)作組成,如設(shè)置先計(jì)算條件再執(zhí)行動(dòng)作。7.1.2動(dòng)作腳本中的術(shù)語(yǔ)

在“動(dòng)作”面板中既可以選擇ActionScript3.0的腳本語(yǔ)言,也可以使用ActionScript1.0或2.0的腳本語(yǔ)言。選擇“窗口>動(dòng)作”命令,彈出“動(dòng)作”面板,面板的左上方為動(dòng)作工具箱,左下方為對(duì)象窗口,右上方為功能按鈕,右下方為腳本窗口。7.1.3“動(dòng)作”面板的使用

“動(dòng)作”面板7.2腳本語(yǔ)言課堂案例——制作系統(tǒng)時(shí)鐘動(dòng)畫(huà)數(shù)據(jù)類型語(yǔ)法規(guī)則變量函數(shù)表達(dá)式和運(yùn)算符使用“創(chuàng)建元件”命令創(chuàng)建影片剪輯元件,使用“動(dòng)作”面板添加動(dòng)作腳本。7.2.1課堂案例——制作系統(tǒng)時(shí)鐘動(dòng)畫(huà)

效果圖數(shù)據(jù)類型描述了動(dòng)作腳本的變量或元素可以包含的信息種類。動(dòng)作腳本有兩種數(shù)據(jù)類型:原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。原始數(shù)據(jù)類型是指String(字符串)、Number(數(shù)字)和Boolean(布爾值),它們擁有固定類型的值,因此可以包含它們所代表元素的實(shí)際值。引用數(shù)據(jù)類型是指影片剪輯和對(duì)象,它們值的類型是不固定的,因此它們包含對(duì)該元素實(shí)際值的引用。7.2.2數(shù)據(jù)類型

動(dòng)作腳本擁有自己的一套語(yǔ)法規(guī)則和標(biāo)點(diǎn)符號(hào)。1.點(diǎn)運(yùn)算符2.界定符3.區(qū)分大小寫(xiě)4.注釋5.關(guān)鍵字6.常量7.2.3語(yǔ)法規(guī)則

變量是存儲(chǔ)信息的容器。容器本身不會(huì)改變,但內(nèi)容可以更改。當(dāng)?shù)谝淮味x變量時(shí),最好為變量定義一個(gè)已知值,這就是初始化變量,通常在SWF文件的第1幀中完成。每一個(gè)影片剪輯實(shí)例都有自己的變量,而且不同的影片剪輯實(shí)例中的變量相互獨(dú)立,互不影響。7.2.4變量

函數(shù)是對(duì)常量、變量等進(jìn)行某種運(yùn)算的方法,如產(chǎn)生隨機(jī)數(shù)、進(jìn)行數(shù)值運(yùn)算、獲取對(duì)象屬性等。函數(shù)是一個(gè)動(dòng)作腳本代碼塊,它可以在影片中的任何位置多次使用。如果將值作為參數(shù)傳遞給函數(shù),函數(shù)將對(duì)這些值進(jìn)行操作。函數(shù)也可以返回值。7.2.5函數(shù)

表達(dá)式是由常量、變量、函數(shù)和運(yùn)算符按照運(yùn)算法則組成的計(jì)算式。運(yùn)算符是可以對(duì)數(shù)值、字符串、邏輯值進(jìn)行運(yùn)算的關(guān)系符號(hào)。運(yùn)算符有很多種類,包括數(shù)值運(yùn)算符、字符串運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、位運(yùn)算符和賦值運(yùn)算符等。7.2.6表達(dá)式和運(yùn)算符

使用“橢圓”工具和“顏色”面板繪制雪花圖形,使用“動(dòng)作”面板添加動(dòng)作腳本。7.3課堂練習(xí)——制作漫天飛雪動(dòng)畫(huà)

效果圖使用“橢圓”工具和“顏色”面板動(dòng)畫(huà)繪制透明氣泡,使用“動(dòng)作”面板添加動(dòng)作腳本。7.4課后習(xí)題——制作飛舞的氣泡動(dòng)畫(huà)

效果圖本章簡(jiǎn)介:Flash動(dòng)畫(huà)具有交互性,通過(guò)對(duì)按鈕的控制可以更改動(dòng)畫(huà)的播放形式。本章介紹控制動(dòng)畫(huà)播放及添加控制命令的方法等。讀者通過(guò)對(duì)本章的學(xué)習(xí),可以了解并掌握如何制作交互式動(dòng)畫(huà),從而實(shí)現(xiàn)人機(jī)交互。交互式動(dòng)畫(huà)第8章學(xué)習(xí)目標(biāo)掌握播放和停止動(dòng)畫(huà)的方法。掌握按鈕事件的應(yīng)用。了解添加控制命令的方法。8.1播放和停止動(dòng)畫(huà)課堂案例——制作祝福語(yǔ)動(dòng)態(tài)海報(bào)播放和停止動(dòng)畫(huà)按鈕事件使用“導(dǎo)入到庫(kù)”命令導(dǎo)入素材,使用“創(chuàng)建補(bǔ)間形狀”命令和“遮罩”命令制作文字動(dòng)畫(huà)效果,使用“動(dòng)作”面板添加動(dòng)作腳本。8.1.1課堂案例——制作祝福語(yǔ)動(dòng)態(tài)海報(bào)

效果圖選擇“窗口>動(dòng)作”命令,彈出“動(dòng)作”面板,在“動(dòng)作”面板中設(shè)置腳本語(yǔ)言。設(shè)置完動(dòng)作腳本后,關(guān)閉“動(dòng)作”面板。在“動(dòng)作腳本”圖層中的第1幀處顯示了一個(gè)標(biāo)記“a”。8.1.2播放和停止動(dòng)畫(huà)

腳本窗口中的效果按Ctrl+L組合鍵,彈出“庫(kù)”面板,用鼠標(biāo)右鍵單擊按鈕元件“按鈕”,在彈出的快捷菜單中選擇“屬性”命令,彈出“元件屬性”對(duì)話框,勾選“為ActionScript導(dǎo)出”復(fù)選框,在“類”文本框中輸入類名稱“playbutton”,單擊“確定”按鈕。8.1.3按鈕事件

“元件屬性”對(duì)話框8.2按鈕事件及添加控制命令課堂案例——制作鼠標(biāo)跟隨效果添加控制命令使用“橢圓”工具、“漸變變形”工具、“變形”面板和“顏色”面板繪制星星圖形,使用“動(dòng)作”面板添加動(dòng)作腳本。8.2.1課堂案例——制作鼠標(biāo)跟隨效果

效果圖在“時(shí)間軸”面板中創(chuàng)建新圖層并將其命名為“動(dòng)作腳本”。選擇“窗口>動(dòng)作”命令,彈出“動(dòng)作”面板。在“腳本窗口”中輸入腳本語(yǔ)言,“動(dòng)作”面板中的效果如圖。8.2.2添加控制命令

“動(dòng)作”面板使用“導(dǎo)入到庫(kù)”命令導(dǎo)入素材,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà),使用“動(dòng)作”面板添加腳本語(yǔ)言。8.3課堂練習(xí)——制作端午海報(bào)

效果圖使用“橢圓”工具制作圓形裝飾圖形,使用“文本”工具輸入文本,使用“創(chuàng)建元件”命令制作按鈕元件。8.4課后習(xí)題——制作動(dòng)態(tài)圖標(biāo)

效果圖本章簡(jiǎn)介:本章的綜合設(shè)計(jì)實(shí)訓(xùn)項(xiàng)目是根據(jù)真實(shí)的商業(yè)設(shè)計(jì)項(xiàng)目。通過(guò)對(duì)這些設(shè)計(jì)項(xiàng)目進(jìn)行演練,讀者可以進(jìn)一步掌握FlashCS6的使用技巧,并應(yīng)用所學(xué)技能制作出專業(yè)的設(shè)計(jì)作品。商業(yè)案例第9章學(xué)習(xí)目標(biāo)掌握使用“傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的方法。掌握使用“文本”工具和變形工具制作文字變形效果的方法。掌握?qǐng)D形、按鈕、影片剪輯元件的創(chuàng)建方法與應(yīng)用方法。掌握遮罩動(dòng)畫(huà)的創(chuàng)建方法及應(yīng)用技巧。掌握運(yùn)用“動(dòng)作”面板添加動(dòng)作腳本的方法。9.1賀卡設(shè)計(jì)——制作元宵節(jié)賀卡項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1.客戶名稱尚佳科技有限公司2.客戶需求尚佳科技有限公司在元宵節(jié)來(lái)臨之際,為與合作伙伴以及公司員工聯(lián)絡(luò)感情和互致問(wèn)候,現(xiàn)需制作電子賀卡,要求賀卡具有溫馨的祝福語(yǔ)和傳統(tǒng)的節(jié)日特色元素,能夠充分表達(dá)本公司的節(jié)日問(wèn)候與祝福。9.1.1項(xiàng)目背景(1)賀卡要求運(yùn)用插畫(huà)的形式進(jìn)行設(shè)計(jì)。(2)使用具有元宵節(jié)特色的元素裝飾畫(huà)面,使人感受到濃厚的節(jié)日氣息。(3)整體使用暖色調(diào)烘托節(jié)日氛圍,使賀卡更加具有元宵節(jié)特色。(4)設(shè)計(jì)規(guī)格均為2598px(寬)×1240px(高)。9.1.2設(shè)計(jì)要求9.1.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入到庫(kù)”命令和“新建元件”命令導(dǎo)入素材并制作圖形元件,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà),使用“屬性”面板設(shè)置元件的不透明度及旋轉(zhuǎn)角度,使用“場(chǎng)景”面板制作場(chǎng)景動(dòng)畫(huà)。9.1.4項(xiàng)目要點(diǎn)9.2電子相冊(cè)——制作江南游記相冊(cè)項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1.客戶名稱麥芽攝影工作室2.客戶需求麥芽攝影工作室是一個(gè)專業(yè)的攝影工作團(tuán)隊(duì),該工作室致力于運(yùn)用獨(dú)特的眼光與技巧捕捉顧客的唯美瞬間,同時(shí)提供精致的相冊(cè)。目前工作室需要制作一款新的旅游相冊(cè)模板,要求相冊(cè)復(fù)古、唯美,以江南游記為主題,既能夠體現(xiàn)出江南水鄉(xiāng)的特點(diǎn)又能夠表現(xiàn)出工作室的高品質(zhì)。9.2.1項(xiàng)目背景(1)相冊(cè)以江南的風(fēng)景照片為主,畫(huà)面要求精致、唯美。(2)提煉江南特色景觀,在模板中進(jìn)行體現(xiàn)。(3)整體設(shè)計(jì)要體現(xiàn)出旅行所帶來(lái)的輕松愉悅的感覺(jué)。(4)設(shè)計(jì)規(guī)格均為800px(寬)×600px(高)。9.2.2設(shè)計(jì)要求9.2.3項(xiàng)目設(shè)計(jì)流程如圖使用“導(dǎo)入到庫(kù)”命令和“新建元件”命令導(dǎo)入素材并制作按鈕元件和圖形元件,使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令制作補(bǔ)間動(dòng)畫(huà),使用“動(dòng)作”面板設(shè)置動(dòng)作腳本,使用“粘貼到當(dāng)前位置”命令復(fù)制按鈕圖形。9.2.4項(xiàng)目要點(diǎn)9.3廣告設(shè)計(jì)——制作女包廣告項(xiàng)目背景設(shè)計(jì)要求項(xiàng)目設(shè)計(jì)項(xiàng)目要點(diǎn)1.客戶名稱NEWLOOK2.客戶需求NEWLOOK是一家生產(chǎn)各類皮制商品的公司,該公司多年來(lái)一直堅(jiān)持自己的品牌精神,給顧客提供不同的產(chǎn)品。現(xiàn)公司推出新款女士皮包,需要制作一個(gè)全新的網(wǎng)店首頁(yè)海報(bào),要求起到宣傳公司新產(chǎn)品的作用,給客戶以清新感和活力感。9.3.1項(xiàng)目背景(1)將自然元素與新產(chǎn)品巧妙結(jié)合,突出產(chǎn)品的優(yōu)點(diǎn)。(2)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論