多媒體課程設(shè)計-flash+photoshop

1、1*學(xué)院 多媒體期末考試 制作說明書 專 業(yè) * 班 級 * 姓 名 * 成 績 指導(dǎo)教師 * 2010 年 05 月 28 日學(xué)號2 目錄1.1.制作制作 FLASHFLASH .21.1.1.1.準(zhǔn)備材料準(zhǔn)備材料.21.2.1.2.創(chuàng)建所需元件創(chuàng)建所需元件.21.2.1.1.2.1.創(chuàng)建一個軸元件創(chuàng)建一個軸元件.21.2.2.1.2.2.創(chuàng)建創(chuàng)建 HUAZHOUHUAZHOU 影片剪輯影片剪輯.21.2.31.2.3 創(chuàng)建校歌影片剪輯創(chuàng)建校歌影片剪輯.21.2.41.2.4創(chuàng)建學(xué)校簡介創(chuàng)建學(xué)校簡介 1 1 和學(xué)教動畫簡介和學(xué)教動畫簡介 2 2.21.2.5.1.2.5. 創(chuàng)建學(xué)校骨干影片剪

2、輯創(chuàng)建學(xué)校骨干影片剪輯 .21.2.61.2.6創(chuàng)建學(xué)校宗旨動畫剪輯創(chuàng)建學(xué)校宗旨動畫剪輯 .21.2.71.2.7創(chuàng)建校友圖片影片剪輯創(chuàng)建校友圖片影片剪輯 1 1.21.2.81.2.8創(chuàng)建圖片瀏覽影片剪輯創(chuàng)建圖片瀏覽影片剪輯 .21.2.91.2.9創(chuàng)建紅心影片剪輯創(chuàng)建紅心影片剪輯.21.2.101.2.10創(chuàng)建謝詞影片剪輯創(chuàng)建謝詞影片剪輯.21.2.111.2.11創(chuàng)建三個按鈕創(chuàng)建三個按鈕 .21.31.3場景設(shè)置場景設(shè)置.21.3.11.3.1設(shè)置背景設(shè)置背景.21.3.21.3.2將元件應(yīng)用到場景將元件應(yīng)用到場景.21.3.31.3.3音樂設(shè)置音樂設(shè)置.21.3.41.3.4設(shè)置按鈕及

3、代碼設(shè)置按鈕及代碼.21.41.4效果效果.22. 制作制作PHOTOSHOPPHOTOSHOP.22 21 1圖片合成與濾鏡利用圖片合成與濾鏡利用.22.22.2蒙版摳圖蒙版摳圖.22.22.21 1圖片素材圖片素材.22.22.22 2制作步驟制作步驟.22.32.3利用利用PHOTOSHOPPHOTOSHOP描邊路徑和圖層制作同心圓描邊路徑和圖層制作同心圓 .23 3制作心得制作心得.24 4老師評語老師評語.231. 制作 flash1.1.準(zhǔn)備材料啟動 flash8 并創(chuàng)建一個空的 flash 文檔，修改文檔大小 900*640,導(dǎo)入所需圖片和音樂。1.2.創(chuàng)建所需元件1.2.1.

4、創(chuàng)建一個軸元件。如圖 1 圖片 21.2.2. 創(chuàng)建 huazhou 影片剪輯，如圖 2步驟：1. 在圖層 1 上插入所需要圖片，在第 45 幀插入關(guān)鍵字；2. 創(chuàng)建圖層 2，在圖層 2 上第一幀畫一個矩形將圖層 0 中的圖片全部遮住，在第 45 幀插入關(guān)鍵幀，設(shè)置為遮罩層；3. 圖層 2 中在第一幀將矩形全部移到圖片左邊緣，再創(chuàng)建補間。4. 創(chuàng)建圖層 3，在第一幀將軸元件拖到圖片左端對齊，在第 45 幀插入關(guān)鍵幀。5. 創(chuàng)建圖層 4，在第一幀中復(fù)制軸和圖層三中的軸相連對齊，在第 45 幀插入關(guān)鍵幀，把第一幀的軸拖到最右邊和圖片對齊，在中間創(chuàng)建補間動畫。1.2.3 創(chuàng)建校歌影片剪輯，如圖 3

5、步驟：1.在圖層 1 中插入文字“一中校歌”，并讓它成為一個動畫從左上角進(jìn)入。2.在圖層 2 中插入歌詞圖片 1，并讓它成為一個動畫左端進(jìn)入。3.在圖層 3 中插入歌詞圖片 2，并讓它成為一個動畫右端進(jìn)入。圖 141.2.4創(chuàng)建學(xué)校簡介 1 和學(xué)教動畫簡介 2 兩個影片剪輯 步驟：在圖層 1 中創(chuàng)建一個文本，在文本中輸入學(xué)校的文字簡介，并讓它成動態(tài)文字一步步滾下。兩個步驟相似。1.2.5. 創(chuàng)建學(xué)校骨干影片剪輯，如圖 4 步驟:1.在圖層 1 插入文本輸入所需文字。 2.在圖層 2 中第一幀畫一個矩形將圖層 1 遮住，在最后一幀插入關(guān)鍵幀，然后在第一幀將句子那個拖到文本左上角八分之一處，在當(dāng)中

6、幀插入動畫補間。圖片 41.2.6創(chuàng)建學(xué)校宗旨動畫剪輯，如圖 5 步驟和創(chuàng)建學(xué)校骨干影片剪輯步驟相似。圖片 51.2.7創(chuàng)建校友圖片影片剪輯 1,2,3，如圖 5、圖 6、圖 7。 步驟：創(chuàng)建如圖 5，圖 6，圖 7 所示的書軸滾動元件，步驟和 1.2.1 相似。圖片 35 圖 5 圖 71.2.8創(chuàng)建圖片瀏覽影片剪輯 步驟：1.在圖層 1 插入圖片，在第 10 幀插入關(guān)鍵幀，并將圖片使用時間軸特效并形，順時針旋轉(zhuǎn) 4 圈 30 幀。2.在圖層 2 第 35 幀插入關(guān)鍵幀再插入另一張圖片，過 10 幀后插入關(guān)鍵幀，然后回到第 35 幀將圖片拖到圖層一角，在第 37 插入補間動畫，在第 45 幀

7、將此圖片使用時間軸特效變形旋轉(zhuǎn) 4 圈 30 幀。3.在圖層 3 第 70 幀插入關(guān)鍵幀再插入另一張圖片，使用時間軸特效將圖片水平轉(zhuǎn)換。4.在圖層 3 第 95 幀插入關(guān)鍵幀再插入另一張圖片，使用 3 中特效。5.在圖層 4 第 120 幀插入關(guān)鍵幀在插入另一張圖片，讓它動畫進(jìn)入，在某一正使用時間軸特效將圖片分離。6.在某一圖層插入關(guān)鍵幀插入圖片，使用時間模糊特效。7.其他圖層重復(fù)了以上特效。1.2.9創(chuàng)建紅心影片剪輯，如圖 8 步驟:1.首先創(chuàng)建一個紅心 1 影片剪輯元件，并帶有引導(dǎo)層。2.其次創(chuàng)建一個紅心 2 影片剪輯元件，將圖層元件紅心 1 粘貼到第一幀，再粘貼，然后每 4 幀就插入一個

8、關(guān)鍵幀，同時粘貼元件紅心 1，直到第 120 幀就停止。注意每個紅心是重疊的。3.最后可以看一下效果，紅心影片剪輯復(fù)制到場景中，并再粘貼，點擊上一層的紅心，依次單擊“修改”“變形”“水平翻轉(zhuǎn)”，再按“Ctrl+Enter”。圖 66圖片 81.2.10創(chuàng)建謝詞影片剪輯，效果就是一個流動的“謝謝收看！”。 步驟:1.創(chuàng)建一個引導(dǎo)層和六個圖層，將引導(dǎo)層拖到最所有圖層之上。2.在引導(dǎo)層中畫一個矩形。3.在圖層 1 第一幀建立文本框，輸入“謝”字，拖到矩形的左上角點上，在第60 幀插入關(guān)鍵幀，將文本框拖到矩形框上邊左七分之一處，在中間幀創(chuàng)建動畫補間。4.在圖層 2 第 5 幀創(chuàng)建關(guān)鍵幀并建立文本框，輸

9、入“謝”字，拖到矩形的左上角點上，在第 65 幀插入關(guān)鍵幀，將文本框拖到矩形框上邊左七分之二處，在中間幀創(chuàng)建動畫補間。5.在圖層 3 第 10 幀創(chuàng)建關(guān)鍵幀并建立文本框，輸入“收”字，拖到矩形的左上角點上，在第 70 幀插入關(guān)鍵幀，將文本框拖到矩形框上邊左七分之三處，在中間幀創(chuàng)建動畫補間。6.在圖層 4 第 15 幀創(chuàng)建關(guān)鍵幀并建立文本框，輸入“看”字，拖到矩形的左上角點上，在第 75 幀插入關(guān)鍵幀，將文本框拖到矩形框上邊左七分之六處，在中間幀創(chuàng)建動畫補間。7.在圖層 5 第 20 幀創(chuàng)建關(guān)鍵幀并建立文本框，輸入“！”字，拖到矩形的左上角點上，在第 80 幀插入關(guān)鍵幀，將文本框拖到緊貼“看”字

10、，在中間幀創(chuàng)建動畫補間。1.2.11創(chuàng)建三個按鈕，如圖 9 步驟:先建按鈕元件“播放”、“停止”、“暫?！?，畫圖，插入關(guān)鍵幀。 圖 91.3場景設(shè)置1.3.1設(shè)置背景 步驟:1.創(chuàng)建兩個背景圖層。2.在下面的一個背景圖層中插入整個 flash 都要用到的背景。3.在上面一個背景圖層中插入部分塊要用的背景。74.在第 860 幀處分別創(chuàng)建關(guān)鍵幀。1.3.2將元件應(yīng)用到場景 步驟：1.創(chuàng)建一個畫軸層，將影片剪輯 huazhou 拖到第一幀。2.創(chuàng)建一個校歌層，在下一層后一幀拖入影片剪輯校歌 1，重復(fù) 2，但拖入的是校歌 2。3.創(chuàng)建一個學(xué)校簡介層， 4.創(chuàng)建一個骨干層，將影片剪輯骨干拖入到該層恰當(dāng)

11、的幀。5.創(chuàng)建一個宗旨城，拖入影片剪輯宗旨，步驟仿照 4 操作。6.分別創(chuàng)建校友層、圖片層、謝詞層，分別把影片剪輯校友、圖片瀏覽、謝詞、紅心投入其中，使其連貫。1.3.3音樂設(shè)置 步驟:創(chuàng)建一個音樂層，將其拖至圖層最底端，在第一幀拖入音樂“song1”，并在第 860 幀插入關(guān)鍵幀。1.3.4設(shè)置按鈕及代碼 步驟：1.創(chuàng)建一個按鈕層，將其拖至圖層最頂端。2.依次給每一個影片剪輯命實例名，用到的實例名有;huaxia、ren、xiaoyou、jianjie、gugan、zongzhi、xiaoyou0、xiaoyou1、xiaoyou2、xiaoyou3、tupian、xieci。3.在第一幀拖

12、入按鈕元件“播放”、“停止”、“暫?！薄?.分別給每個元件寫代碼：a) “播放按鈕代碼：on(press)play();music = new Sound();music.attachSound(song1);music.start();_root.huazhou.play();_root.ren.play();_root.xiaoge.play();_root.jianjie.play();_root.gugan.play();_root.zongzhi.play();_root.xiaoyou0.play();_root.xiaoyou1.play();_root.xiaoyou2.pla

13、y();_root.xiaoyou3.play();_root.tupian.play();_root.xieci1.play();b) “停止“按鈕代碼：on(press)gotoAndStop(1);music = new Sound();music.attachSound(song1);music.stop(); c）“暫停”按鈕代碼： on(press)music = new Sound();music.attachSound(song1);music.stop();_root.huazhou.stop();_root.ren.stop();_root.xiaoge.stop();_r

14、oot.jianjie.stop();_root.gugan.stop();_root.zongzhi.stop();_root.xiaoyou0.stop();_root.xiaoyou1.stop();_root.xiaoyou2.stop();_root.xiaoyou3.stop();_root.tupian.stop();_root.xieci1.stop();81.4效果具體效果還需看 flash 真實播放。2. 制作 photoshop21圖片合成與濾鏡利用 素材 1 素材 2 步驟：1.打開素材 1，解鎖，成圖層 0；2.復(fù)制圖層 0，得圖層 0 副本；3.在圖層 0 副本上，

15、執(zhí)行菜單欄編輯變換垂直翻轉(zhuǎn)命令；4.降低圖層 0 副本的不透明度，以利觀察下面圖層情況向下移動圖層 0 副本，到這兩張正反圖片的房子下部對齊時停止移動；將圖層 0 副本用“矩形選框工具”把房子地基以上部分選中，刪除,取消選擇后恢復(fù)圖層 0 副本不透明度為100；5.濾鏡模糊高斯模糊（半徑 2-3） ；6.用橢圓選框工具在院子中畫個橢圓濾鏡扭曲水波，自己調(diào)整波紋大??；97.不要取消選區(qū)，點選擇變換選區(qū)（不要用 Ctrl+T） ，把選區(qū)移動到另一個地方，再造出個水波來（按 Ctrl+F 重復(fù)水波濾鏡效果） ，大小與前一個要有所不同才好；8.打開美女圖片解鎖，把她用容差 40 的魔棒摳出來修邊圖層修

16、邊移去白色雜邊；9.拖動美女到圖層 0 副本中，得圖層 1，調(diào)整大小、位置放在什么地方隨意了。10. 復(fù)制圖層 1，得圖層 1 副本，哈，下面就是給美女做倒影了垂直翻轉(zhuǎn)向下移動高斯模糊，完成了。2.2蒙版摳圖2.21圖片素材10 2.22制作步驟1. 首先打開美女素材圖片，然后按下 Ctrl+J 快捷鍵復(fù)制出“圖層 1”，并在圖層面板中單擊“添加圖層蒙版”按鈕，接著把背景圖片拷貝到“圖層 1”與“背景”圖層之間，如圖 a 所示。 圖 a 圖 b2. 單擊圖層 1 的“蒙版”層，然后使用“油漆桶工具”在蒙版層上填充黑色，如圖b 所示。3. 選擇“圖層 2”，然后調(diào)整其不透明度，如圖 c 所示。4

17、. 設(shè)置前景色為白色，然后使用“畫筆工具”在圖層 1 的蒙版層上涂抹，把人物的皮膚和衣服涂抹出來，如圖 d 所示。 圖 c 圖 d5. 取消“圖層 2”的可見性，然后選擇“背景”圖層，如圖 e 所示。116. 在菜單欄中選擇“選擇色彩范圍”命令，并在“背景”圖層中單擊人物的頭發(fā)進(jìn)行采樣，然后在“色彩范圍”對話框中拖動“顏色容差”的調(diào)整點，把人物的頭發(fā)選擇出來，如圖 f 所示。 圖 e 圖 f完成色彩范圍設(shè)置后，即可看見人物的頭發(fā)被選取了，如圖 g 所示。 圖片 g 圖片 h7. 按下 Ctrl+J 快捷鍵復(fù)制出人物的頭發(fā)部分，得到圖層 3，如圖 h 所示。8. 此時，打開所有圖層的可見性，并把

18、“圖層 3”調(diào)整到圖層面板的最上方，如圖 i 所示。9. 最后再次使用白色的“畫筆工具”，在“圖層 1”的蒙版層上涂抹美女還未顯示出來的身體部位，及最后效果，如圖 j 所示。 圖片 I 圖片 j2.3利用 photoshop 描邊路徑和圖層制作同心圓12步驟：1.打開 PS,新建一個空白的白色背景文檔,大小隨意；2.在背景圖層上新建一個圖層,用橢圓選框工具,按住 Shift 鍵拉出一個正圓,然后選擇編輯描邊，如圖；3.雙擊圓的那個圖層,彈出圖層樣式對話框,選擇描邊,設(shè)置如下(這里大小按自己要的來就行了,覺得差不多就可以了)；4.復(fù)制多兩個圓,然后 Ctrl T 進(jìn)行自由變換,在縮放的同時,按住 Shift Alt 進(jìn)行等比例縮放，最后效果如圖，完工后,把這三個圓的圖層合并起來(把三個圖層選起來,按 CTRL E 就可以合并啦)；5.下面要畫一下卡片的背景了,先把圓前面的眼睛點掉吧,隱藏起來,