整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
天發(fā)了一篇干貨，似乎沒人看，好吧，我們來說說技術(shù)吧。
HTML5專題是隨性更新，不一定每天更新這個(gè)專題。
一個(gè)HTML5文檔的最簡(jiǎn)單結(jié)構(gòu)是：
結(jié)構(gòu)
相比常規(guī)的html更為精簡(jiǎn)
<header><section><footer><nav><article><aside>
1、頁眉header、整個(gè)頁面的頭部
2、正文article、博文或者新聞的展現(xiàn)
3、頁腳footer、一般用于呈現(xiàn)頁面底部的相關(guān)信息，可以放在body最下面，也可以放在article的最下面，只要記住它的作用是呈現(xiàn)其他信息，且不能相互嵌套
4、導(dǎo)航nav、可以出現(xiàn)在header，也可以出現(xiàn)在footer，也可以出現(xiàn)在section，只要保證語義化，即用作導(dǎo)航功能，如配合footer就可以表示為如下形式
5、側(cè)邊欄aside、用于頁面上一些與主題聯(lián)系不大而相對(duì)獨(dú)立的區(qū)域，通常用于邊欄，例如展示以下內(nèi)容：快速鏈接、最多訪問、登錄注冊(cè)等
6、文檔中的節(jié)section、通常表示一段專題性的內(nèi)容，一般會(huì)帶有標(biāo)題，應(yīng)用的典型場(chǎng)景有文章的章節(jié)、標(biāo)簽對(duì)話框中的標(biāo)簽頁、或者論文中有編號(hào)的部分，section可以說語義化強(qiáng)于div，但是弱于article，也可以這么說吧，article標(biāo)簽是特殊的section，section是特殊的div，語義遞減。對(duì)于 section 和 article 的區(qū)分乍看比較難，其實(shí)重點(diǎn)就是看看這段內(nèi)容脫離了整體是不是還能作為一個(gè)完整的、獨(dú)立的內(nèi)容而存在，這里面的重點(diǎn)又在完整身上。因?yàn)槠鋵?shí)說起來 section 包含的內(nèi)容也能算作獨(dú)立的一塊，但是它只能算是組成整體的一部分，article 才是一個(gè)完整的整體。
那么section所用到的結(jié)構(gòu)可以如下幾種形式：
①
②
通過上面可以看出，section可以應(yīng)用的場(chǎng)景很多，但是需要注意的就是保證語義化。
通過第三點(diǎn)所列出的標(biāo)簽，可以對(duì)網(wǎng)站的大綱做一個(gè)總結(jié)，并不代表正確的大綱就是如此，但是可以起到借鑒作用。
當(dāng)然了，頁面結(jié)構(gòu)的設(shè)計(jì)完全取決于開發(fā)人員，但是為了更好的體現(xiàn)HTML5的語義化原則，清楚的認(rèn)識(shí)每個(gè)標(biāo)簽所代表的語義就很重要，這里所列出的文檔結(jié)構(gòu)只是一種代表，在<section>里面可以包含更多的新的標(biāo)簽，諸如<figure><video><hgroup>等，都需要根據(jù)需求來確定。
對(duì)于使用不支持HTML5的瀏覽器的用戶，同樣有解決的辦法：
可以在<head></head>內(nèi)部以注釋的形式(這樣的注釋只對(duì)IE(包括那些國(guó)產(chǎn)的IE內(nèi)核的瀏覽器)有效)引用這樣一個(gè)js，它托管在Google開源服務(wù)器上，它可以讓IE8及以下版本的ie也支持那些新的html5標(biāo)簽(包括IE6).
以上全部還必須使用CSS形成自己的樣式，所謂語義，僅僅是開發(fā)人員在查看的頁面的時(shí)候可以很清晰的知道頁面結(jié)構(gòu)，何處為頭部何處為內(nèi)容。
更多前端小知識(shí)，盡在https://blog.imcyk.com
經(jīng)濟(jì)成本考慮，手機(jī)的價(jià)格比較親民，對(duì)于不是必須在電腦上辦公的人員來講，手機(jī)上如果能解決事情就更方便了。
從使用便利角度上講，用手機(jī)上的應(yīng)用處理業(yè)務(wù)，不用考慮網(wǎng)線是否存在，不用考慮位置是否變化，依托無處不在的手機(jī)信號(hào)就可以在任何有信號(hào)的地方處理事務(wù)，這是多么的方便和使用，不限制時(shí)間，不限制地點(diǎn)，高山平原山谷都可以作為使用的地點(diǎn)而不影響使用的效果。
從操作角度上講，手機(jī)的操作先天性的高于電腦的操作，因?yàn)殡娔X適合處理復(fù)雜的操作，而手機(jī)就是為了簡(jiǎn)化操作而生的，方便高效操作簡(jiǎn)單。
此次開發(fā)這個(gè)基于VUE的工廠車間管理系統(tǒng)，不僅僅滿足用戶的需要，也能跟上時(shí)代的發(fā)展風(fēng)向，從技術(shù)的角度還是用戶的角度上進(jìn)行開發(fā)都是很有意義的。
論文設(shè)計(jì)的結(jié)構(gòu)也是依照程序開發(fā)的流程進(jìn)展的，也涉及到功能需求分析，功能設(shè)計(jì)與實(shí)現(xiàn)，程序測(cè)試等流程。
緒論：講解課題的背景與意義，展示論文結(jié)構(gòu)。
程序開發(fā)技術(shù)：講解程序運(yùn)用到的工具與技術(shù)知識(shí)。
系統(tǒng)分析：講解程序的功能需求與開發(fā)可行性問題。
系統(tǒng)設(shè)計(jì)：講解程序的功能與數(shù)據(jù)庫(kù)的設(shè)計(jì)。
系統(tǒng)實(shí)現(xiàn)：講解程序功能與界面實(shí)現(xiàn)。
系統(tǒng)測(cè)試：講解程序的功能測(cè)試。
1 人員管理
管理員可以對(duì)人員信息進(jìn)行添加，修改，刪除，查詢操作。
2 看板信息管理
管理員可以對(duì)看板信息信息進(jìn)行添加，修改，刪除，查詢操作。
3 設(shè)備信息管理
管理員可以對(duì)設(shè)備信息進(jìn)行添加，修改，刪除，查詢操作。
4 生產(chǎn)開立管理
管理員可以查看，修改，刪除，查詢生產(chǎn)開立信息。
5 生產(chǎn)工序管理
人員可以對(duì)生產(chǎn)工序信息進(jìn)行進(jìn)行添加，修改，刪除，查詢操作。
參考文獻(xiàn)
[1]劉湘煜.課堂考勤系統(tǒng)移動(dòng)端的設(shè)計(jì)與實(shí)現(xiàn)[J].現(xiàn)代計(jì)算機(jī),2019(15):87-92.
[2]趙朋.基于HTML5的移動(dòng)考勤App開發(fā)[J].科技創(chuàng)新導(dǎo)報(bào),2019,16(09):4-5.
[3]蘭旭輝,熊家軍,鄧剛.基于MySQL的應(yīng)用程序設(shè)計(jì)[J].計(jì)算機(jī)工程與設(shè)計(jì),2018(03):442-443+468.
[4]張偉麗,江春華,魏勁超.MySQL復(fù)制技術(shù)的研究及應(yīng)用[J].計(jì)算機(jī)科學(xué),2015,39(S3):168-170.
[5]劉學(xué)芬,孫榮辛,夏魯寧.面向MySQL的安全隱患檢測(cè)方法研究[J].信息網(wǎng)絡(luò)安全,2016(09):1-5.
[6]孫志鋒,徐鏡春,厲小潤(rùn).數(shù)據(jù)結(jié)構(gòu)與數(shù)據(jù)庫(kù)技術(shù)[M].浙江大學(xué)出版社,2016.
錄
摘要
第1章 引言
1.1 Flash的歷史
1.2 Flash的主要應(yīng)用領(lǐng)域
1.3Flash的現(xiàn)狀和優(yōu)缺點(diǎn)
第2章 軟件的基礎(chǔ)概念
2.1 幀和關(guān)鍵幀
2.2圖層
2.3 時(shí)間軸面板
2.4 元件
2.5 繪圖工具欄
2.6 動(dòng)畫形式
2.7 場(chǎng)景
第3章 作品策劃
3.1 項(xiàng)目規(guī)劃
3.2關(guān)于片頭
3.3關(guān)于劇情
3.4 關(guān)于過渡效果
3.5關(guān)于場(chǎng)景
3.5 關(guān)于歌曲音效和同步字幕
3.6關(guān)于片尾
3.7 劇情設(shè)計(jì)
第4章 動(dòng)畫的制作
4.1場(chǎng)景1的制作（片頭）
4.2場(chǎng)景2的制作
4.3場(chǎng)景3的制作
4.4場(chǎng)景4的制作
4.5場(chǎng)景5的制作
4.6場(chǎng)景6的制作
4.7場(chǎng)景7的制作
4.8場(chǎng)景8的制作
4.9場(chǎng)景9的制作
4.10場(chǎng)景10的制作
4.11場(chǎng)景11的制作
4.12場(chǎng)景12的制作
4.13場(chǎng)景13的制作
第5章 音效和同步字幕
5.1聲音的導(dǎo)入：
5.2歌詞字幕的制作：
5.3整合文件：
摘要
Flash MTV是應(yīng)用軟件技術(shù)來創(chuàng)作歌曲MTV的劇情動(dòng)畫部分，綜合應(yīng)用了各種Flash動(dòng)畫創(chuàng)作技術(shù)，論文通過對(duì)創(chuàng)作過程的描述，記錄了相關(guān)技術(shù)的實(shí)現(xiàn)思路。并在后面加入了自己創(chuàng)作過程的一些感悟。
第1章 引言
1.1 Flash的歷史
Flash的前身是Future Wave公司的Future Splash，是世界上第一個(gè)商用的二維矢量動(dòng)畫軟件，用于設(shè)計(jì)和編輯Flash文檔。
1996年11月，美國(guó) 公司收購(gòu)了Future Wave，并將其改名為Flash。后又于2005年12月3日被Adobe公司收購(gòu)。Flash通常也指Macromedia Flash Player（現(xiàn)Adobe Flash Player）。2012年8月15日，F(xiàn)lash退出Android平臺(tái)，正式告別移動(dòng)端。
2015年后，為了能夠讓這款軟件適應(yīng)新環(huán)境，除了為其繼續(xù)拓展HTML5和SVG領(lǐng)域以外，Adobe還將特意為其改名為Animate CC，改頭換面后的Animate CC依然會(huì)對(duì)Flash文件SWF有完美支持。
1.2 Flash的主要應(yīng)用領(lǐng)域
Flash是一種集動(dòng)畫創(chuàng)作與應(yīng)用程序開發(fā)于一身的創(chuàng)作軟件；可以應(yīng)用于教學(xué)課件開發(fā)，網(wǎng)頁端小游戲開發(fā)，靜態(tài)交互式網(wǎng)站開發(fā)，動(dòng)態(tài)相冊(cè)，影視動(dòng)畫開發(fā)等等；
1.3Flash的現(xiàn)狀和優(yōu)缺點(diǎn)
由于網(wǎng)絡(luò)新技術(shù)的發(fā)展，HTML5技術(shù)在網(wǎng)頁端小游戲領(lǐng)域己經(jīng)開始動(dòng)搖了flash的市場(chǎng)地位，并且由于其支持手機(jī)端（這方面恰是flash的短板）；再由于計(jì)算機(jī)硬件技術(shù)的發(fā)展，影視動(dòng)畫的制作者和愛好者也購(gòu)買得起能運(yùn)行三維軟件的電腦設(shè)備，所以動(dòng)畫制作的選擇也日益多元化，雖然由于以上原因，F(xiàn)lash面臨諸多挑戰(zhàn)，但是對(duì)于非專業(yè)動(dòng)畫創(chuàng)作者來說，F(xiàn)lash還是首選的創(chuàng)作工具，首先，在網(wǎng)絡(luò)上可以找到大量的矢量素材可以使用（作為Adobe套件產(chǎn)品，它兼容AI格式）；然后在網(wǎng)絡(luò)上也能找到大量的相關(guān)教程視頻可以讓初學(xué)者學(xué)習(xí)；最后這個(gè)軟件對(duì)于計(jì)算機(jī)配置的要求也低,所產(chǎn)生的SWF文件體積也很小。
軟件的操作界面簡(jiǎn)約，易于學(xué)習(xí)（雖然易學(xué)難精），相比于其它同類軟件，還是較好上手，況且大部分大專院校和社會(huì)上的商業(yè)培訓(xùn)班都有開設(shè)基礎(chǔ)課。再加上它做出來的作品，靈活度高，有什么樣的創(chuàng)意都能實(shí)現(xiàn)，所以，F(xiàn)lash是眾多非專業(yè)動(dòng)畫創(chuàng)作者的首選工具。
第2章 基礎(chǔ)概念
2.1 幀和關(guān)鍵幀
幀是構(gòu)成動(dòng)畫的基本單元，它類似于電影中膠片的一格；關(guān)鍵幀是當(dāng)需要制作補(bǔ)間動(dòng)畫時(shí)，把起始幀和結(jié)束幀設(shè)置為關(guān)鍵幀。
2.2圖層
圖層是用以構(gòu)成幀畫面的基本單元，它像一組玻璃塊疊起來，而玻璃塊上可以繪制內(nèi)容，視覺效果則是從上往下看，有些對(duì)象會(huì)覆蓋另一些對(duì)象。
圖形元件（相對(duì)應(yīng)于影片剪輯元件，圖形元件在編輯時(shí)方便預(yù)覽，但影片元件在舞臺(tái)中播放時(shí)預(yù)覽時(shí)整個(gè)元件是不動(dòng)的），為了方便過程制作，我們主要使用圖形元件來制作。
2.3 時(shí)間軸面板
時(shí)間軸面板的構(gòu)成包括圖層，幀，播放頭等，用以編排設(shè)計(jì)動(dòng)畫的播放。
2.4 元件
元件的類型有3種，包括圖形元件，影片剪輯元件，按鈕；圖形元件類似一個(gè)容器，它將要轉(zhuǎn)化為補(bǔ)間動(dòng)畫的對(duì)象打包組合在一起；影片剪輯元件是在圖形元件的功能基礎(chǔ)上增加單幀播放的功能，就是當(dāng)SWF加入代碼讓播放頭暫停時(shí)或者影片文件只有一幀時(shí)，影片元件依然能夠獨(dú)立的正常播放，影片剪輯元件更多的應(yīng)用于游戲制作項(xiàng)目和交互式課件項(xiàng)目；按鈕是一種虛擬的觸發(fā)按鈕，它能感應(yīng)鼠標(biāo)的經(jīng)過或者點(diǎn)擊，以響應(yīng)事先編程的事件，比如點(diǎn)擊按鈕時(shí)播放停止。
2.5 繪圖工具欄
繪圖工具欄包括了許多繪圖的工具，包括用以繪制貝塞爾曲線的鋼筆工具，用以繪制正圓或橢圓的橢圓形工具，用以繪制四邊形的矩形工具，用以繪制直線的直線工具，用以填充色塊的油漆桶工具，文本輸入工具等。
2.6 動(dòng)畫形式
動(dòng)畫的形式包括，逐幀動(dòng)畫、補(bǔ)間動(dòng)畫；逐幀動(dòng)畫的應(yīng)用正如電影膠片播放的原理，由幀序列構(gòu)成；補(bǔ)間動(dòng)畫則是定義了前后兩個(gè)關(guān)鍵幀，然后由軟件自己運(yùn)算出中間的所有幀來完成動(dòng)畫，一般是讓一個(gè)對(duì)象改變位置、大小或明暗度不透明度等。
2.7 場(chǎng)景
場(chǎng)景在軟件中作為一個(gè)主要的容器來使用，當(dāng)時(shí)間軸上的幀超過500幀時(shí)，需要編輯前后的幀時(shí)，就得前前后后的尋找?guī)幍奈恢茫凰晕覀兛梢赃x擇把5000幀的動(dòng)畫分解為10個(gè)場(chǎng)景每個(gè)場(chǎng)景500幀來構(gòu)成作品；實(shí)際上每個(gè)場(chǎng)景的幀數(shù)都長(zhǎng)短不一，有的場(chǎng)景幀數(shù)多，有的場(chǎng)景幀數(shù)少，并且完成作品后再來增減都可以；
主場(chǎng)景（相對(duì)應(yīng)于元件內(nèi)部場(chǎng)景）
第3章 作品策劃
3.1 項(xiàng)目規(guī)劃
首先，我們確定作品的制作方向?yàn)楦枨鶰TV的小型動(dòng)畫片；時(shí)間長(zhǎng)度為180秒左右；作品的結(jié)構(gòu)包括，片頭片尾，動(dòng)畫劇情，鏡頭間的過渡動(dòng)畫，歌曲音效和同步字幕；使用的主創(chuàng)軟件為Adobe flash CS4 。
3.2關(guān)于片頭
片頭，用以交代MTV的歌曲名稱和原唱者信息，有點(diǎn)像書本的封面，圖畫部分和書本的內(nèi)容對(duì)應(yīng)的關(guān)系不是太強(qiáng)。
3.3關(guān)于劇情
動(dòng)畫劇情，用矢量動(dòng)畫制作出一定的卡通情景，是用卡通動(dòng)畫形式對(duì)歌曲表達(dá)內(nèi)容的解讀和再現(xiàn)，因?yàn)槭荕TV類的，所以劇情的設(shè)計(jì)得簡(jiǎn)約一些，沒有太多的跌宕起伏（況且情節(jié)太曲折在畫面上也難以表達(dá)）。
3.4 關(guān)于過渡效果
鏡頭間過渡動(dòng)畫，通過明暗變化來間隔兩組鏡頭，讓一個(gè)場(chǎng)景到另一個(gè)場(chǎng)景之間的連接不至于節(jié)奏太過緊密。在場(chǎng)景與場(chǎng)景之間的切換，使用電影中常見的過渡方式，即用暗到亮的方式過渡；
3.5關(guān)于場(chǎng)景
場(chǎng)景，其中片頭部分由一個(gè)場(chǎng)景構(gòu)成，正片部分由十二個(gè)場(chǎng)景構(gòu)成，片尾部分由一個(gè)場(chǎng)景構(gòu)成；這時(shí)的場(chǎng)景既是動(dòng)畫中的一組鏡頭，也是軟件中的場(chǎng)景功能，軟件中每一個(gè)場(chǎng)景都有一個(gè)獨(dú)立的時(shí)間軸，非常方便操作，如果不使用軟件中的場(chǎng)景功能，那么3分鐘的時(shí)間軸的幀數(shù)會(huì)被拉得很長(zhǎng)，有4500多幀，這么多幀都擠在一個(gè)場(chǎng)景，況且圖層也會(huì)很多，所以各種操作就難得多，雖然，建立了十幾個(gè)場(chǎng)景，但當(dāng)導(dǎo)出SWF格式文件時(shí)，它會(huì)按各場(chǎng)景默認(rèn)的前后次序播放。
3.5 關(guān)于歌曲音效和同步字幕
歌曲音效和同步字幕，音效是這個(gè)作品的主體，同步字幕是對(duì)音效的補(bǔ)充和視覺呈現(xiàn)。
3.6關(guān)于片尾
片尾，片尾部分的作用向觀眾宣告本片結(jié)束，謝謝觀眾的關(guān)注，備注作者信息之類；
3.7 劇情設(shè)計(jì)
最終我們選擇了歌曲《我相信》（原唱：楊培安），選定歌曲后，我們以歌曲中表現(xiàn)出來的自信和勵(lì)志來擬定劇本劇情：
鏡頭出現(xiàn)在一條通向遠(yuǎn)方的大路面前，一輛面包車急馳而來，另一輛黑色的轎車急馳而去；天空留下彎彎的月，這時(shí)顯現(xiàn)出片名《我相信》停頓幾秒后，字體放大消失。
一個(gè)大學(xué)畢業(yè)二三年的青年人出現(xiàn)在海灘邊，他做了做準(zhǔn)備活動(dòng)，然后他居然一躍直沖到了天上去了，在天空上飛在白云上面，然后，一不小心，撞上了一只沖天的火箭，掉了下來；青年人在電腦桌前猛的起身，原來剛剛是做了一場(chǎng)夢(mèng)，時(shí)間一看，己經(jīng)是快要9點(diǎn)了（上班都快遲到了）；于是青年人風(fēng)風(fēng)火火的踏上上班路；在公司單位里，一個(gè)領(lǐng)導(dǎo)模樣的人在跟青年人大談什么，“小伙子，是不是工作幾年遇到了迷芒期了，可以考慮去充充電啊！”，青年人撓著頭，似乎在深思什么（畢業(yè)后工作三年，當(dāng)初所選的那些不喜歡的專業(yè)知識(shí)早己經(jīng)拋到九宵云外去了）；青年人開著一只小摩托高高興興到了公園里見女朋友；沒想到，女朋友一陣數(shù)落，青年人低著頭聽著，她閨密的男朋友畢業(yè)才兩年，己經(jīng)買了小車了；青年人想起領(lǐng)導(dǎo)提的建議，找到了一家進(jìn)修學(xué)校，經(jīng)過半年刻苦的學(xué)習(xí)，他高興的領(lǐng)取了設(shè)計(jì)師資格證；經(jīng)過半年多的學(xué)習(xí)，青年人現(xiàn)坐在電腦前勤肯的工作著，他感覺自己從來都沒有這么專業(yè)過專注過； 一個(gè)紅色幕布的舞臺(tái)上，臺(tái)上的字幕寫著國(guó)際設(shè)計(jì)大賽，青年人站在臺(tái)上握著獎(jiǎng)杯，他的努力得到了回報(bào)，終于找到了自己的發(fā)展道路；青年人駕車和女朋友從公園出來，為這個(gè)勵(lì)志型的小故事交待了一個(gè)大圓滿的結(jié)尾。
第4章 動(dòng)畫的制作
前期準(zhǔn)備：
在網(wǎng)絡(luò)上尋找相關(guān)的圖片素材和矢量素材，包括卡通版的人物型像，卡通版的汽車及背景高樓等。
在flash軟件中，繪制出本片的卡通人物角色三視圖，包括，男主角的正視圖，側(cè)視圖；女主角的正視圖側(cè)視圖；在網(wǎng)上找到場(chǎng)景中的相關(guān)道具，汽車正視圖，側(cè)視圖，后視圖等；
場(chǎng)景切換（過渡場(chǎng)景）：
相關(guān)技術(shù)（Alpha透明度變化）
每一個(gè)場(chǎng)景的切換用的是同一樣的元素組合，所以每個(gè)場(chǎng)景的過渡動(dòng)畫是共用的，將此圖層的幀復(fù)制后，在以后每個(gè)場(chǎng)景中粘貼；在主時(shí)間軸中新建圖層，命名為“黑布”，用矩形工具畫出一個(gè)矩形，將填充色改為黑色，全選矩形，將其大小匹配舞臺(tái)的大小；再將矩形轉(zhuǎn)化為圖形元件，在時(shí)間軸中插入關(guān)鍵幀，將前面的關(guān)鍵幀的元件的Alpha設(shè)置為100%，將第2個(gè)關(guān)鍵幀的Alpha值設(shè)置為0，再在兩個(gè)關(guān)鍵幀中建立傳統(tǒng)補(bǔ)間動(dòng)畫，這樣在鏡頭之初，畫面是黑色的，經(jīng)過1秒之后，畫面漸漸變亮，并回到正常的亮度。
在主時(shí)間軸上再新建圖層，命名為“邊界”，將黑布復(fù)制過來，在屬性面板中，調(diào)整元件的Alpah值為20%，這樣做出一個(gè)類似玻璃塊的透光效果，用以界定鏡頭的可見范圍，以方便編輯動(dòng)畫；以后每一個(gè)新建的場(chǎng)景中，都將黑布和邊界的圖層粘貼在最上方的圖層；這樣不必再重新制作這個(gè)效果。
鏡頭，在Flash軟件本身中并沒有鏡頭的功能概念（像3DSmax這類三維軟件中有攝像機(jī)的功能），當(dāng)我們繪制了一些背景，把舞臺(tái)給遮蓋住了以后，也就看不到邊界了；所以，為了方便縮放操作，我們繪制出一個(gè)和舞臺(tái)大小相同的矩形（新建一個(gè)專用圖層來放置，將此圖層置于最上方），以此來框定邊界，這樣在編輯操作中，就能方便知道哪些元素在鏡頭畫面中可見，哪些不可見，例如片頭動(dòng)畫中的汽車有一只從遠(yuǎn)處駛?cè)耄硪恢卉囎觿t從近處駛出，如果沒有這個(gè)邊界，那么動(dòng)畫就比較難操作，因?yàn)椴恢儡囎釉裁磿r(shí)候什么位置進(jìn)入鏡頭。
在Flash創(chuàng)作軟件中，我們直接調(diào)整舞臺(tái)中的對(duì)象的縮放比及位移，以此來實(shí)現(xiàn)鏡頭推拉移動(dòng)的效果；比如通過放大對(duì)象來營(yíng)造鏡頭放靠近的效果；通過將對(duì)象從下往上移動(dòng)，來模似鏡頭向上移動(dòng)。
4.1 場(chǎng)景一；
分鏡頭劇情（片頭動(dòng)畫，“攝像機(jī)”鏡頭角度處于公路中間，然后漸漸上升）在播放一個(gè)場(chǎng)景后，引入主題，顯示本片歌曲名，“我相信”；
相關(guān)技術(shù)包括（Alpha透明度變化，任意縮放，運(yùn)動(dòng)補(bǔ)間）
在主時(shí)間軸中新建圖層，命名為“背景”（圖層的命名比較任意，既不必像元件的命名那樣擔(dān)心名字重復(fù)），將背景的元件拖入到舞臺(tái)中，再新建圖層，命名為“車1”將汽車左的元件拖入，兩個(gè)圖層都延長(zhǎng)幀，在汽車所在圖層再加入關(guān)鍵幀，將第一個(gè)關(guān)鍵幀的汽車元件縮小，將第二個(gè)關(guān)鍵幀的元件放大；再在兩個(gè)關(guān)鍵幀中建立傳統(tǒng)補(bǔ)間動(dòng)畫；這樣產(chǎn)生汽車左，從小到變大并且向一側(cè)移動(dòng)的動(dòng)畫，也即是從遠(yuǎn)處到近處移動(dòng)的動(dòng)畫；新建圖層，命名為“車2”用同樣元件縮放加關(guān)鍵幀間建立傳統(tǒng)補(bǔ)間動(dòng)畫的方法，做出第二只汽車從近處到遠(yuǎn)處移動(dòng)的動(dòng)畫；
最后，用文本輸入工具，輸入文字，我相信，在屬性面板中，把字體選擇為“華康海報(bào)體”（字體需要在計(jì)算機(jī)中安裝，如果沒有安裝此字體的計(jì)算機(jī)，有可能不能打開原文件）；將文字分離兩次（分離第一次后，文本的字體從整段變成一個(gè)個(gè)獨(dú)立的字體，分離第二次后，它被去掉字體的文本屬性，字體就己經(jīng)不具有文本屬性，不再可以用輸入法修改，而變成了圖形即填充色塊），分別轉(zhuǎn)化為圖形元件，再分別分散到不同的圖層；將元件“我”的第一個(gè)關(guān)鍵幀的元件屬性中選擇Alpha值為0，再將第2個(gè)關(guān)鍵幀的Alpha值設(shè)置為100，然后在第一關(guān)鍵幀和第二關(guān)鍵
幀之間建立傳統(tǒng)補(bǔ)間動(dòng)畫；這樣制作出“我”從無到顯現(xiàn)的動(dòng)畫過程；再次插入關(guān)鍵幀，將第3個(gè)關(guān)鍵幀的Alpha值設(shè)置為0，再將其縮放值調(diào)整為150%，并在第2關(guān)鍵幀和第3關(guān)鍵幀之間建立傳統(tǒng)補(bǔ)間動(dòng)畫，這樣做出“我”字從呈現(xiàn)再到邊放大邊隱去的動(dòng)畫；用同樣的方法，制作出字體“相”和字體“信”的動(dòng)畫效果。
在本作品中，最常用的動(dòng)畫技術(shù)是關(guān)鍵幀動(dòng)畫技術(shù)，也叫做補(bǔ)間動(dòng)畫技術(shù)；比如制作一只從左向右水平行駛的汽車（此技術(shù)不適應(yīng)對(duì)象的三維轉(zhuǎn)向），就需要將汽車轉(zhuǎn)化為“元件”。
4.2場(chǎng)景二；
分鏡頭劇情（出現(xiàn)男主角在海邊做準(zhǔn)備活動(dòng)，然后沖上天空；）
相關(guān)技術(shù)（縮放變形，運(yùn)動(dòng)補(bǔ)間，旋轉(zhuǎn)變形）
將人物的上半身轉(zhuǎn)化為元件，將元件類型選擇為圖形元件，操作鼠標(biāo)在繪圖工具欄中，選擇任意變形工具，把對(duì)象的“旋轉(zhuǎn)中心點(diǎn)”用鼠標(biāo)移動(dòng)到底下中間的位置；以制作人物上半身側(cè)彎腰的動(dòng)作效果，再在時(shí)間軸上新建圖層，將默認(rèn)圖層名稱（圖層1）修改為“男主角頭身”，將此元件拖入舞臺(tái)，調(diào)整在適當(dāng)位置。
當(dāng)人物向上準(zhǔn)備跳躍時(shí)，我們沒有再設(shè)計(jì)具體的動(dòng)作，但是把人物元件在縱向上縮小，讓它看起來像壓扁的彈簧，然后，人物再向上沖，這樣顯得比較合乎物理學(xué)規(guī)律。
4.3場(chǎng)景三；
分鏡頭（男主在天空上飛翔，之后撞上一個(gè)火箭從天空掉下來；）
相關(guān)技術(shù)（Alpha透明度變化，旋轉(zhuǎn)變形，傳統(tǒng)補(bǔ)間動(dòng)畫，Photoshop軟件基礎(chǔ)應(yīng)用）
在網(wǎng)上找到火箭的素材圖片，下載后在Photoshop軟件中，用裁切工具和魔術(shù)棒工具，將素材多余的部分去掉，導(dǎo)入到Flash軟件中，在主菜單欄中，選擇”修改”大類中的“將位圖轉(zhuǎn)化為矢量圖”命令，以確保在輸出動(dòng)畫時(shí)畫面不產(chǎn)生模糊；將火箭圖形轉(zhuǎn)化為圖形元件，同樣用關(guān)鍵幀之間建立傳統(tǒng)補(bǔ)間動(dòng)畫的方法做出火箭從下向上飛升的動(dòng)畫；再在主場(chǎng)景時(shí)間軸中新建圖層，命名為“男主角側(cè)面飛”，在第200幀處插入關(guān)鍵幀，將此元件拖入舞臺(tái)中，調(diào)整在適合的位置；制作出男主角水平飛行后撞上火箭的動(dòng)畫。
4.4場(chǎng)景四；
分鏡頭劇情（男主在書房電腦前醒來，一看時(shí)間己經(jīng)是上午9點(diǎn)了）
相關(guān)技術(shù)（旋轉(zhuǎn)變形，運(yùn)動(dòng)補(bǔ)間、逐幀動(dòng)畫）
根據(jù)劇本進(jìn)度，需要制作男主角從桌子上起身的鏡頭，我們將人物側(cè)面飛的元件再次利用（庫(kù)中的元件支持多次調(diào)用，并且這樣做可以提高創(chuàng)作的效率），拖入于舞臺(tái)中，并放大以顯示局部，顯示局部，也就避免了其他身體部分的動(dòng)畫制作及調(diào)整(因?yàn)殓R頭中的畫面看不到)，又豐富了動(dòng)畫本身的呈現(xiàn)方式（有局部呈現(xiàn)的特寫鏡頭，也有全局呈現(xiàn)的全景鏡頭）；
用橢圓形工具繪畫出人物的眼睛，將線條和填充都選擇為黑色，并轉(zhuǎn)化為元件，進(jìn)入元件內(nèi)部，在元件內(nèi)部時(shí)間軸中，將圖層延長(zhǎng)幀，在第8幀處增加插入關(guān)鍵幀，并將第二個(gè)關(guān)鍵幀的黑色橢圓用任意變形工具壓偏；這樣制作出眼睛不斷眨眼的動(dòng)畫效果。
4.5場(chǎng)景五；
分鏡頭劇情（男主急匆匆跑去了上班；）
相關(guān)技術(shù)（旋轉(zhuǎn)變形，運(yùn)動(dòng)補(bǔ)間）
制作人物側(cè)面的雙手?jǐn)[動(dòng)效果；這個(gè)場(chǎng)景在鏡頭中只顯示人物上半身的動(dòng)作，因?yàn)槿绻R頭包括人物的全身，那么整體的動(dòng)作的動(dòng)畫制作的工作量就會(huì)大得多，因?yàn)榕懿降膭?dòng)作涉及的肢體動(dòng)作比較復(fù)雜。
4.6場(chǎng)景六；
分鏡頭劇情（男主在一個(gè)前輩同事面前聆聽了很多建議；）
相關(guān)技術(shù)（運(yùn)動(dòng)補(bǔ)間，旋轉(zhuǎn)變形）
畫面顯現(xiàn)之初，兩個(gè)人物是對(duì)齊在一起的，然后，將動(dòng)畫中的人物的元件分別左右移動(dòng)，以模擬攝像機(jī)在左右移動(dòng)的效果，以豐富動(dòng)畫的視覺效果。
4.7場(chǎng)景七；
分鏡頭劇情（男主騎摩托車在路上；）
相關(guān)技術(shù)（運(yùn)動(dòng)補(bǔ)間）
在主場(chǎng)景的時(shí)間軸上新建圖層，命名為路風(fēng)景，將背景元件拖入舞臺(tái)中，使用對(duì)齊面板的對(duì)齊工具，將之對(duì)齊；再新建圖層，命名為男主騎車，制作簡(jiǎn)單的運(yùn)動(dòng)補(bǔ)間動(dòng)畫，在第一個(gè)關(guān)鍵幀中，將人物元件放在舞臺(tái)的右側(cè)，在第二個(gè)關(guān)鍵幀中將人物元件水平移動(dòng)到舞臺(tái)的左側(cè)，再在這兩個(gè)關(guān)鍵幀中建立傳統(tǒng)補(bǔ)間動(dòng)畫。
4.8場(chǎng)景八；
分鏡頭劇情（一個(gè)女孩子在公園前與男主談話，女主說，閨密的男友工作一年多，己經(jīng)買車了；）
相關(guān)技術(shù)（任意縮放，運(yùn)動(dòng)補(bǔ)間，逐幀動(dòng)畫）
氣泡的出現(xiàn)，使用簡(jiǎn)單的逐幀顯示方式實(shí)現(xiàn)；在主場(chǎng)景的時(shí)間軸上新建圖層，修改默認(rèn)名稱為，公園，將公園的背景元件拖入于舞臺(tái)中，調(diào)整到適當(dāng)?shù)奈恢茫?/p>
在時(shí)間軸上新建圖層，修改默認(rèn)名稱為，男主，將男主角的元件拖入舞臺(tái)，調(diào)整到適當(dāng)?shù)奈恢茫?/p>
在時(shí)間軸上新建圖層，修改默認(rèn)名稱為，女主，將女主角側(cè)面形像的元件拖入舞臺(tái)中；調(diào)整到適當(dāng)?shù)奈恢弥小?/p>
4.9場(chǎng)景九；
分鏡頭劇情（男主來到一個(gè)培訓(xùn)機(jī)構(gòu)；）
相關(guān)技術(shù)（運(yùn)動(dòng)補(bǔ)間）
人物從下到上的移動(dòng)補(bǔ)間制作，這是模擬鏡頭從上到下移動(dòng)的效果；在時(shí)間軸上新建圖層，將默認(rèn)的圖層名稱修改為學(xué)校，將一大樓的元件拖入舞臺(tái)中，并調(diào)整到合適的位置；再用關(guān)鍵幀加補(bǔ)間的方法，制作人物和摩托車一起向上移動(dòng)。
4.10場(chǎng)景十；
分鏡頭劇情（字幕顯示“半年后”，男主從培訓(xùn)機(jī)構(gòu)中取得設(shè)計(jì)師專業(yè)技能；）
相關(guān)技術(shù)（旋轉(zhuǎn)變形，運(yùn)動(dòng)補(bǔ)間）
將男主角撓頭的元件，修改成為手持證書左右擺動(dòng)的動(dòng)作，這時(shí)手和證書實(shí)際上是一個(gè)獨(dú)立的元件，元件的變形中心點(diǎn)經(jīng)過移動(dòng)，加上關(guān)鍵幀和補(bǔ)間動(dòng)畫，產(chǎn)生類似于鐘擺的動(dòng)作。
4.11場(chǎng)景十一；
分鏡頭劇情（男主在專注的工作，時(shí)鐘從早上9點(diǎn)一直忙到下午6點(diǎn)）；
相關(guān)技術(shù)（運(yùn)動(dòng)補(bǔ)間）
用橢圓形工具和矩形工具繪畫出時(shí)鐘，并將時(shí)針和分針轉(zhuǎn)化為圖形元件；將元件的旋轉(zhuǎn)中心調(diào)整到圖形的底部中間附近，以便于制作時(shí)針分針繞一圓旋轉(zhuǎn)。
4.12場(chǎng)景十二；
分鏡頭劇情（男主站在舞臺(tái)的中央，得到了一個(gè)大賽的金獎(jiǎng)）；
相關(guān)技術(shù)（任意縮放，運(yùn)動(dòng)補(bǔ)間）
將前面人物手持證書擺手的動(dòng)作拿來修改，把“證書”元件替換為“金獎(jiǎng)杯”元件；
使用鋼筆工具和橢圓形工具繪制出綠色的舞臺(tái)，和黑色的人群背影，并都轉(zhuǎn)化為圖形元件；用鋼筆工具，繪制出紅色的舞臺(tái)布幕的左側(cè)，然后轉(zhuǎn)化為圖形元件，再用左側(cè)的布幕元件復(fù)制并水平翻轉(zhuǎn)得到右側(cè)的布幕；左側(cè)的布幕和右側(cè)的布幕分別放在不同的圖層，分別用關(guān)鍵幀間建立傳統(tǒng)補(bǔ)間動(dòng)畫的方法，制作出布幕從中間向兩邊拉開的動(dòng)畫效果；用同樣的方法，得到綠舞臺(tái)后面的布幕；并放在另一個(gè)圖層；將圖層放在倒數(shù)第二個(gè)層次，以使它處在兩層布幕之間。
4.13場(chǎng)景十三；
分鏡頭劇情（男主開著小車，去帶著女友出去玩）；
相關(guān)技術(shù)（任意縮放，運(yùn)動(dòng)補(bǔ)間）
新建一個(gè)圖形元件，在元件內(nèi)部，可以用多個(gè)圖層繪制出汽車的形像，新建一個(gè)圖層，把人物放入，將汽車玻璃的圖層放在人物的上方，這樣能讓“玻璃”遮擋在人物前面，得到一個(gè)模擬現(xiàn)實(shí)的效果。
在主場(chǎng)景時(shí)間軸中，在前面的關(guān)鍵幀中，將汽車縮小至百分之10，然后再縮放至100%，以產(chǎn)生小車從遠(yuǎn)處向近處行駛的動(dòng)畫。
第5章 音效的加入和同步字幕的制作
5.1聲音的導(dǎo)入：
將MP3文件導(dǎo)入到庫(kù)中，再在圖層中插入幀，在幀屬性中選擇此聲音文件（的名字），并適當(dāng)延長(zhǎng)幀。
5.2歌詞字幕的制作：
相關(guān)技術(shù)（傳統(tǒng)補(bǔ)間動(dòng)畫和遮罩層動(dòng)畫技術(shù)）
在網(wǎng)上找到這首歌的歌詞，復(fù)制下來在軟件中粘貼；編輯成一句一行，調(diào)整字體的大小；新建一個(gè)圖層，用主工具欄中的矩形工具畫出一個(gè)長(zhǎng)方形，將此圖層設(shè)置為遮罩層；將上面的歌詞轉(zhuǎn)化為圖形元件，當(dāng)歌曲向前推進(jìn)時(shí)，歌詞適當(dāng)?shù)南蛏弦苿?dòng)，以兩相對(duì)應(yīng)，遮罩層將顯示的區(qū)域限制在一定范圍；而歌詞元件的適時(shí)上移，又使得歌詞文字和歌曲進(jìn)度相一致。
5.3整合文件：
首先，將前面構(gòu)成各個(gè)場(chǎng)景的Fla文件導(dǎo)出SWF格式文件；在軟件中，再另外新建一個(gè)Fla文件，把該SWF文件導(dǎo)入，這時(shí)發(fā)現(xiàn)，時(shí)間軸上的幀變成了一連串關(guān)鍵幀，但是，當(dāng)動(dòng)畫輸出時(shí)，畫面的內(nèi)容沒有明顯變化；
新建一個(gè)圖層，將MP3放入；再新建一個(gè)圖層來放置歌詞，及另一個(gè)圖層來制作遮罩效果；
歌詞完成后，導(dǎo)出最終的SWF格式文件；最終的SWF文件就是這個(gè)MTV的成片。動(dòng)畫完成后，在鍵盤上按住enter+ctrl彈窗播放測(cè)試動(dòng)畫。
結(jié)束語
關(guān)于編劇，作品的劇情，在定稿之前曾制定過另一個(gè)版本，另一個(gè)版本劇情是:原先的女主終于嫌棄我們的男主角“不夠上進(jìn)”而離去，然后男主角經(jīng)此挫折才發(fā)奮圖強(qiáng)去充電學(xué)習(xí)，最后成功轉(zhuǎn)型一個(gè)高端職業(yè)，轎車終將是有的，只不過最后一起坐在副座里面的女主角換了，不是那個(gè)男主角最初希望她陪伴身邊的人；但是，這樣的故事劇情就摻入了一大半的感傷情愫；就不是我們最近設(shè)定的一個(gè)勵(lì)志小故事，這個(gè)小故事，結(jié)合歌曲的表達(dá)，它是一個(gè)滿懷信心的人對(duì)未來的憧憬，所以誰也不至于憧憬這感傷的故事，所以為了故事符合勵(lì)志的條件，修改成為了最終的版本，“女主角雖有過抱怨，卻不曾離開”。
關(guān)于技巧，在這個(gè)作品進(jìn)入實(shí)際制作的時(shí)候，我發(fā)現(xiàn)了許多東西是課堂上沒有學(xué)到的，許多軟件的功能應(yīng)用和技術(shù)的組合等等，為了完成這個(gè)作品，我在網(wǎng)絡(luò)上查閱了大量的相關(guān)技術(shù)論壇，無數(shù)次把別人的小技巧“拿來”；通過無數(shù)次借鑒分析網(wǎng)絡(luò)上的優(yōu)秀作品，把閃光的創(chuàng)意移花接目到自己的作品中，雖然在課堂上的學(xué)習(xí)，一切工具的操作和功能的應(yīng)用似乎是那么的清晰可辨，但是一個(gè)復(fù)雜作品，所遇到的大問題和小問題無數(shù)（小到找一個(gè)云朵的素材，大到確定人設(shè)的形像），而且問題不論是大是小，每一個(gè)都令原本就不充沛的制作時(shí)間被無情的消耗；通過無數(shù)次嘗試和測(cè)試才完成了這個(gè)作品。
致謝
XXXXX
參考文獻(xiàn)
[１] 宗傳玉 肖偉 Flash動(dòng)畫設(shè)計(jì) [M]南京大學(xué)出版社２０１１－７－８
[２]羅永紅、周曉鶯、陳靜、李海濤 Flash動(dòng)畫創(chuàng)意設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)[M]清華大學(xué)出版社２０１５－１１－１９
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
