計算機網(wǎng)動畫設計實習報告及心得體會

1、計算機網(wǎng)頁動畫設計實習報告及心得體會 【最新資料，WORD文檔，可編輯修改】 學生實習考核表 學生姓名 專業(yè)班級 指導教師 XXX 網(wǎng)絡XXX平面方向 XXXXXXXX 實習時間 XX 實習地點 實習名稱 網(wǎng)頁動畫設計 自我總結 從這次的實習，我逐漸的發(fā)現(xiàn)了自己身上有很多的不足之處，自己 也有在慢慢進步，但是僅僅是這些是遠遠不夠的，自己還有很大的空間 去發(fā)揮，去進步。 通過這次的實訓內(nèi)容：倩女幽魂動畫，我發(fā)現(xiàn)了自己對動畫方面的 知識還有欠缺，還有對軟件不夠熟悉，只會一些基本的，我覺得這是遠 遠不夠的。 倩女幽魂動畫結合了前面所學習的內(nèi)容，每個分開都簡單，合在一 起后就容易弄混、出錯，這就需要我

2、們把基礎打牢，從而掌握。 指導教師 意見 考核等級 3.1 背景 3.7 2 組萬人新服動畫 錯誤! 未定義書簽。 1 1 1 1 1 2 2 2 2 2 3 3 4 5 5 6 目錄 1 實習目的 2 實習概況 2.1 實習要求 2.2 實習時間 2.3 實習環(huán)境 2.4 開發(fā)環(huán)境 3 實習內(nèi)容 3.2 月亮動畫 3.3 倩女幽魂文字效果 3.4 小鬼動畫 3.5 主角動畫 3.6 隨心而戰(zhàn)動畫 3.8 花瓣動畫 3.9 屏幕抖動和調(diào)整 4 總結 實習目的 網(wǎng)頁動畫設計 課程設計是教學中的一個重要教學環(huán)節(jié)， 是學生學習過程 中不可缺少的實際操作技能訓練， 也是對課程學習效果的檢驗。 通過本課

3、程設計 的倩女幽魂動畫專項課題設計， 使學生掌握 Flash 動畫方向的基本制作程序、 制 作要領，提高學生 Flash 動畫設計制作的全面把握的能力。 使學生具有能夠獨立 進行動畫設計、排版等整體設計和制作能力。 總體設計要求定位準確，熟練使用 Flash 設計軟件進行動畫的制作。 課程設計成績根據(jù)課程設計實習報告質(zhì)量和考勤給予評定。 實習概況 實習要求 熟練運用 Flash 軟件準確的繪制倩女幽魂動畫 實習時間 2016年 4月 25日 至2015年 4月 30日 實習環(huán)境 重慶工程職業(yè)技術學院機房 開發(fā)環(huán)境 Flash 軟件 實習內(nèi)容 用 Flash 制作倩女幽魂動畫；動畫制作前先把倩女

4、幽魂動畫 psd 在 Photoshop 中打開，把圖片另存為 png 格式。 背景 打開 Flash 軟件，新建一個名為倩女幽魂的 fla 文件。 導入背景圖片， 轉換 成名為動畫總的圖形元件；更改舞臺大小為背景圖大?。?60X400像素；雙擊圖 片進入動畫總元件內(nèi)部，把圖層改名為背景。效果圖如圖 3.1-1 所示： 圖 3.1-1 月亮動畫 新建圖層，更名為月亮動畫。導入月亮圖片， F8 轉成名為月亮動畫。雙擊 進入元件內(nèi)部，把圖層命名為月亮。在月亮圖片上畫一個圓，大小與月亮相同， 全部選中，按 ctrl+B 打散，選中光暈，按 ctrl+X 剪切，新建一個圖層，命名為 光暈，再按 ctr

5、l+shift+V 原位粘貼，刪除畫的圓，將月亮轉成名為月亮的圖片元 件，光暈轉成名為光暈的影片剪輯。 將月亮在第一幀時移到舞臺上方， 在十幀的位置插入關鍵幀， 將月亮移到舞 臺上的位置，傳統(tǒng)補間，到二十禎做延時幀。光暈插入空白關鍵幀，在十幀插入 關鍵幀，將光暈放在舞臺上，點擊光暈，在屬性面板 -顯示下混合屬性選擇濾色； 第十幀透明度為 0，在第二十幀插入關鍵幀，透明度改為一百，做傳統(tǒng)補間，讓 光暈有一個從無到有的一個閃爍效果。效果圖如圖 3.2-1 所示： 圖 3.2-1 倩女幽魂文字效果 在動畫總新建圖層， 命名為倩女幽魂。 導入倩女幽魂文字圖片， 留一張在舞 臺，轉換成名為倩女幽魂的圖形

6、元件，雙擊進入元件內(nèi)部。新建圖層，命名為清 晰文字和模糊文字。 模糊文字在第一幀放大， 色調(diào)為白色，在第七幀插入關鍵幀， 原圖，做傳統(tǒng)補間，在第十五幀插入關鍵幀，透明度改為0，做傳統(tǒng)補間；使模 糊文字有一個從大到小、從有到無的效果。 清晰文字前七幀為空白幀，第七幀透明度為0，在第十五幀插入關鍵幀，透 明度為 100，傳統(tǒng)補間，使文字有一個模糊到清晰的效果。做一幀延時幀，在插 入關鍵幀，在第二十六幀插入關鍵幀，將清晰文字移到左邊，做傳統(tǒng)補間，使文 字有一個位移過程。效果圖如圖 3.3-1 所示： 圖 3.3-1 小鬼動畫 在動畫總新建圖層，命名為小鬼動畫。導入小鬼圖片，留一張在舞臺上，轉 換為名

7、為小鬼動畫的圖形元件， 雙擊進入元件內(nèi)部。 新建八個圖層， 命名為小鬼 1、小鬼 2，依次類推，將小鬼圖片分別放入圖層，轉換為圖形元件。第一幀將 小鬼放到舞臺外，在第十五幀插入關鍵幀， 見小鬼放到固定位子， 復制第十五幀， 移動到第七幀左右， 將小鬼向前移動一點， 全部做傳統(tǒng)補間。 在每個圖層前加一 些空白幀， 使每個小鬼出場時間不同， 以幀數(shù)最多的圖層為準， 其他涂層添加延 時幀。效果圖如圖 3.4-1 所示： 圖 3.4-1 主角動畫 在動畫總新建圖層， 命名為主角動畫。 導入主角和簽名圖片， 留一張主角圖 片在舞臺，轉換成名為主角動畫的圖形元件，雙擊進入元件內(nèi)部。新建圖層，分 別命名為黑

8、菲、白菲和簽名，將圖片分別放入相應的圖層，轉換為圖形元件。 將兩個主角圖片在第一幀分別放在舞臺的上方和下方， 濾鏡模糊， 在第二十 幀插入關鍵幀， 將兩個主角放在舞臺上的固定位置， 做傳統(tǒng)補間， 做出由外飛入 的效果； 在靠近二十幀的位置創(chuàng)建關鍵幀， 移動到四幀左右， 讓主角飛入的速度 又快到慢， 二十禎到三十幀做延時幀。 簽名在第二十幀插入關鍵幀， 透明度改為 0，在第三十幀插入關鍵幀，透明度為百分百，傳統(tǒng)補間，使簽名慢慢浮現(xiàn)。效 果圖如圖 3.5-1 所示： 圖 3.5-1 隨心而戰(zhàn)動畫 在動畫總新建圖層，命名為隨心而戰(zhàn)，導入隨心而戰(zhàn)圖片， 轉換為圖形元件， 雙擊進入元件內(nèi)部。 將隨心而戰(zhàn)

9、轉換為圖形元件， 第一幀放大， 第二十幀為原來 大小，傳統(tǒng)補間，從大到小的效果。新建圖層，命名為虛影1，復制一個隨心而 戰(zhàn)圖片，放大百分之一百二十， 在第二十七幀左右插入關鍵幀， 大小為原始大小， 透明度為 0，傳統(tǒng)補間。再新建一個圖層，命名為虛影 2，將虛影 1 復制，起始 幀放在二十五幀左右， 讓它與虛影 1 錯開。讓隨心而戰(zhàn)呈現(xiàn)一個由大到小， 再顫 動的效果。 新建圖層，命名為盡情戰(zhàn)斗。前三十一做空白幀，然后插入關鍵幀，導入盡 情戰(zhàn)斗圖片，轉換為圖形元件， 在第四十幀插入關鍵幀， 將前面的關鍵幀透明度 改為 0，放大百分之一百二十，傳統(tǒng)補間，讓他出現(xiàn)一個從無到有，從大到小的 效果。再次新

10、建圖層，命名為痛快享自由，導入圖片，轉換成圖形元件，然后做 法和盡情戰(zhàn)斗相同。 將盡情戰(zhàn)斗與痛快享自由錯開一點， 讓他有一個先后出現(xiàn)的 順序。 新建圖層，命名為掃光。 在第四十五幀插入關鍵幀， 用矩形工具畫一個矩形， 做線性漸變，中間白色，兩邊透明度為 0，轉換成圖形元件。每隔十幀插入關鍵 幀，插入四個，將第二個關鍵與第四個關鍵幀上的矩形移到右邊，做傳統(tǒng)補間。 新建圖層，命名為遮罩，在第四十五幀導入隨心而戰(zhàn)黑色文字，更改大小，使其 與隨心而戰(zhàn)圖片上的文字完全重合， 做延時幀到八十五幀。 單擊右鍵， 將遮罩圖 層改為遮罩層。遮罩層上面是遮罩層，下面是被遮罩層。實現(xiàn)原理：被遮罩動畫 對象透過遮罩層

11、形狀進行顯示。效果圖如圖 3.6-1 所示： 圖 3.6-1 2 組萬人新服動畫 在動畫總新建圖層，命名為 2 萬人新服，導入圖片，轉換成圖形原件，雙擊 進入原件內(nèi)部。 將圖層命名為 2組萬人新服， 將圖片轉換為圖形原件， 插入關鍵 幀，放大百分之兩百， 色調(diào)改為白色， 隔十幀插入關鍵幀， 原始圖片， 傳統(tǒng)補間； 延時幀到二十五幀，插入關鍵幀，隔五幀插入關鍵幀，向上移動一點，在插入關 鍵幀，回到原來的位置，傳統(tǒng)補間，然后延時幀到八十幀。效果為從大到小，白 色到清晰，經(jīng)過注冊碰撞向上移動再落回原處。 新建圖層命名為明天火爆開服。 導入圖片轉換為原件， 做法與效果與 2 萬人 新服相同。將起始幀向

12、后移動一點，使其與 2 萬人新服出場有一個先后順序。 新建圖層命名為注冊， 導入圖片轉換為原件。 起始幀為十五幀， 放在舞臺下 方，隔十幀插入關鍵幀，將圖片移入舞臺，靠近兩組萬人新服與明天火爆開服， 再隔五幀插入關鍵幀， 將注冊移到舞臺上的固定位置， 傳統(tǒng)補間。 使它出現(xiàn)由舞 臺下方向上飛入，碰撞到 2 組萬人新服與明天火爆開服，再向下移動停止。 新建圖層，命名為光效，導入圖片，轉換為圖形原件，在屬性面板 -顯示下 混合屬性選擇濾色， 將背景去掉。在第三十幀插入關鍵幀， 三十幀以前為空白幀， 將光效移到舞臺左邊， 隔二十八幀左右插入關鍵幀， 將光效從左邊移到舞臺上靠 右的位置，再隔五幀左右插入

13、關鍵幀， 透明度為 0，傳統(tǒng)補間。 效果為從左飛入， 再漸漸消失。 新建圖層，命名為大禮包，導入圖片，轉換為圖形元件。前三十四幀做空白 幀，第三十五幀插入關鍵幀， 透明度為 0；隔五幀插入關鍵幀， 透明度為百分百， 放大百分之一百二十； 隔六幀插入關鍵幀， 縮放百分之九十； 隔五幀插入關鍵幀， 縮放百分之八十； 再隔四幀插入關鍵幀， 縮放百分之九十五； 再隔四幀插入關鍵 幀，縮放百分之一百零五；再隔三幀插入關鍵幀，原始大小，全部做傳統(tǒng)補間。 效果為從無到有，然后閃爍。 新建圖層，命名為超級大獎，在第六十五幀導入圖片，轉換為影片剪輯，做 延時幀。 雙擊進入影片剪輯， 將超級大獎圖片轉換為圖形元件

14、， 在第五幀和第十 幀插入關鍵幀， 將第五幀的位置向下移動一點， 傳統(tǒng)補間，讓超級大獎一直跳動。 新建圖層，命名為搶爆新服，在第六十五幀導入圖片，轉換為影片剪輯，透 明度改為 0，隔五幀插入關鍵幀，透明度改為一百，傳統(tǒng)補間，然后再做做延時 幀。雙擊進入影片剪輯，新建圖層，分別命名為搶爆新服和小手，導入圖片并轉 換成圖形元件在第五幀與第十幀插入關鍵幀， 在第五幀將搶爆新服圖片放大百分 之十，將小手移到搶爆新服上方，傳統(tǒng)補間。效果為小手移到搶爆新服上方，搶 -爆新服就變大一點。效果圖如圖 3.7-1 所示： 圖 3.7-1 花瓣動畫 在動畫總新建圖層， 命名為花瓣動畫。 用橢圓工具畫一個橢圓， 填

15、充為白色， 不要邊線，再用矩形工具畫一個矩形， 填充為其他色， 將矩形放到橢圓二分之一 處，再點擊刪除，就可以得到一個半圓。這樣做是因為形狀可以任意剪切，同色 相溶，異色相切。 將半圓調(diào)整成花瓣的樣子再改為白色徑向填充， 后面一個透明 度為 0，轉換成圖形元件，雙擊進入元件內(nèi)部。將圖層名命名為花瓣，再將花瓣 轉成圖形元件；新建圖層，命名為引導層，在引導層上用鉛筆工具畫一條曲線， 然后平滑， 延時幀到六十幀； 將花瓣的中心點移到引導線上方的線上， 在六十幀 插入關鍵幀，將花瓣移到移到引導線下方的線上，透明度改為0，傳統(tǒng)補間，勾 選順時針。在引導層右擊鼠標，勾選引導層，讓花瓣沿著引導線飛。 再新建

16、三個圖層，分別命名為花瓣 2、花瓣 3、花瓣 4；做法與花瓣相同。 做好以后將每個花瓣圖層向后移動一點， 讓他順序不同， 引導層做延時幀。 效果 圖如圖 3.8-1 所示 : 圖 3.8-1 屏幕抖動和調(diào)整 在動畫總里將一些圖層向后移動，讓前一個動畫完成后才開始。 在最外面的圖層 107 幀左右開始插入關鍵幀， 分別為上、下、左、右、原位， 上下左右分別一動一些，移動兩次； 174 幀左右時也是如此。效果圖如圖 3.9-1 所示： 圖 3.9-1 4總結 Flash對我來說并不陌生。因為在瀏覽大部分網(wǎng)站、網(wǎng)頁的時候都能看到大大小小、各 式各樣的FLASH動畫，還有Flash制作的MTV課件、小

17、游戲之類更是無計其數(shù)，有的動態(tài) 高級網(wǎng)站更是全部利用Flash所制作，它以圖、文、聲一體的動態(tài)表現(xiàn)能力，極強的交互性, 而深得人們喜愛。我之所以學習Flash是因為它是專業(yè)課，必須要學習。在剛開始學習的時 候，老師給我們看了一些有Flash制作的動畫，當時心里覺得很震撼，覺得很炫酷，于是對 這門課程也有了興趣。 通過這幾周來的學習，我了解了動畫原理，了解了幀與層的概念。通過十個簡單的動畫 制作實例，為我以后的學習打下基礎。Flash提供了功能齊全的繪圖和編輯圖形工具?？梢?直接在編輯區(qū)里繪畫，編輯修改非常靈活。使我逐漸掌握了這些工具的功能和使用方法。首 先從簡單的畫小雞學起，逐漸學習畫蝴蝶等。在學習的過程中我知道了做傳統(tǒng)動畫都要先把 它轉換成原件，不然就會出現(xiàn)錯誤，庫里會出現(xiàn)補間一補間二。原件有三種形式，影片剪輯、 按鈕和圖形，影片剪輯不受父集影響，可以自由播放；按鈕可以點擊；圖形動畫則受父集影 響，父集要做足夠的延時幀才能夠播放。 我知道動畫中很多都有遮罩動畫和引導動畫，比如說倩女幽魂動畫中隨心而戰(zhàn)的掃光效 果就是遮罩動畫；花瓣動畫就是引導動畫。引導動畫 實現(xiàn)原理上層是引導層，下層是被引導 層，實現(xiàn)原理：被引導層對象沿著引導層路徑做動畫，引導線在導出時不顯示。遮罩動畫的 原