1、Ivwitxsc Flash網(wǎng)頁制作1.設(shè)計(jì)任務(wù)與要求1.1設(shè)計(jì)任務(wù)Flash網(wǎng)頁的制作與開發(fā)1.2主要任務(wù) 1)設(shè)計(jì)網(wǎng)頁的flash動(dòng)畫2）設(shè)計(jì)網(wǎng)頁導(dǎo)航及網(wǎng)頁鏈接1.3設(shè)計(jì)思想。 做這個(gè)網(wǎng)頁主要是為了宣傳一下，森林的作用，同時(shí)讓人們理解到，森林的重要性，呼吁人們保護(hù)森林，保護(hù)地球，創(chuàng)造我們自己美好的家園。首先整個(gè)網(wǎng)頁就用全flash實(shí)現(xiàn)，達(dá)到互動(dòng)性強(qiáng)，聲形并茂，有較強(qiáng)的動(dòng)態(tài)的視覺特效，而且運(yùn)用橘黃色的色調(diào)，使觀眾有舒適感，和溫暖的感覺，所以整個(gè)網(wǎng)頁和flash舞臺(tái)都是橘黃色。首先進(jìn)入畫面就用一個(gè)動(dòng)態(tài)的動(dòng)畫進(jìn)入，而且動(dòng)畫內(nèi)容要直接突出主題，所以我就用一個(gè)文本 fores. 然后轉(zhuǎn)換為元件，接著

2、就用補(bǔ)幀動(dòng)畫 將該元件拖入舞臺(tái)。首頁制作完了，接著就是介紹界面了，為了突出主題， forest. 這個(gè)元件不能刪去，但是如果不改變效果，有點(diǎn)雷同首頁，有失動(dòng)態(tài)效果，所以我就用動(dòng)態(tài)旋轉(zhuǎn)，同時(shí)將元件放大，使主題更突出。然后就是第三個(gè)界面，那就是圖片展示了，導(dǎo)航就用圖片本身了，所以，導(dǎo)航里面的圖片都放小，并且將之制作成按鈕元件。2.詳細(xì)制作過程2.1.素材導(dǎo)入，點(diǎn)擊文件導(dǎo)入庫命令彈出導(dǎo)入對(duì)話框。按住ctrl鍵多選。如圖1圖1然后將所有圖片轉(zhuǎn)換成元件，選擇影片剪輯; 并命名為p1，p2.，p3，p4，p5，p6.如圖2 圖22.2 按鈕制作。點(diǎn)擊窗口變形 彈出變形對(duì)話框。并將它們變?yōu)殚L寬20% 如圖3

3、 圖3 做完后，再將圖片轉(zhuǎn)換成按鈕元件，并雙擊。建立三個(gè)圖層。圖層1為我、背景圖層，一直延續(xù)，所以在按下的位置插入關(guān)鍵幀，再圖層2的指針過去時(shí)，畫上黃色框，再按下的時(shí)候畫上黃色框，且都為關(guān)鍵幀。在圖層3上，按下的時(shí)候要有聲音反應(yīng)，插入按鈕聲音，其他圖片也制作成為按鈕。圖片按鈕就做完了。如圖4 圖4 2.3音樂插入。新建圖層5，并在圖層5上插入音樂，一直到最后幀為關(guān)鍵幀。在開始幀的屬性上，點(diǎn)擊聲音名稱，選擇你要插入的音樂就行了。如圖5 圖52.4. 建立兩個(gè)圖層。圖層6上設(shè)置為背景2的圖層，一直延續(xù)在最后，而且放入以上做的圖片按鈕，并擺在圖層上面，而圖層7則設(shè)置為題目，用文本寫上題目，并延續(xù)在最

4、后。如圖6 圖62.5放映圖片。在以上基礎(chǔ)上再次建立一個(gè)圖層，用來顯示放大圖片，每個(gè)圖片放入10幀的延續(xù)幀，并且要調(diào)整為形同大小和位置，如圖7。 圖72.6腳本。 在每個(gè)圖片按鈕上加入腳本“on (release) gotoAndPlay(370);stop();”按F9 可進(jìn)入腳本編輯，370 是圖層7上對(duì)應(yīng)的播放圖片的位置，其他的按鈕以此類推。如圖8 圖82.7修改一下舞臺(tái)背景，將之轉(zhuǎn)換為橘黃色，而且改變一下圖片按鈕位置，如圖9. 圖92. 8 首頁制作。制作動(dòng)態(tài)的元件。先建立文本，然后反擊鼠標(biāo)，將之轉(zhuǎn)化為元件。圓點(diǎn)和英文分別轉(zhuǎn)換為元件。如圖10 圖102.9制作完元件后，然后將元件都拖到

5、起始位置，而在起始位置都插入關(guān)鍵幀，做完后就制作補(bǔ)間動(dòng)畫，動(dòng)態(tài)效果就完成了如圖11 圖112.10然后就是制作球滾動(dòng)的效果，而且 forest 元件不能沒，座椅要新建圖層，作為延續(xù)幀一直延續(xù)到之后，球滾動(dòng)也要用到補(bǔ)間動(dòng)畫，方法同上球滾動(dòng)過程中有另外一個(gè)球，然后就發(fā)生碰撞，而被撞球就開始滾動(dòng) ，撞的球速度減慢，而速度就通過 同段距離 不同幀（即幀的多少實(shí)現(xiàn)時(shí)間）來實(shí)現(xiàn)速度的快慢。如圖12，圖13. 圖12 圖132.11 新建圖層。 球的終點(diǎn)就以一個(gè)黑洞吞噬來完成效果，而黑洞效果就需要用到橢圓工具，畫出橢圓，并用黑色填充，筆觸色為無。然后就是用縮放工具，放大和縮小橢圓，開始幀為最小，結(jié)束幀為最大

6、（適合的大小即可），然后起始幀都設(shè)為關(guān)鍵幀，而且要將橢圓反擊鼠標(biāo)，點(diǎn)擊分離，接著就建立形狀補(bǔ)間。同時(shí)再接著做一個(gè)黑洞的關(guān)閉效果，關(guān)閉黑洞。如圖14. 圖142.12 在黑洞層上，在接著復(fù)制出黑洞，開始為最大，最后為最小，將黑洞移動(dòng)到英文右邊，再建立形狀補(bǔ)間即可，而球就在這里做出彈出效果，在球的圖層上做一個(gè)引導(dǎo)層，在引導(dǎo)層上，用畫筆工具畫出出路徑，即彈出的路徑，同時(shí)引導(dǎo)層和球?qū)拥钠鹗嘉恢靡灰粚?duì)應(yīng)，而球元件的中心點(diǎn)要對(duì)著路徑的起始位置。如圖15 圖152.13介紹頁面的制作.。由于要制作英文放大的效果，在這里就用比較笨拙的辦法，每個(gè)關(guān)鍵幀都旋轉(zhuǎn)一個(gè)角度 同時(shí)放大一點(diǎn)，一直旋轉(zhuǎn)180度就可以了如圖1

7、6 圖162.14.球的出場，這里就將球縮小，再放大來實(shí)現(xiàn)球的出現(xiàn)，就需要用到形狀補(bǔ)間，將球放大，由于球有大小，用引導(dǎo)層的話，球在英文里邊的滾動(dòng)就不是很切合，所以，我用比較笨拙的辦法，每幀都編輯，每一幀都加點(diǎn)距離，來大到形狀補(bǔ)間，如圖17。 圖172.15 球出場完后就是介紹文字的出場了，建立新圖層，在打開文本工具，把需要的文本說明都復(fù)制在文本框里，再把文本轉(zhuǎn)換為元件，它的出場方式就重下到上的方式來實(shí)現(xiàn)，所以這里有藥用到補(bǔ)間動(dòng)畫，如圖18。 圖182.16，三個(gè)flash動(dòng)畫都做完后，由于網(wǎng)頁在調(diào)用的時(shí)候，flash舞臺(tái)會(huì)有沖突，就是同時(shí)幾個(gè)flash都在播放，所以我就把其他的flash復(fù)制在

8、一個(gè)flash里面，然后通過按鈕來實(shí)現(xiàn)播放的順序。在復(fù)制 的時(shí)候各個(gè)元件的名字要改動(dòng)，不然復(fù)制的時(shí)候元件同名的會(huì)被替換。而在按鈕元件里面的代碼是 on (release) gotoAndPlay(197); 而在每個(gè)flash的末尾要加入stop（）；命令 使該flash停止運(yùn)行，如圖19，圖20. 圖19圖202.17.在桌面新建一個(gè)記事本然后在文本里面輸入html 代碼。如圖21.bodymargin-left:500px; /css 對(duì)body的一個(gè)布局margin-top:150px; /將網(wǎng)頁背景設(shè)置為橘黃色 圖212.18寫完代碼后將記事本的后綴名的txt 改成 html 即可，這

9、樣就可以做出一個(gè)網(wǎng)站了，最終效果如圖22，圖23，圖24所示。 圖22 圖23 圖24 海報(bào)的設(shè)計(jì)與制作1.設(shè)計(jì)任務(wù)與要求1.1設(shè)計(jì)任務(wù) 宣傳海報(bào)的設(shè)計(jì)與制作1.2主要任務(wù) (1)利用ps的工具，濾鏡，調(diào)整圖像的色彩，蒙版，路徑，通道等方法 (2)視覺有相當(dāng)?shù)奶?hào)召力與藝術(shù)感染力，強(qiáng)烈的視覺效果；(3)主題明確，內(nèi)容積極向上2.詳細(xì)設(shè)計(jì)2.1打開原圖素材，再打開下圖所示的紋理背景，把紋理圖層拖進(jìn)來。如圖25，圖26 圖25 圖26將圖片拖入photoshop中，如圖27.圖272.2選擇菜單：編輯 變形 自由變形，使裂紋的位置合適如下圖所示。用橡皮工具擦掉多出的部分。如圖28. 圖282.3再拖

10、入素材旋轉(zhuǎn)變形，效果如下圖。調(diào)整兩層的透明度，然后把這兩個(gè)紋理圖層合并，圖層混合模式改為“正片疊底”。如圖29. 如圖302.4用橡皮工具擦出眼睛，創(chuàng)建曝光度調(diào)整圖層來加深裂紋。如圖31. 圖312.4按Ctrl點(diǎn)擊圖層1調(diào)出選擇，新建一個(gè)圖層填充顏色：#331e01。填充后不要取消選區(qū)，先把圖層混合模式改為“顏色”，然后創(chuàng)建愛你色相/飽和度調(diào)整圖層，參數(shù)設(shè)置如下圖。如圖32 圖322.5創(chuàng)建亮度/對(duì)比度調(diào)整圖層，適當(dāng)加強(qiáng)一下對(duì)比度，完成最終效果。如圖33，圖34，圖35 圖33 圖34 圖35 3.心得體會(huì) 在大學(xué)以前，flash和photoshop對(duì)我來說是一個(gè)新奇的東西，每次在網(wǎng)上和電視

11、里看到別人做出來的炫目多彩的flash作品和ps修改過的完美圖片，既羨慕又崇拜。早就想自己做一個(gè)了，但是始終未能付出行動(dòng)，因?yàn)槭诌厸]有教材，也沒人指導(dǎo)，再加上自己又有點(diǎn)懶惰。長久以來，這只能是一個(gè)設(shè)想，想著哪一天，親手做一個(gè)賀卡送給朋友，或者是把自己的一些感想，化作一幅幅很美的畫面。也在朋友們面前炫耀一下。 終于有了這樣一個(gè)機(jī)會(huì)，能夠認(rèn)真的去學(xué)習(xí)這長久以來一直向往的flash和ps，有老師的指導(dǎo)，還有同學(xué)們的相互學(xué)習(xí)經(jīng)驗(yàn)。這學(xué)期我有幸去參加flash的培訓(xùn)班，下面是我在這次flash學(xué)習(xí)中的一些切身感受： 首先，創(chuàng)意是制作一個(gè)flash的第一步，也可以說是最重要的一步。一個(gè)好的作品是要有好的創(chuàng)

12、意，要求新或者是在平淡中找到吸引人的地方。這是最難也可以說是最簡單的一步，因?yàn)橛袝r(shí)苦苦地思索，卻很難找到一個(gè)好的創(chuàng)意；有時(shí)候，無意之中，卻有一些好的創(chuàng)意一閃而過，得來全不費(fèi)工夫。 其次，就應(yīng)該是構(gòu)思，也就是在大腦中想象怎樣組織畫面，每個(gè)畫面該有些什么內(nèi)容，這些畫面又該如何銜接起來，形成一個(gè)整體。這一部份很重要，如同寫作文，拿到一個(gè)題目，應(yīng)該先想好整篇文章的梗概，否則就不知道何從下手。 最后，就是制作了。我學(xué)得，最主要的是多練，光看書，到了真正用的時(shí)候，還是笨手笨腳的。只有經(jīng)過實(shí)踐，才能有好的技術(shù)。說是這樣，可是我也沒有練很多，我的這個(gè)作品，也可是說是用來練手的吧，技術(shù)不夠熟練，所以做的挺粗糙的

13、，很多細(xì)節(jié)都沒有做好。雖然技術(shù)是我現(xiàn)在制作flash的最大難點(diǎn)，但我還是認(rèn)為，這并不是最重要的一步，創(chuàng)意和構(gòu)思才是最重要的，是一個(gè)flash制作的靈魂。下面我在對(duì)比PPT談一下FLASH的優(yōu)缺點(diǎn)： 1、用PPT制作的課件，簡單便于操作且整合能力較好，但一些特殊效果無法制作；用FLASH制作的課件文字效果和動(dòng)畫效果多，但制作時(shí)所花費(fèi)的時(shí)間長，這一點(diǎn)就要求我們在利用FLASH制作課件時(shí)，要有充分的時(shí)間。 2、用FLASH制作課件時(shí)，所需的特殊效果，有時(shí)用到“腳本”，有些“腳本”是通用的，可以直接套用，但有些就需自己手動(dòng)編寫，“腳本”的內(nèi)容越多就越容易出錯(cuò)，編寫時(shí)要不斷調(diào)試；用PPT可以將FLASH

14、以對(duì)象的形式添加到課件中，省去了制作FLASH的時(shí)間，但適合內(nèi)容的FLASH極少?，F(xiàn)在讓我談?wù)剬W(xué)習(xí)ps的一些心得體會(huì)：1. 在網(wǎng)頁上怎么調(diào)用.swf文件？答：運(yùn)用代碼來實(shí)現(xiàn)調(diào)用的過程 starfzz_場景 1 是將要調(diào)用的文件名字，而且.swf文件必須和網(wǎng)頁在同一個(gè)目錄里面、2. 在網(wǎng)頁播放的時(shí)候怎么切換多個(gè).swf文件？ 答：由于再播放flash的時(shí)候，會(huì)和其他的flash同時(shí)播放 會(huì)發(fā)生沖突，所以就把這多個(gè)播放的flash文件復(fù)制在一個(gè)flash文件里面，直接在flash的時(shí)間軸后面復(fù)制后粘貼就可以了，而切換播放的循序就變得簡單了，舞臺(tái)還是一個(gè)，直接用按鈕，同時(shí)再按鈕里面加入代碼on (release) g