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

年4月19日電子相冊FLASH畢業(yè)設(shè)計文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。大學(xué)畢業(yè)電子紀(jì)念相冊設(shè)計與制作前言電子相冊是指能夠在任何電子顯示器上呈現(xiàn)，結(jié)合圖片、文字、音樂、相框等多種表示形式于一體的綜合產(chǎn)物，它能夠是一組靜態(tài)圖像，也能夠是動態(tài)視頻組合在一起的故事性短片。電子相冊包括兩種，一種是軟件類型的電子相冊，例如Flash、WindowsMovieMaker、Premiere、PortableScribus等制作的電子相冊；還有一類電子相冊屬于硬件類型，這種相冊能夠不經(jīng)過電腦播放，而是在LCD上顯示，此類電子產(chǎn)品被稱為電子相框。電子相冊有方便保存、價格低廉、便于傳閱、表示方式豐富等優(yōu)點(diǎn)，因此深入應(yīng)用到了人們生活的方方面面，比如婚紗影像、兒童寫真、個人寫真、聚會情景等等，它們都需要應(yīng)用電子相冊制作成為影像記錄人生的美好時光，刻錄成VCD、DVD光盤長期保存。1素材收集 隨著科技的發(fā)展，數(shù)碼產(chǎn)品的使用已經(jīng)普及到大部分人們的生活，帶有攝影攝像功能的儀器，也從最初時期的專業(yè)攝影機(jī)、DV、照相機(jī)逐步轉(zhuǎn)化為家庭式更便捷的單反相機(jī)，甚至是手機(jī)。1.1攝影概述攝影從物理角度講，就是光學(xué)成像的原理，讓現(xiàn)實(shí)場景的東西經(jīng)過鏡頭在二維平面上展現(xiàn)出來。由此我們又可經(jīng)過成像方式和效果來分類，分別為圖片攝影、電影攝影和電視攝影等。在接下來的素材獲取中，我們最常見的就是圖片攝影，通俗的講就是用照相機(jī)進(jìn)行拍攝。1.2素材獲取素材的獲取過程依次為選擇、照明、構(gòu)圖、曝光、呈現(xiàn)。選擇是選擇需要拍攝的物體，此物體要能經(jīng)過照片來表示自己的信息和思想；照明則是為了保證被攝體能被清晰看見；構(gòu)圖就是把被攝體放在合適的位置，更好的表示攝影者的思想、情緒、藝術(shù)修養(yǎng)。如圖1.2-1所示：圖1.2-1軍訓(xùn)圖1.2-1則是選擇軍訓(xùn)場景為拍攝物，將被攝物體以九宮格黃金分割點(diǎn)比例排放，以側(cè)面拍攝的角度體現(xiàn)軍訓(xùn)同學(xué)整齊劃一的隊列，另外曝光部分雖經(jīng)過后期處理，但目的在于增強(qiáng)了畫面視覺沖擊力，也充分突出了軍訓(xùn)場景太陽的熾烈和同學(xué)們訓(xùn)練的一絲不茍。2Photoshop處理素材與圖形繪制2.1Photoshop概述AdobePhotoshop是一個專業(yè)級圖像編輯軟件。從1990年第一代開始，到如今它已成為圖像處理行業(yè)的標(biāo)準(zhǔn)。使用人員可在電腦上直接完成文字的錄入與編排、圖像繪制與處理、形象創(chuàng)造和網(wǎng)頁設(shè)計等。隨著現(xiàn)在人們對圖像要求的增多，也正是因為該軟件的便利與優(yōu)勢，幾乎無處不見PS的痕跡。2.2Photoshop處理素材2.2.1渲染照片氣氛無論是專業(yè)攝影師還是攝影愛好者，都會認(rèn)識到色彩對于一整幅圖像的重要性，甚至相同的圖像，經(jīng)過色彩的變化，它所渲染的氛圍就天差地別。接下來我們將經(jīng)過Photoshop提供的圖像處理功能，對圖像進(jìn)行調(diào)色，從而將圖像調(diào)整為非常具有視覺感染力的色調(diào)。同時，顏色的選擇也反映一種心理感受，比如紅色代表喜慶，具有刺激性效果；藍(lán)色代表永恒、清新、專業(yè)的效果；黃色則體現(xiàn)暖色調(diào)的最大含義。我們將經(jīng)過圖像色階調(diào)整，來展現(xiàn)我們想要的懷舊效果。1）圖像-調(diào)整-色階（RGB+29，1.0，+234）。如圖2.2.1-1所示：圖2.2.1-1調(diào)整色階2）執(zhí)行色相/飽和度命令（全圖-14，+41，-1）。如圖2.2.1-2所示：圖2.2.1-2色相/飽和度命令3）圖像-調(diào)整-黑白，分別設(shè)置其（G：40%Y：60%G：40%C：60%B：20%M：80%）。如圖2.2.1-3所示：圖2.2.1-3調(diào)整黑白2.2.2燒紙效果的舊照片適當(dāng)?shù)臑V鏡使用能讓圖像呈現(xiàn)一種最佳藝術(shù)效果，偶然我們還能經(jīng)過濾鏡功能來創(chuàng)作一些具有豐富想象力的照片。在Photoshop中濾鏡基本可分為三類：內(nèi)闕濾鏡、內(nèi)置濾鏡、外掛濾鏡。我們可經(jīng)過以下展示來發(fā)現(xiàn)濾鏡帶來的藝術(shù)效果。1）選擇一張圖片，執(zhí)行圖象-調(diào)整-色相/飽和度命令（+1，-58，+1）。2）然后再進(jìn)行圖象-調(diào)整-變化的操作（中間色調(diào)，加深黃色，加深紅色，加亮）。如圖2.2.2-2所示：圖2.2.2-2調(diào)整變化3）為效果真實(shí)和存檔，復(fù)制背景層，執(zhí)行濾鏡-紋理-顆粒（9，56，垂直）。如圖2.2.2-3所示:圖2.2.2-3紋理顆粒4）新建一個圖層，執(zhí)行濾鏡-渲染-云彩。5）再執(zhí)行圖象-調(diào)整-亮度/對比度（+27，+100）。6）用魔棒工具，選中圖層一中的黑色區(qū)域。7）關(guān)閉圖層一的預(yù)覽，將背景層的前景色改為暗棕色。8）選擇-修改-擴(kuò)展（5像素），選擇-修改-羽化（5像素）。9）編輯-填充（前景色），選定圖層一，用魔棒選取黑色選區(qū)。10）關(guān)閉背景層和圖層一的預(yù)覽，選定復(fù)制背景層，執(zhí)行編輯-清除。11）圖象-畫布大小，高度/寬度均增加一厘米，定位（中）。12）打開背景層預(yù)覽，選定背景層，填充前景色（淺棕色）。13）選定復(fù)制背景層，執(zhí)行圖層-圖層樣式-投影.（正底疊片，不透明度43%，角度50，距離8，擴(kuò)展3%，大小9）。14）合并所有圖層，并保存為jpg格式。如圖2.2.2-14所示：圖2.2.2-14最終效果2.2.3制作懷舊老照片效果在Photoshop中，圖層相當(dāng)于一張張膠片，按順序疊放在一起，組合起來形成一副畫的最終效果。圖層的常見類型有：背景層、普通層、文字層、形狀層、調(diào)節(jié)層、效果層、蒙版層等。圖層的疊加效果又是在基本圖層按順序疊放的基礎(chǔ)上，讓某幾個圖層更好的重疊在一起，達(dá)到一種混合的效果，它的常見類型有：溶解、正片疊底、顏色減淡、柔光等。甚至我們還能夠添加諸如投影、外發(fā)光、內(nèi)發(fā)光、斜面與浮雕等效果。接下來我們將采用圖層順序的變換和疊加模式來達(dá)到我們想要的效果。1）執(zhí)行圖像-調(diào)整-去色。2）導(dǎo)入預(yù)先準(zhǔn)備好的懷舊矢量圖，正片疊底，并調(diào)整其透明度。如圖2.2.3-2所示：圖2.2.3-2正片疊底3）調(diào)整參數(shù)得到最終效果，并保存為jpg格式。如圖2.2.3-3所示：圖2.2.3-3最終效果2.3圖形繪制在Photoshop中繪圖工具繁多，我們經(jīng)常見的有畫筆工具、鉛筆工具、顏色替換工具、形狀繪制工具、圖章工具等。1）打開Photoshop，文件-新建（297mm×210mm其余值均為默認(rèn)）。2）使用左側(cè)鉛筆工具繪制相框輪廓，或從網(wǎng)上搜索相關(guān)圖片，導(dǎo)入ps中進(jìn)行圖片處理。3）使用修補(bǔ)工具和仿制圖章工具，或直接使用矩形選框工具。如圖2.3-3所示：圖2.3-3最終結(jié)果4）最后另存為為jpg格式。3Flash電子相冊制作3.1Flash概述Flash是以制作動畫為核心功能的工具軟件，它能夠制作動態(tài)網(wǎng)頁，也能夠制作一個完整的多媒體作品。這是因為它具有強(qiáng)大的矢量繪圖能力，而且還是卓越的網(wǎng)絡(luò)動畫作品編輯器，同時又能夠和其它工具結(jié)合使用，再加之它文件容量小、下載速度快、交互性強(qiáng)、網(wǎng)絡(luò)功能好等特點(diǎn)，奠定了它在當(dāng)今網(wǎng)絡(luò)社會廣泛應(yīng)用的基礎(chǔ)。3.2制作過程3.2.1創(chuàng)立Flash文檔在Flash的菜單欄上選擇【文件】-【新建】命令，打開【新建文檔】對話框，如圖3.2.1-1所示：圖3.2.1-1【新建文檔】對話框3.2.2使用圖層編排動畫插入新圖層，圖層/時間軸如圖3.2.2-1所示：圖3.2.2-1圖層/時間軸制作動畫時一般都要用到多個圖層，此時能夠?qū)⑦@些圖層看成是一疊透明紙。在制作復(fù)雜動畫時，能夠?qū)赢嬤M(jìn)行劃分，把不同的對象放在不同的圖層上，這樣每個圖層之間是相互獨(dú)立的，都有自己的時間軸，包含各層獨(dú)立的多個幀，當(dāng)修改某個圖層時，不會影響到其它圖層上的對象。同時，為了方便區(qū)分某些特殊圖層，我們還能夠適當(dāng)予以取名，方便區(qū)分，提高工作效率。在Flash中圖層共分為3種類型，即一般圖層，引導(dǎo)圖層和被引導(dǎo)圖層，遮罩圖層和被遮罩圖層。其中“大學(xué)畢業(yè)電子紀(jì)念相冊”文字就用到了遮罩動畫效果。遮罩動畫如圖3.2-2-2所示：圖3.2-2-2遮罩動畫圖層一：用靜態(tài)文本輸入文字內(nèi)容，并使其對其舞臺居中，再在菜單欄中執(zhí)行【修改-分離】命令兩次，然后在35幀插入【普通幀F(xiàn)5】。圖層二：用鉛筆工具在文字左側(cè)繪制一條有一定寬度的線條，再在35幀上插入【關(guān)鍵幀F(xiàn)6】，并將其線條移動到文字右側(cè)，然后在中間單擊鼠標(biāo)右鍵創(chuàng)立【動畫補(bǔ)間】。最后將圖層一移動至圖層二上方，并單擊鼠標(biāo)右鍵將其設(shè)置為【遮罩層】，則自然而然圖層二變?yōu)椤颈徽谡謱印?。完成后將其?chuàng)立為【影片剪輯】元件，方便使用。總結(jié)：幀就是影像動畫中最小單位的單幅影像畫面。一幀就是一副靜止的畫面，連續(xù)的幀快速播放，利用人眼的視覺暫留現(xiàn)象就形成動畫?；A(chǔ)動畫又分為每一幀都是關(guān)鍵楨的逐幀動畫和已知開始幀和結(jié)束幀，中間過程交給計算機(jī)完成的補(bǔ)間動畫。高級動畫則需要多個圖層，而且圖層之間必須相互影響，分為遮罩動畫和引導(dǎo)動畫。3.2.3導(dǎo)入圖片與聲音執(zhí)行【文件】-【導(dǎo)入】菜單命令，選擇路徑，聲音文件名和圖片文件名，點(diǎn)擊【打開】按鈕，導(dǎo)入到庫，如圖3.2-3所示：圖3.2-3導(dǎo)入到庫在制作完整的Flash動畫時，往往需要大量的圖形文件，雖然Flash也能繪制圖形，可是與專業(yè)的繪圖軟件比又差之千里，因此在導(dǎo)入圖片前，我們能夠經(jīng)過Photoshop對要導(dǎo)入的圖片進(jìn)行處理，經(jīng)過加工，讓圖片變的更加美觀，同時還能突出相應(yīng)的主題。導(dǎo)入聲音時，我們也應(yīng)該注意，F(xiàn)lash軟件對音頻的支持格式，同時還要保證導(dǎo)出文件的大小，保證易于傳輸。由于有的聲音文件比較大，我們在這里要注意壓縮，也可直接選擇MP3格式的聲音文件?？偨Y(jié)：音頻的格式有MP3、WMA、WAV、FLAC、ASF、AAC等，其中WAV格式是微軟公司自己開發(fā)的一種聲音格式，也是無損格式，雖然它完整的保證了音質(zhì)，可是它所需儲存空間大，不便于交流和傳播。我們在日常生活中，最常見的就是MP3格式，雖然它音質(zhì)不高，可是它具備的音頻壓縮技術(shù)，在保證音質(zhì)損失最小的程度上，還大大縮小的文件大小，因此MP3格式的音頻很適合在網(wǎng)絡(luò)上傳播。導(dǎo)入聲音后，還需要進(jìn)行聲音的綁定，設(shè)置效果和同步方式，甚至需要對聲音進(jìn)行編輯。3.2.4元件的使用將所導(dǎo)入的圖片和聲音轉(zhuǎn)換為元件。能夠使用【插入】-【元件】命令，打開【創(chuàng)立新元件】對話框，如圖3.2-4-1所示：圖3.2-4-1【創(chuàng)立新元件】對話框元件存在的形式能夠是圖形、按鈕或者動畫，在Flash中，元件被存放在庫中，而每個元件又具有唯一的時間軸、舞臺和圖層，因此在制作動畫時，元件更是不可缺少的基礎(chǔ)，由于它的可重復(fù)使用性和獨(dú)立編輯性，F(xiàn)lash中任何一個功能，都可經(jīng)過一個或多個元件來實(shí)現(xiàn)。其中“play”“開學(xué)”“學(xué)習(xí)生活”“畢業(yè)”“返回”均屬于【按鈕】元件?！皃lay”按鈕如圖3.2-4-2所示：圖3.2-4-2“play”按鈕圖層一：在網(wǎng)上搜索需要的圖形，經(jīng)PS處理后另存為png格式，導(dǎo)入到舞臺。圖層二：在【指針經(jīng)過】下插入【關(guān)鍵幀F(xiàn)6】使用靜態(tài)文本輸入文本內(nèi)容?？偨Y(jié)：元件是在Flash中重復(fù)使用的對象。能夠分為圖形、按鈕或影片剪輯。圖形元件往往是多次重復(fù)使用的靜態(tài)圖像；按鈕是實(shí)現(xiàn)人機(jī)交互的媒介物；而影片剪輯是一段能夠獨(dú)立的動畫。3.2.5使用ActionScript編程ActionScript是Flash與程序進(jìn)行通信的方式。使用者就是經(jīng)過它來告訴Flash將要執(zhí)行什么，并詢問在影片運(yùn)行時發(fā)生了什么。這種雙向的通信方式，便是讓Flash軟件具有交互性這一特點(diǎn)的原因，也使得Flash比其它動畫制作軟件更勝一籌。ActionScript與其它腳本語言一樣，都遵循特定的語法規(guī)則、保留關(guān)鍵字、提供運(yùn)算符，而且允許使用變量存儲和獲取信息，而且還包含內(nèi)置的對象和函數(shù)，同時還允許用戶創(chuàng)立自己的對象和函數(shù)，因為它這方面的便利，更顯示出Flash這一軟件的優(yōu)勢。【動作】面板是Flash用于腳本編輯的主要區(qū)域，在菜單欄上選擇【窗口】-【動作】命令或鍵盤按鍵F9后，即可打開【動作】面板，其結(jié)構(gòu)如圖3.2.6-1所示：圖3.2.6-1【動作】面板在電子相冊的制作中，圖層27，第1幀的下雪場景的代碼為：fallSnow(this,100,[1280,720]);functionfallSnow(path,num,size){for(vari=0;i<num;i++){path.createEmptyMovieClip("s"+i,i);varmc=path["s"+i];mc._x=random(size[0]);mc._y=random(size[1]);mc.ro=[1,-1][random(2)];mc.xtime=random(20);mc.startTime=0;mc.id=Math.pow(i,1/2);createSnow(mc,mc.id/2.5,"0xffffff",20*mc.id);}varloop=function(){updateAfterEvent();for(vari=0;i<num;i++){varmc=path["s"+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);}};varinterval=setInterval(loop,10);}functioncreateSnow(mc,radius,c,alpha){with(mc){moveTo(0,-radius);beginFill(c,alpha);lineStyle(0,"0x000000",0);for(vari=1;i<=6;i++){vara1=-Math.PI/6+i*Math.PI/3;vara2=i*Math.PI/3;lineTo((radius/5)*Math.sin(a1),-(radius/5)*Math.cos(a1));lineTo(radius*Math.sin(a2),-radius*Math.cos(a2));}endFill();}}functionscanTar(mc){if(mc.startTime>=mc.xtime){mc.startTime=0;mc.xtime=random(20);mc.ro=[1,-1][random(2)];}}functionscanEdge(mc,size){if(mc._x>size[0]){mc._x=0;}elseif(mc._x<0){mc._x=size[0];}if(mc._y>size[1]){mc._y=0;}}在圖層6、第16幀，是“paly”按鈕，其代碼為：on(release){ gotoandplay(20);}在圖層6、第391幀，圖層19、第788幀，圖層9、第1268幀，分別是“返回”按鈕，其代碼為：on(release){ gotoandplay(140);}在圖層2的第19幀、166幀、399幀、795幀、1275幀，均為每組圖片展示的最后一張，因此其代碼為：stop();另外所有元件的最后一幀上的代碼也均為：stop();總結(jié)：常見的時間軸控制函數(shù)有：gotoAndPlay（）——用來控制時間軸跳轉(zhuǎn)到設(shè)定幀位置而且播放動畫gotoAndStop（）——用來控制時間軸跳轉(zhuǎn)到設(shè)定幀位置而且停止在那一幀nextFrame（）——是使時間軸跳到下一幀并停止在那一幀nextScene（）——是跳到下一場景第一幀play（）——是使時間軸從當(dāng)前幀播放動畫prevFrame（）——是使時間軸回到上一幀并停止在那一幀prevScene（）——是回到上一場景第一幀stop（）——是使時間軸停止在當(dāng)前幀上stopAllSounds（）——是停止時間軸上的所有聲音播放常見的影片剪輯控制函數(shù)有：startdrag（）——用來拖曳場景上的instance，執(zhí)行時，被拖曳的instance會跟著鼠標(biāo)光標(biāo)位置移動stopdrag（）——用來停止鼠標(biāo)拖曳對象的操作duplicatemovieclip（）——主要功能為復(fù)制影片對象setProperty（）——是設(shè)置一個影片剪輯的屬性getProperty（）——是讀取一個影片剪輯的屬性。4會聲會影添加特效4.1會聲會影簡介會聲會影是一款功能強(qiáng)大且易上手的視頻編輯軟件，在兼顧專業(yè)視頻編輯軟件具有功能的同時，還自帶了百余種的編制功能與效果，能夠說是“傻瓜式”操作，但制作效果絕不輸于專業(yè)制作的效果。由于該軟件操作簡單的特點(diǎn)，我們在此設(shè)計中所需要用到的視頻編輯工作均在該軟件中進(jìn)行。4.2制作過程4.2.1另存為Flash文檔將需要加特效的部分從Flash文檔中分別單獨(dú)另保存為“拆分1”“拆分2”“拆分3”，“拆分1”如圖4.2.1-1所示：圖4.2.1-1“拆分1”然后將其導(dǎo)出為avi或mov格式的視頻文件。其余兩個文件均用同樣的方式，最終得到“拆分1.avi”、“拆分2.avi”、“拆分3.avi”三個視頻文件。4.2.2導(dǎo)入會聲會影打開會聲會影軟件，將“拆分1.avi”視頻拖動到編輯軌道上，選擇【濾鏡】-【鏡頭閃光】，長按拖動至編輯軌道視頻上，即可出現(xiàn)我們需要的效果，如圖4.2.2-1所示：圖4.2.2-1【鏡頭閃光】效果其余方式均一致，分別為如圖4.2.2-2【氣泡】效果和如圖4.2.2-3【老電影】效果：圖4.2.2-2【氣泡】效果圖4.2.2-3【老電影】效果視頻在經(jīng)過編輯之后，會出現(xiàn)視頻播放速度和原始Flash生成swf格式文件播放速度不一致現(xiàn)象。特別是圖片切換效果上的不流暢，導(dǎo)致觀看效果不佳。因此我們在使用會聲會影編輯視頻之后，導(dǎo)出時要特別注意視頻播放的流暢性，有必要時我們需要在編輯軌道上單擊右鍵，選中【變速】進(jìn)行播放速度的調(diào)整，【變速】調(diào)整如圖4.2.2-4所示：圖4.2.2-4【變速】調(diào)整4.2.3視頻格式轉(zhuǎn)換器經(jīng)會聲會影處理過的視頻導(dǎo)出格式一般為avi或mov。雖然這兩者均是常見視頻格式，但都不都在Flash文件中使用。因此，需要用到視頻格式轉(zhuǎn)換器，將編輯好了的三個視頻導(dǎo)入到轉(zhuǎn)換器中，調(diào)整好輸出格式設(shè)置和輸出保存位置，并選擇好支持Flash文檔中使用的flv格式。如圖4.2.3-1所示：圖4.2.3-1視頻格式轉(zhuǎn)換4.2.4導(dǎo)入Flash文檔經(jīng)過前幾部的完善處理，最終得到添加好特效的視頻文件，將其導(dǎo)入到原Flash文檔