關(guān)于我們
書單推薦
新書推薦
|
Flash CC動(dòng)畫制作與設(shè)計(jì)實(shí)戰(zhàn)從入門到精通 本書以零基礎(chǔ)講解為宗旨,用實(shí)例引導(dǎo)讀者深入學(xué)習(xí),采取“基礎(chǔ)知識(shí)→核心技術(shù)→高級(jí)應(yīng)用→行業(yè)應(yīng)用案例→全能拓展”的講解模式,深入淺出地講解Flash CC動(dòng)畫制作與設(shè)計(jì)的各項(xiàng)技術(shù)及實(shí)戰(zhàn)技能。 《實(shí)戰(zhàn)從入門到精通》系列圖書是專門為職場辦公初學(xué)者量身定做的一套學(xué)習(xí)用書,整套書涵蓋辦公、網(wǎng)頁設(shè)計(jì)等方面。整套書具有以下特點(diǎn): 前沿科技 無論是Office辦公,還是Dreamweaver CC、Photoshop CC,我們都精選較為前沿或者用戶群*大的領(lǐng)域推進(jìn),幫助大家認(rèn)識(shí)和了解*新動(dòng)態(tài) 專業(yè)的作者團(tuán)隊(duì) 組織國家重點(diǎn)實(shí)驗(yàn)室和資深應(yīng)用專家聯(lián)手編著該套圖書,融合豐富的教學(xué)經(jīng)驗(yàn)與優(yōu)秀的管理理念 學(xué)習(xí)型案例設(shè)計(jì) 以技術(shù)的實(shí)際應(yīng)用過程為主線,全程采用圖解和同步多媒體結(jié)合的教學(xué)方式,生動(dòng)、直觀、全面地剖析使用過程中的各種應(yīng)用技能,降低難度提升學(xué)習(xí)效率 “實(shí)戰(zhàn)從入門到精通(視頻教學(xué)版)”系列圖書是專門為職場新人量身定做的一套學(xué)習(xí)用書,整套書涵蓋辦公、網(wǎng)頁設(shè)計(jì)和動(dòng)畫設(shè)計(jì)等方面。整套書具有以下特點(diǎn)。 劉玉紅老師,在新疆大學(xué)主要負(fù)責(zé)計(jì)算機(jī)系的畢業(yè)生實(shí)訓(xùn),善于引導(dǎo)學(xué)生學(xué)習(xí),讓學(xué)校所學(xué)的知識(shí)和社會(huì)的需求很好地銜接,同時(shí)具有豐富的教學(xué)經(jīng)驗(yàn)和開發(fā)經(jīng)驗(yàn)。曾做項(xiàng)目:電子貨幣交易系統(tǒng)、B2C電子商務(wù)平臺(tái)和眾多企業(yè)等。 第1篇基礎(chǔ)知識(shí) 第6章 圖層與幀的操作及應(yīng)用 本章導(dǎo)讀 使用Flash制作動(dòng)畫的關(guān)鍵元素有圖層、時(shí)間軸和幀,動(dòng)畫的實(shí)現(xiàn)基本上就是對這三大元素的編輯。本章首先對時(shí)間軸、幀及圖層的概念進(jìn)行闡述,然后對相關(guān)操作進(jìn)行詳細(xì)演示,從而為讀者日后設(shè)計(jì)動(dòng)畫打下基礎(chǔ)。 本章學(xué)習(xí)目標(biāo)(已掌握的在圓圈中打鉤) 熟悉制作Flash CC動(dòng)畫的基礎(chǔ) 掌握圖層的基本操作 熟悉時(shí)間軸和幀的概念 掌握幀的基本操作 掌握制作數(shù)字倒計(jì)時(shí)動(dòng)畫的方法 掌握制作電視多屏幕動(dòng)畫的方法 掌握制作引導(dǎo)線心形動(dòng)畫的方法 掌握制作圖片切換遮罩效果的方法 重點(diǎn)案例效果
6.1 制作Flash CC動(dòng)畫的基礎(chǔ) 在Flash CC中可以輕松地創(chuàng)建各種豐富多彩的動(dòng)畫效果,并且只需要通過更改時(shí)間軸每一幀的內(nèi)容,就可以在舞臺(tái)上制作出移動(dòng)對象、更改顏色、旋轉(zhuǎn)、淡入淡出或更改形狀等特效。 6.1.1 Flash CC動(dòng)畫簡述 Flash CC之所以能在網(wǎng)上廣為流傳,主要原因就是采用了流控制技術(shù)(即邊下載邊播放技術(shù)),允許用戶不用等待整個(gè)動(dòng)畫下載完,就可以播放。Flash CC動(dòng)畫由按時(shí)間先后順序排列的一系列編輯幀組成,在編輯過程中,除了可以添加傳統(tǒng)的幀動(dòng)畫變形以外,還支持過渡變形技術(shù),例如移動(dòng)變形和形狀變形。 過渡變形技術(shù)只需要制作出動(dòng)畫序列中的第一幀和最后一幀(關(guān)鍵幀),中間的過渡幀可以通過Flash CC計(jì)算自動(dòng)生成。這樣不但可以大大減少動(dòng)畫制作的工作量,縮減動(dòng)畫文件的尺寸,而且過渡效果非常平滑。對幀序列中關(guān)鍵幀的制作,可以產(chǎn)生不同的動(dòng)畫和交互效果。播放時(shí)以時(shí)間軸上的幀序列為順序依次進(jìn)行。 Flash CC動(dòng)畫與其他電影動(dòng)畫的基本區(qū)別是具有交互性。所謂交互就是通過使用鍵盤、鼠標(biāo)等工具,可以在作品的各個(gè)部分跳轉(zhuǎn),使用戶參與其中。簡單來說,F(xiàn)lash CC動(dòng)畫通常由幾個(gè)場景組成,而每個(gè)場景則由幾個(gè)圖層組成,每個(gè)圖層又由許多幀組成。一個(gè)幀就是一幅圖片,幾幅略有變化的圖片連續(xù)播放,就成了一個(gè)簡單的動(dòng)畫。 一般情況下,F(xiàn)lash CC中的動(dòng)畫形式分為逐幀動(dòng)畫、形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、遮罩動(dòng)畫和引導(dǎo)路徑動(dòng)畫等。要制作精美的動(dòng)畫作品,必須先學(xué)會(huì)這5類基礎(chǔ)的動(dòng)畫。 由于一幀幀地制作動(dòng)畫既費(fèi)時(shí)又費(fèi)力,所以,在制作動(dòng)畫時(shí)應(yīng)用最多的是補(bǔ)間動(dòng)畫。補(bǔ)間動(dòng)畫是一種比較有效的能產(chǎn)生動(dòng)畫效果的方式,同時(shí)還能盡量減小文件的大小。因?yàn)樵谘a(bǔ)間動(dòng)畫中,F(xiàn)lash CC只保存幀之間不同的數(shù)據(jù),而在逐幀動(dòng)畫中,F(xiàn)lash CC卻要保存每一幀的數(shù)據(jù)。 Flash CC可以生成兩種類型的補(bǔ)間動(dòng)畫,一種是動(dòng)作補(bǔ)間動(dòng)畫,另一種是形狀補(bǔ)間動(dòng)畫。動(dòng)作補(bǔ)間動(dòng)畫需要在一個(gè)點(diǎn)定義實(shí)例的位置、大小及旋轉(zhuǎn)角度等屬性,才可以在其他位置改變這些屬性,從而由這些變化產(chǎn)生動(dòng)畫;形狀補(bǔ)間動(dòng)畫需要在一個(gè)點(diǎn)繪制一個(gè)圖形,在其他點(diǎn)改變圖形的形狀或繪制其他圖形,然后為這些圖形之間的幀插值或插圖形,從而產(chǎn)生動(dòng)畫效果。 6.1.2 實(shí)例1——?jiǎng)幼餮a(bǔ)間 動(dòng)畫的制作 動(dòng)作補(bǔ)間動(dòng)畫就是在一個(gè)關(guān)鍵幀上放置一個(gè)元件。然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等,F(xiàn)lash根據(jù)兩者之間幀的值創(chuàng)建動(dòng)畫。 構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫的元素是元件,例如影片剪輯、圖形元件、按鈕、文字、位圖、組合等,但不能是形狀,若要使用形狀,則需把形狀“組合”或轉(zhuǎn)換成“元件”之后,才可以創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。 下面以制作一個(gè)屬性漸變的圓形為例,簡單講述一下動(dòng)作補(bǔ)間動(dòng)畫的制作,具體的操作如下。 啟動(dòng)Flash CC,然后依次選擇【文件】→【新建】菜單命令,即可創(chuàng)建一個(gè)新的Flash空白文檔,并將該文檔保存為“圓的運(yùn)動(dòng)軌跡.fla”,如圖6-1所示。 圖6-1 新建Flash文檔 使用橢圓工具在舞臺(tái)的左上角畫一個(gè)無邊框的紅色圓形,如圖6-2所示。 圖6-2 繪制圓形 選中繪制的圓形,然后依次選擇【修改】→【轉(zhuǎn)換為元件】菜單命令,打開【轉(zhuǎn)換為元件】對話框,在【名稱】文本框中輸入該元件的名稱,如這里輸入“圓”,并設(shè)置【類型】為【圖形】,如圖6-3所示,接著單擊【確定】按鈕,即可將圓形轉(zhuǎn)換為元件。 圖6-3 【轉(zhuǎn)換為元件】對話框 依次選擇【插入】→【補(bǔ)間動(dòng)畫】菜單命令,然后使用選擇工具將圓形拖到舞臺(tái)的右下角,如圖6-4所示。 圖6-4 創(chuàng)建補(bǔ)間動(dòng)畫 使用任意變形工具選中右下角的圓形,然后按住Shift鍵的同時(shí)拖動(dòng)鼠標(biāo)進(jìn)行等比例的縮小,如圖6-5所示。 圖6-5 將圓形等比例縮小 在【屬性】面板中,展開【色彩效果】選項(xiàng)組,然后單擊【樣式】下拉按鈕,從彈出的下拉列表中選擇Alpha選項(xiàng),并將其值設(shè)置為“30%”,如圖6-6所示。 圖6-6 設(shè)置色彩 設(shè)置后的色彩效果如圖6-7所示。 圖6-7 設(shè)置后的色彩效果 按Ctrl + Enter組合鍵進(jìn)行測試,此時(shí)即可看到圓形的運(yùn)動(dòng)軌跡,如圖6-8 所示。 圖6-8 進(jìn)行測試
你還可能感興趣
我要評(píng)論
|