電子相冊(cè)FLASH畢業(yè)設(shè)計(jì)

1、四川師范大學(xué)成都學(xué)院本科畢業(yè)設(shè)計(jì) PAGE 20大學(xué)畢業(yè)電子紀(jì)念相冊(cè)設(shè)計(jì)與制作前言電子相冊(cè)是指可以在任何電子顯示器上呈現(xiàn)，結(jié)合圖片、文字、音樂(lè)、相框等多種表達(dá)形式于一體的綜合產(chǎn)物，它可以是一組靜態(tài)圖像，也可以是動(dòng)態(tài)視頻組合在一起的故事性短片。電子相冊(cè)包括兩種，一種是軟件類型的電子相冊(cè)，例如 Flash、Windows Movie Maker、Premiere、Portable Scribus等制作的電子相冊(cè)；還有一類電子相冊(cè)屬于硬件類型，這種相冊(cè)可以不通過(guò)電腦播放，而是在LCD上顯示，此類電子產(chǎn)品被稱為電子相框。電子相冊(cè)有方便保存、價(jià)格低廉、便于傳閱、表達(dá)方式豐富等優(yōu)點(diǎn)，因此深入應(yīng)用到了人們生

2、活的方方面面，比方婚紗影像、兒童寫真、個(gè)人寫真、聚會(huì)情景等等，它們都需要應(yīng)用電子相冊(cè)制作成為影像記錄人生的美好時(shí)光，刻錄成VCD、DVD光盤長(zhǎng)期保存。1 素材收集隨著科技的開展，數(shù)碼產(chǎn)品的使用已經(jīng)普及到大局部人們的生活，帶有攝影攝像功能的儀器，也從最初時(shí)期的專業(yè)攝影機(jī)、DV、照相機(jī)逐步轉(zhuǎn)化為家庭式更便捷的單反相機(jī)，甚至是 。1.1 攝影概述攝影從物理角度講，就是光學(xué)成像的原理，讓現(xiàn)實(shí)場(chǎng)景的東西通過(guò)鏡頭在二維平面上展現(xiàn)出來(lái)。由此我們又可通過(guò)成像方式和效果來(lái)分類，分別為圖片攝影、電影攝影和電視攝影等。在接下來(lái)的素材獲取中，我們最常用的就是圖片攝影，通俗的講就是用照相機(jī)進(jìn)行拍攝。1.2 素材獲取素材

3、的獲取過(guò)程依次為選擇、照明、構(gòu)圖、曝光、呈現(xiàn)。選擇是選擇需要拍攝的物體，此物體要能通過(guò)照片來(lái)表達(dá)自己的信息和思想；照明那么是為了保證被攝體能被清晰看見；構(gòu)圖就是把被攝體放在適宜的位置，更好的表達(dá)攝影者的思想、情緒、藝術(shù)修養(yǎng)。如圖1.2-1所示：圖1.2-1 軍訓(xùn)圖1.2-1那么是選擇軍訓(xùn)場(chǎng)景為拍攝物，將被攝物體以九宮格黃金分割點(diǎn)比例排放，以側(cè)面拍攝的角度表達(dá)軍訓(xùn)同學(xué)整齊劃一的隊(duì)列，另外曝光局部雖經(jīng)過(guò)后期處理，但目的在于增強(qiáng)了畫面視覺(jué)沖擊力，也充分突出了軍訓(xùn)場(chǎng)景太陽(yáng)的熾烈和同學(xué)們訓(xùn)練的一絲不茍。2 Photoshop處理素材與圖形繪制2.1 Photoshop概述Adobe Photoshop是

4、一個(gè)專業(yè)級(jí)圖像編輯軟件。從1990年第一代開始，到如今它已成為圖像處理行業(yè)的標(biāo)準(zhǔn)。使用人員可在電腦上直接完成文字的錄入與編排、圖像繪制與處理、形象創(chuàng)造和網(wǎng)頁(yè)設(shè)計(jì)等。隨著現(xiàn)在人們對(duì)圖像要求的增多，也正是因?yàn)樵撥浖谋憷c優(yōu)勢(shì)，幾乎無(wú)處不見PS的痕跡。2.2 Photoshop處理素材2.2.1 渲染照片氣氛 無(wú)論是專業(yè)攝影師還是攝影愛好者，都會(huì)認(rèn)識(shí)到色彩對(duì)于一整幅圖像的重要性，甚至相同的圖像，通過(guò)色彩的變化，它所渲染的氣氛就天差地別。接下來(lái)我們將通過(guò)Photoshop提供的圖像處理功能，對(duì)圖像進(jìn)行調(diào)色，從而將圖像調(diào)整為非常具有視覺(jué)感染力的色調(diào)。同時(shí)，顏色的選擇也反映一種心理感受，比方紅色代表喜慶

5、，具有刺激性效果；藍(lán)色代表永恒、清新、專業(yè)的效果；黃色那么表達(dá)暖色調(diào)的最大含義。我們將通過(guò)圖像色階調(diào)整，來(lái)展現(xiàn)我們想要的懷舊效果。 1圖像-調(diào)整-色階RGB +29，1.0，+234。如圖-1所示：圖-1 調(diào)整色階2執(zhí)行色相/飽和度命令全圖 -14，+41，-1。如圖-2所示：圖-2 色相/飽和度命令3圖像-調(diào)整-黑白，分別設(shè)置其G：40% Y：60% G：40% C：60% B：20% M：80%。如圖-3所示：圖-3 調(diào)整黑白2.2.2 燒紙效果的舊照片適當(dāng)?shù)臑V鏡使用能讓圖像呈現(xiàn)一種最正確藝術(shù)效果，偶爾我們還能通過(guò)濾鏡功能來(lái)創(chuàng)作一些具有豐富想象力的照片。在Photoshop中濾鏡根本可分為

6、三類：內(nèi)闕濾鏡、內(nèi)置濾鏡、外掛濾鏡。我們可通過(guò)以下展示來(lái)發(fā)現(xiàn)濾鏡帶來(lái)的藝術(shù)效果。1選擇一張圖片，執(zhí)行圖象-調(diào)整-色相/飽和度命令+1，-58，+1。2然后再進(jìn)行圖象-調(diào)整-變化的操作中間色調(diào)，加深黃色，加深紅色，加亮。 如圖-2所示：圖-2 調(diào)整變化3為效果真實(shí)和存檔，復(fù)制背景層，執(zhí)行濾鏡-紋理-顆粒9，56，垂直。如圖-3所示:圖-3 紋理顆粒4新建一個(gè)圖層，執(zhí)行濾鏡-渲染-云彩。5再執(zhí)行圖象-調(diào)整-亮度/比照度+27，+100。6用魔棒工具，選中圖層一中的黑色區(qū)域。7關(guān)閉圖層一的預(yù)覽，將背景層的前景色改為暗棕色。8選擇-修改-擴(kuò)展5像素，選擇-修改-羽化5像素。9編輯-填充前景色，選定圖層

7、一，用魔棒選取黑色選區(qū)。10關(guān)閉背景層和圖層一的預(yù)覽，選定復(fù)制背景層，執(zhí)行編輯-去除。11圖象-畫布大小，高度/寬度均增加一厘米，定位中。12翻開背景層預(yù)覽，選定背景層，填充前景色淺棕色。13選定復(fù)制背景層，執(zhí)行圖層-圖層樣式-投影.正底疊片，不透明度43%，角度50，距離8，擴(kuò)展3%，大小9。14合并所有圖層，并保存為jpg格式。如圖-14所示：圖-14 最終效果 制作懷舊老照片效果在Photoshop中，圖層相當(dāng)于一張張膠片，按順序疊放在一起，組合起來(lái)形成一副畫的最終效果。圖層的常見類型有：背景層、普通層、文字層、形狀層、調(diào)節(jié)層、效果層、蒙版層等。圖層的疊加效果又是在根本圖層按順序疊放的根

8、底上，讓某幾個(gè)圖層更好的重疊在一起，到達(dá)一種混合的效果，它的常見類型有：溶解、正片疊底、顏色減淡、柔光等。甚至我們還可以添加諸如投影、外發(fā)光、內(nèi)發(fā)光、斜面與浮雕等效果。接下來(lái)我們將采用圖層順序的變換和疊加模式來(lái)到達(dá)我們想要的效果。1執(zhí)行圖像-調(diào)整-去色。2導(dǎo)入預(yù)先準(zhǔn)備好的懷舊矢量圖，正片疊底，并調(diào)整其透明度。如圖-2所示：圖-2 正片疊底3調(diào)整參數(shù)得到最終效果，并保存為jpg格式。如圖-3所示：圖-3 最終效果2.3 圖形繪制在Photoshop中繪圖工具繁多，我們經(jīng)常用的有畫筆工具、鉛筆工具、顏色替換工具、形狀繪制工具、圖章工具等。1翻開Photoshop，文件-新建297mm210mm 其

9、余值均為默認(rèn)。2使用左側(cè)鉛筆工具繪制相框輪廓，或從網(wǎng)上搜索相關(guān)圖片，導(dǎo)入ps中進(jìn)行圖片處理。3使用修補(bǔ)工具和仿制圖章工具，或直接使用矩形選框工具。如圖2.3-3所示：圖2.3-3 最終結(jié)果4最后另存為為jpg格式。3 Flash電子相冊(cè)制作3.1 Flash概述Flash是以制作動(dòng)畫為核心功能的工具軟件，它可以制作動(dòng)態(tài)網(wǎng)頁(yè)，也可以制作一個(gè)完整的多媒體作品。這是因?yàn)樗哂袕?qiáng)大的矢量繪圖能力，而且還是卓越的網(wǎng)絡(luò)動(dòng)畫作品編輯器，同時(shí)又可以和其他工具結(jié)合使用，再加之它文件容量小、下載速度快、交互性強(qiáng)、網(wǎng)絡(luò)功能好等特點(diǎn)，奠定了它在當(dāng)今網(wǎng)絡(luò)社會(huì)廣泛應(yīng)用的根底。3.2 制作過(guò)程3.2.1 創(chuàng)立Flash文檔

10、在Flash的菜單欄上選擇【文件】-【新建】命令，翻開【新建文檔】對(duì)話框，如圖3.2.1-1所示：圖3.2.1-1 【新建文檔】對(duì)話框3.2.2 使用圖層編排動(dòng)畫插入新圖層，圖層/時(shí)間軸如圖3.2.2-1所示：圖3.2.2-1 圖層/時(shí)間軸制作動(dòng)畫時(shí)通常都要用到多個(gè)圖層，此時(shí)可以將這些圖層看成是一疊透明紙。在制作復(fù)雜動(dòng)畫時(shí)，可以將動(dòng)畫進(jìn)行劃分，把不同的對(duì)象放在不同的圖層上，這樣每個(gè)圖層之間是相互獨(dú)立的，都有自己的時(shí)間軸，包含各層獨(dú)立的多個(gè)幀，當(dāng)修改某個(gè)圖層時(shí)，不會(huì)影響到其他圖層上的對(duì)象。同時(shí)，為了方便區(qū)分某些特殊圖層，我們還可以適當(dāng)予以取名，方便區(qū)分，提高工作效率。在Flash中圖層共分為3種

11、類型，即一般圖層，引導(dǎo)圖層和被引導(dǎo)圖層，遮罩圖層和被遮罩圖層。其中“大學(xué)畢業(yè)電子紀(jì)念相冊(cè)文字就用到了遮罩動(dòng)畫效果。遮罩動(dòng)畫如圖3.2-2-2所示：圖3.2-2-2 遮罩動(dòng)畫圖層一：用靜態(tài)文本輸入文字內(nèi)容，并使其對(duì)其舞臺(tái)居中，再在菜單欄中執(zhí)行【修改-別離】命令兩次，然后在35幀插入【普通幀F(xiàn)5】。圖層二：用鉛筆工具在文字左側(cè)繪制一條有一定寬度的線條，再在35幀上插入【關(guān)鍵幀F(xiàn)6】，并將其線條移動(dòng)到文字右側(cè)，然后在中間單擊鼠標(biāo)右鍵創(chuàng)立【動(dòng)畫補(bǔ)間】。最后將圖層一移動(dòng)至圖層二上方，并單擊鼠標(biāo)右鍵將其設(shè)置為【遮罩層】，那么自然而然圖層二變?yōu)椤颈徽谡謱印俊Ｍ瓿珊髮⑵鋭?chuàng)立為【影片剪輯】元件，方便使用?？偨Y(jié)：

12、幀就是影像動(dòng)畫中最小單位的單幅影像畫面。一幀就是一副靜止的畫面，連續(xù)的幀快速播放，利用人眼的視覺(jué)暫留現(xiàn)象就形成動(dòng)畫。根底動(dòng)畫又分為每一幀都是關(guān)鍵楨的逐幀動(dòng)畫和開始幀和結(jié)束幀，中間過(guò)程交給計(jì)算機(jī)完成的補(bǔ)間動(dòng)畫。高級(jí)動(dòng)畫那么需要多個(gè)圖層，而且圖層之間必須相互影響，分為遮罩動(dòng)畫和引導(dǎo)動(dòng)畫。3.2.3 導(dǎo)入圖片與聲音執(zhí)行【文件】-【導(dǎo)入】菜單命令，選擇路徑，聲音文件名和圖片文件名，點(diǎn)擊【翻開】按鈕，導(dǎo)入到庫(kù)，如圖3.2-3所示：圖3.2-3 導(dǎo)入到庫(kù)在制作完整的Flash動(dòng)畫時(shí)，往往需要大量的圖形文件，雖然Flash也能繪制圖形，但是與專業(yè)的繪圖軟件比又差之千里，因此在導(dǎo)入圖片前，我們可以通過(guò)Phot

13、oshop對(duì)要導(dǎo)入的圖片進(jìn)行處理，通過(guò)加工，讓圖片變的更加美觀，同時(shí)還能突出相應(yīng)的主題。導(dǎo)入聲音時(shí)，我們也應(yīng)該注意，F(xiàn)lash軟件對(duì)音頻的支持格式，同時(shí)還要保證導(dǎo)出文件的大小，保證易于傳輸。由于有的聲音文件比擬大，我們?cè)谶@里要注意壓縮，也可直接選擇MP3格式的聲音文件。總結(jié)：音頻的格式有MP3、WMA、WAV、FLAC、ASF、AAC等，其中WAV格式是微軟公司自己開發(fā)的一種聲音格式，也是無(wú)損格式，雖然它完整的保證了音質(zhì)，但是它所需儲(chǔ)存空間大，不便于交流和傳播。我們?cè)谌粘Ｉ钪校畛Ｓ玫木褪荕P3格式，雖然它音質(zhì)不高，但是它具備的音頻壓縮技術(shù)，在保證音質(zhì)損失最小的程度上，還大大縮小的文件大小，

14、因此MP3格式的音頻很適合在網(wǎng)絡(luò)上傳播。導(dǎo)入聲音后，還需要進(jìn)行聲音的綁定，設(shè)置效果和同步方式，甚至需要對(duì)聲音進(jìn)行編輯。3.2.4 元件的使用將所導(dǎo)入的圖片和聲音轉(zhuǎn)換為元件。可以使用【插入】-【元件】命令，翻開【創(chuàng)立新元件】對(duì)話框，如圖3.2-4-1所示：圖3.2-4-1 【創(chuàng)立新元件】對(duì)話框元件存在的形式可以是圖形、按鈕或者動(dòng)畫，在Flash中，元件被存放在庫(kù)中，而每個(gè)元件又具有唯一的時(shí)間軸、舞臺(tái)和圖層，因此在制作動(dòng)畫時(shí)，元件更是不可缺少的根底，由于它的可重復(fù)使用性和獨(dú)立編輯性，F(xiàn)lash中任何一個(gè)功能，都可通過(guò)一個(gè)或多個(gè)元件來(lái)實(shí)現(xiàn)。其中“play“開學(xué)“學(xué)習(xí)生活“畢業(yè)“返回均屬于【按鈕】元件

15、?！皃lay按鈕如圖3.2-4-2所示：圖3.2-4-2 “play按鈕圖層一：在網(wǎng)上搜索需要的圖形，經(jīng)PS處理后另存為png格式，導(dǎo)入到舞臺(tái)。圖層二：在【指針經(jīng)過(guò)】下插入【關(guān)鍵幀F(xiàn)6】使用靜態(tài)文本輸入文本內(nèi)容?？偨Y(jié)：元件是在Flash中重復(fù)使用的對(duì)象?？梢苑譃閳D形、按鈕或影片剪輯。圖形元件往往是屢次重復(fù)使用的靜態(tài)圖像；按鈕是實(shí)現(xiàn)人機(jī)交互的媒介物；而影片剪輯是一段可以獨(dú)立的動(dòng)畫。3.2.5 使用ActionScript編程ActionScript是Flash與程序進(jìn)行通信的方式。使用者就是通過(guò)它來(lái)告訴Flash將要執(zhí)行什么，并詢問(wèn)在影片運(yùn)行時(shí)發(fā)生了什么。這種雙向的通信方式，便是讓Flash軟件

16、具有交互性這一特點(diǎn)的原因，也使得Flash比其他動(dòng)畫制作軟件更勝一籌。ActionScript與其他腳本語(yǔ)言一樣，都遵循特定的語(yǔ)法規(guī)那么、保存關(guān)鍵字、提供運(yùn)算符，并且允許使用變量存儲(chǔ)和獲取信息，而且還包含內(nèi)置的對(duì)象和函數(shù)，同時(shí)還允許用戶創(chuàng)立自己的對(duì)象和函數(shù)，因?yàn)樗@方面的便利，更顯示出Flash這一軟件的優(yōu)勢(shì)?！緞?dòng)作】面板是Flash用于腳本編輯的主要區(qū)域，在菜單欄上選擇【窗口】-【動(dòng)作】命令或鍵盤按鍵F9后，即可翻開【動(dòng)作】面板，其結(jié)構(gòu)如圖3.2.6-1所示：圖3.2.6-1 【動(dòng)作】面板在電子相冊(cè)的制作中，圖層27，第1幀的下雪場(chǎng)景的代碼為：fallSnow(this, 100, 1280

17、, 720);function fallSnow(path, num, size) for (var i = 0; inum; i+) path.createEmptyMovieClip(s+i, i);var mc = paths+i;mc._x = random(size0);mc._y = random(size1);mc.ro = 1, -1random(2);mc.xtime = random(20);mc.startTime = 0;mc.id = Math.pow(i, 1/2);createSnow(mc, mc.id/2.5, 0 xffffff, 20*mc.id);var

18、 loop = function () updateAfterEvent();for (var i = 0; inum; i+) var mc = paths+i;mc._rotation += mc.ro*5;mc._x += mc.id*mc.ro/10;mc._y += mc.id/2;mc.startTime+;scanTar(mc);scanEdge(mc, size);var interval = setInterval(loop, 10);function createSnow(mc, radius, c, alpha) with (mc) moveTo(0, -radius);

19、beginFill(c, alpha);lineStyle(0, 0 x000000, 0);for (var i = 1; i=mc.xtime) mc.startTime = 0;mc.xtime = random(20);mc.ro = 1, -1random(2);function scanEdge(mc, size) if (mc._xsize0) mc._x = 0; else if (mc._xsize1) mc._y = 0;在圖層6、第16幀，是“paly按鈕，其代碼為：on(release)gotoandplay(20);在圖層6、第391幀，圖層19、第788幀，圖層9、

20、第1268幀，分別是“返回按鈕，其代碼為：on(release)gotoandplay(140);在圖層2的第19幀、166幀、399幀、795幀、1275幀，均為每組圖片展示的最后一張，因此其代碼為：stop();另外所有元件的最后一幀上的代碼也均為：stop();總結(jié)：常用的時(shí)間軸控制函數(shù)有：gotoAndPlay用來(lái)控制時(shí)間軸跳轉(zhuǎn)到設(shè)定幀位置并且播放動(dòng)畫gotoAndStop用來(lái)控制時(shí)間軸跳轉(zhuǎn)到設(shè)定幀位置并且停止在那一幀nextFrame是使時(shí)間軸跳到下一幀并停止在那一幀nextScene是跳到下一場(chǎng)景第一幀play是使時(shí)間軸從當(dāng)前幀播放動(dòng)畫prevFrame是使時(shí)間軸回到上一幀并停止在

21、那一幀prevScene是回到上一場(chǎng)景第一幀stop是使時(shí)間軸停止在當(dāng)前幀上stopAllSounds 是停止時(shí)間軸上的所有聲音播放常用的影片剪輯控制函數(shù)有：startdrag 用來(lái)拖曳場(chǎng)景上的instance，執(zhí)行時(shí)，被拖曳的instance會(huì)跟著鼠標(biāo)光標(biāo)位置移動(dòng)stopdrag 用來(lái)停止鼠標(biāo)拖曳對(duì)象的操作duplicatemovieclip主要功能為復(fù)制影片對(duì)象setProperty 是設(shè)置一個(gè)影片剪輯的屬性getProperty 是讀取一個(gè)影片剪輯的屬性。4 會(huì)聲會(huì)影添加特效4.1 會(huì)聲會(huì)影簡(jiǎn)介會(huì)聲會(huì)影是一款功能強(qiáng)大且易上手的視頻編輯軟件，在兼顧專業(yè)視頻編輯軟件具有功能的同時(shí)，還自帶了百

22、余種的編制功能與效果，可以說(shuō)是“傻瓜式操作，但制作效果絕不輸于專業(yè)制作的效果。由于該軟件操作簡(jiǎn)單的特點(diǎn)，我們?cè)诖嗽O(shè)計(jì)中所需要用到的視頻編輯工作均在該軟件中進(jìn)行。4.2 制作過(guò)程 另存為Flash文檔將需要加特效的局部從Flash文檔中分別單獨(dú)另保存為“拆分1“拆分2“拆分3，“拆分1如圖-1所示：圖-1 “拆分1然后將其導(dǎo)出為avi或mov格式的視頻文件。其余兩個(gè)文件均用同樣的方式，最終得到“拆分1.avi、“拆分2.avi、“拆分3.avi三個(gè)視頻文件。 導(dǎo)入會(huì)聲會(huì)影翻開會(huì)聲會(huì)影軟件，將“拆分1.avi視頻拖動(dòng)到編輯軌道上，選擇【濾鏡】-【鏡頭閃光】，長(zhǎng)按拖動(dòng)至編輯軌道視頻上，即可出現(xiàn)我們需

23、要的效果，如圖-1所示：圖-1 【鏡頭閃光】效果其余方式均一致，分別為如圖-2【氣泡】效果和如圖4.2.2-3【老電影】效果：圖-2 【氣泡】效果圖-3 【老電影】效果視頻在經(jīng)過(guò)編輯之后，會(huì)出現(xiàn)視頻播放速度和原始Flash生成swf格式文件播放速度不一致現(xiàn)象。特別是圖片切換效果上的不流暢，導(dǎo)致觀看效果不佳。因此我們?cè)谑褂脮?huì)聲會(huì)影編輯視頻之后，導(dǎo)出時(shí)要特別注意視頻播放的流暢性，有必要時(shí)我們需要在編輯軌道上單擊右鍵，選中【變速】進(jìn)行播放速度的調(diào)整，【變速】調(diào)整如圖-4所示：圖-4 【變速】調(diào)整 視頻格式轉(zhuǎn)換器經(jīng)會(huì)聲會(huì)影處理過(guò)的視頻導(dǎo)出格式一般為avi或mov。雖然這兩者均是常見視頻格式，但都不都在Flash文件中使用。因此，需要用到視頻格式轉(zhuǎn)換器，將編輯好了的三個(gè)視頻導(dǎo)入到轉(zhuǎn)換器中，調(diào)整好輸出格式設(shè)置和輸出保存位置，并選擇好支持Flash文檔中使用的flv格式。如圖-1所示：圖-1 視頻格式轉(zhuǎn)換 導(dǎo)入Flash文檔經(jīng)過(guò)前幾部的完善處理，最終得到添加好特效的視頻文件，將其導(dǎo)入到原Flash文檔中，放在對(duì)應(yīng)的位置，并調(diào)整相應(yīng)圖片與文字的播放速度，得到最終效果。5 結(jié)束語(yǔ)隨著畢業(yè)設(shè)計(jì)的結(jié)束，我的大學(xué)生活也逐漸畫上了句號(hào)。在完成畢業(yè)設(shè)計(jì)的過(guò)程中，不