flash個(gè)人簡(jiǎn)歷制作流程
篇一:
時(shí)間過(guò)得真快,眨眼間又到了新年。即將走出校園、步入社會(huì )、創(chuàng )造自己美好生活的畢業(yè)生是否已涌起一絲絲的別離情緒?有否把一切遺憾的事情都盡量彌補?有否到生活多年的校園各個(gè)角落留下自己的足跡?有否為即將離開(kāi)父母的身邊,走進(jìn)變幻萬(wàn)千的社會(huì ),完全自己獨立地生活而做好準備?隨著(zhù)新年的到來(lái),各地的人才交流招聘會(huì )都將陸續召開(kāi)。作為畢業(yè)生的你,有否已經(jīng)制作了一份讓自己滿(mǎn)意、讓用人單位滿(mǎn)意的個(gè)人自薦表呢?還沒(méi)有,不知道怎么做!或者做了,就那么簡(jiǎn)簡(jiǎn)單單的幾張白紙!沒(méi)關(guān)系,本專(zhuān)題正是基于這個(gè)目的,向為制作自薦表而發(fā)愁的畢業(yè)生一步步地介紹自薦表的表現形式及實(shí)例制作過(guò)程,希望可以解除大家的煩惱,讓畢業(yè)生們圓滿(mǎn)完成離開(kāi)母校的最后一課!我們分別為大家準備了兩種制作方法,一種是運用flash,一種是運用Authorware.如果將來(lái)你有志于投入多媒體行業(yè),學(xué)習用Authorware制作簡(jiǎn)歷將能夠向用人單位顯示你的制作實(shí)力;如果你喜歡用Flash做動(dòng)畫(huà),希望從事網(wǎng)絡(luò )多媒體行業(yè),則用Flash制作一份精美的簡(jiǎn)歷再合適不過(guò)了。
一、收集整理資料
幾年的學(xué)生生涯,多多少少為自己添加了人生的經(jīng)歷,請把一切在校期間發(fā)生的故事、學(xué)習生活點(diǎn)滴、與社會(huì )接觸和溝通的片段統統收集起來(lái),分門(mén)別類(lèi),整理歸檔,作為自薦表基本資料,充實(shí)你的自薦表!
二、規劃自薦表結構
收集好所有的資料并整理歸類(lèi)后,我們需要靜下心來(lái)思考一下,明確自薦表的訴求對象,通過(guò)上網(wǎng)或者去圖書(shū)館查閱資料,跟經(jīng)歷豐富的同學(xué)、上一屆畢業(yè)的師兄或者家人交流看法,了解訴求對象--自己希望就業(yè)的單位公司對人才的要求,當前的希望從事的職業(yè)的熱門(mén)職位(務(wù)必具體),剔除無(wú)用的資料,留下一切可能吸引招聘人員注意力、讓你能成功地為他們服務(wù)的信息。根據保留下來(lái)的信息,依照自薦表的格式,參考上一屆畢業(yè)同學(xué)的制作,依照自己的能力規劃出自己自薦表的整體框架,筑建好其結構。即將制作的Flash自薦表例子的結構。
三、閃動(dòng)你的智慧--具體制作步驟
。1)根據自薦表結構,確定Flash框架自薦表的結構圖并不完全等于Flash的框架,我們需要根據結構圖,并結合Flash的特點(diǎn),來(lái)為Flash制定整個(gè)框架,把自薦表在Flash中的流程確定下來(lái),然后才可進(jìn)行制作。要是做到一步算一步,當遇到問(wèn)題時(shí)再考慮添加或者減少內容,不僅僅事倍功半,還可能要重新制作,得不償失。
分析上面的結構圖,由表達的內容我們知道,“個(gè)人介紹”中的“能力特長(cháng)”和“實(shí)踐經(jīng)驗”將是重點(diǎn);“我的大學(xué)”中,“主要課程”和“學(xué)習成績(jì)”將作為重點(diǎn);“相關(guān)作品”是自薦表中重點(diǎn)的重點(diǎn),是為招聘人員展示你的能力的有力證明,是獲得理想工作的敲門(mén)磚;“求職資料”是實(shí)打實(shí)的東西,老老實(shí)實(shí)地輸入文字即可。
經(jīng)過(guò)分析之后,Flash的框架也差不多確定了,四個(gè)主標題每一個(gè)都獨立生成一個(gè)SWF文件,然后使用一個(gè)主文件分別把它們用LoadMoive的技術(shù)調進(jìn)來(lái);“個(gè)人介紹”、“我的大學(xué)”和“求職資料”中的分支主要以文字表達的方式完成;“相關(guān)作品”作為重點(diǎn),要突出,動(dòng)態(tài)效果也只要在這里表現;所有的分支運用場(chǎng)景(Scene)技術(shù),各處于自己的場(chǎng)景中,互不干擾;其他細微的調整就在制作過(guò)程中完成吧。
。2)主體內容的制作由于完整制作Flash自薦表會(huì )占用相當多的篇幅,為了節約起見(jiàn),主要介紹自薦表中技術(shù)性問(wèn)題的制作,相同的技術(shù)不做細述。
明確工作之后,我們先來(lái)把設計好的界面導入Flash.按Ctrl+R,導入已經(jīng)在Photoshop中制作好的圖片界面。按Ctrl+K,調出對齊窗口,設置圖片位置為基于文件居中。
下面的內容將按“主體篇”、“聲音篇”、“結尾篇”來(lái)完成。
主體篇
開(kāi)場(chǎng)白當招聘人員打開(kāi)你的Flash電影時(shí),最好先給他們以親切的問(wèn)候,同時(shí)表達自己渴望獲得職位進(jìn)入公司的意愿。
不需要震撼的效果,只要一個(gè)黑色的背景,加上精心雕琢的詞句,并以打字的效果出現,配上打字機打字的聲音,簡(jiǎn)直妙不可言!
制作方法如下新建一個(gè)Flash文件,按Ctrl+M調出設置對話(huà)框,把背景色設置為黑色。
選擇文字工具,在場(chǎng)景中的第一層第一幀上畫(huà)出一個(gè)適當的文字輸入區域,并按Ctrl+T調出文字設置面板。在“Character”選項欄選擇中文字體“宋體”,字體大小為“13”,字體顏色為“黃色”,因為黃色跟黑色配合顯眼而不刺眼,有力而不浮躁!
在“Text Options”選項欄中把“Variable”缺省參數名改為“Startfont”,其他保留為默認狀態(tài),如圖4所示。 接下來(lái)的工作是Action的設置。新建一層,并在此層的第一幀中加入以下代碼文字內容“; //在此輸入要給招聘人員看的內容計算所有文字內容的長(cháng)度給i初始值第二幀的代碼每運行一次i自加,1,把參數text里的內容逐個(gè)傳送給第三幀的代碼是一個(gè)if語(yǔ)句,起判斷作用判斷文字內容是否已經(jīng)完全輸出,如果完成,則停止,否則繼續千萬(wàn)不要忘記把第一層的幀數延伸到第三幀,否則文字內容顯示不了。完成后的時(shí)間軸如圖5所示。
按Ctrl+Enter測試一下,調試正常后保存為startfont.swf文件以備為L(cháng)oadMoive調用。測試的界面文本滾動(dòng)窗口在自薦表里有相當多的內容需要用文字表達,比如個(gè)人簡(jiǎn)歷、四年課程、成績(jì)表、自我鑒定等等,考慮到版面安排的問(wèn)題,一頁(yè)是顯示不了完整內容的,怎么辦呢?能不能制作類(lèi)似Dreamweaver中常用的滾動(dòng)文字?答案是肯定的!下面以”個(gè)人簡(jiǎn)歷“為例子,一步步地介紹滾動(dòng)文字的制作。
之前我們已經(jīng)制作好了”個(gè)人簡(jiǎn)歷“的主界面,那么先在Flash5里把文件打開(kāi)吧!如圖7所示。
根據主界面的設計,確定文字內容擺放位置為中間,同時(shí)制作兩個(gè)上下移動(dòng)的按鈕。
選擇文字工具,在場(chǎng)景中的”font“層第一幀上畫(huà)出一個(gè)適當的文字輸入區域,并按Ctrl+T調出文字設置面板。在”Character“選項欄選擇中文字體”宋體“,字體大小為”12“,并使用工具箱中的吸管吸取比主界面色調稍深的顏色作為字體顏色,相近的顏色既不刺眼,也顯出一種和諧美!
在”Text Options“選項欄中把”text type“改為”Dynamic text(動(dòng)態(tài)文字)“,把”Variable“改為”Multiline(多行)“,把”Variable“缺省參數名改為”text“,并選中右欄最下面的兩個(gè)選項”Wordwrap“和”Selectable“。 接下來(lái)制作兩個(gè)控制用的MC(movie clip-電影夾).按Ctrl+F8新建”text up“MC,在電影夾編輯窗口的第一幀上按F6創(chuàng )建一個(gè)關(guān)鍵幀,雙擊此幀,在A(yíng)ction窗口里選擇”+“→”basicactions“→”stop“,完成后的Action面板如圖10所示。
在第二幀里加入以下代碼設置場(chǎng)景中文字內容的向上滾動(dòng)屬性在第三幀加入控制不停地運行第二幀,以實(shí)現文字內容滾動(dòng)復制”text up“MC,改名為”text down“,編輯此MC,修改第二幀的代碼為設置場(chǎng)景中文字內容的向上滾動(dòng)屬性在”元素庫“里把此兩個(gè)MC拖動(dòng)到主場(chǎng)景,再制作兩個(gè)控制按鈕,具體做法就不介紹了,形狀在于個(gè)人愛(ài)好,這里介紹其中Action的設置。在向上按鈕中加入以下代碼。
鼠標點(diǎn)擊告知目標鼠標松開(kāi)告知目標復制向上按鈕里的代碼到向下按鈕中,把”/down“改為鼠標點(diǎn)擊告知目標鼠標松開(kāi)告知目標由于文字內容比較多,同時(shí)為了方便以后的修改,我們使用flash5的loadVariablesNum()函數讀取TXT文本內容,代碼相當簡(jiǎn)單,完成了?NO!不要忘記輸入文本文件”aboutme.txt“,還要記得在文本文件的第一行開(kāi)頭加入”text=“,對應之前第3步中設置的文本框參數名”text“.
其他分支的內容錄入都可以采用這種方式完成,讀者也可以根據界面來(lái)制作帶有滾動(dòng)條的文本內容顯示框。詳細制作請參看相關(guān)的教程。
定制適合自薦表風(fēng)格的鼠標形狀是否對Flash中默認的鼠標形狀感到厭煩了呢?如果是,可以利用Flash5提供的Mouse.hide()函數把它更換成自己喜歡的鼠標形狀。
制作方法如下首先,在場(chǎng)景中新建一個(gè)MC(movieclip-電影夾),在場(chǎng)景中制作一個(gè)自己喜歡的形狀,比如”十“字,一個(gè)三角形或者用Photoshop做出來(lái)的位圖等等,例子中我們用了十字。如果希望對”十“字作進(jìn)一步的設置,請全選它,按鍵盤(pán)上的”F8“轉換為Graph(組件).
按Ctrl+L打開(kāi)Library(元素庫),把做好的MCMouseSign拖到場(chǎng)景中,按Ctrl+I打開(kāi)Instance面板,把MC命名為MouseSign.
在主場(chǎng)景中的第一幀上右擊鼠標,選擇Action,在A(yíng)ction中加上以下兩行隱藏默認的鼠標形狀,true); //用MC替換成鼠標形狀如圖11所示。
如果希望某些場(chǎng)景或者部分幀中恢復鼠標指針,請使用mouse.Show()函數。
聲音篇沒(méi)有動(dòng)畫(huà),沒(méi)有聲音的Flash是一個(gè)毫無(wú)生氣的作品,無(wú)論你設計的圖案如何如何的精美,那也只能表明你美工不錯。既然是這樣,直接使用平面軟件就可以實(shí)現了,何必使用Flash呢?只有將動(dòng)畫(huà)與聲音完美結合起來(lái),才能真正發(fā)揮Flash的功能,這樣的作品才有意義!
接下來(lái)我們?yōu)樽运]表加入背景音樂(lè ),并為按鈕設置觸發(fā)聲音。
加入背景音樂(lè )現在大家都提倡以人為本,我們制作背景音樂(lè )也一樣,要為大眾著(zhù)想,背景音樂(lè )必須是可控制的,讓喜歡聲音的人可打開(kāi),不喜歡音樂(lè )的人可關(guān)閉。
制作一個(gè)觸發(fā)發(fā)聲的按鈕按設計樣圖中按鈕的形狀用矩形工具在場(chǎng)景中畫(huà)一個(gè)帶邊框的矩形,拖動(dòng)鼠標選擇整個(gè)矩形,按F8,把它設置為按鈕。
雙擊場(chǎng)景中的按鈕,進(jìn)入按鈕編輯界面,在”Hit“幀中按F6.
中按鈕共有四幀,相信大家都知道了,不過(guò)最后的一幀--Hit幀常常讓人忽略,尤其是制作文字按鈕時(shí)。在網(wǎng)絡(luò )上看到的一些作品,當鼠標移動(dòng)到文字筆畫(huà)之間時(shí)發(fā)現鼠標形狀在閃爍,那就是沒(méi)有設置Hit幀的緣故。Hit幀的作用是控制按鈕影響的范圍,也就是鼠標移動(dòng)到什么位置觸發(fā)按鈕,由于文字按鈕是由筆畫(huà)產(chǎn)生,只有筆畫(huà)的地方才會(huì )觸發(fā)按鈕,因此做此類(lèi)型按鈕最好在Hit幀中加入一個(gè)文字大小的'色塊,避免鼠標閃爍,在應聘時(shí)制作的文字按鈕響應不靈就尷尬了!
新建一層,我們希望當鼠標移動(dòng)到按鈕上面時(shí)發(fā)聲,那么請在”Over“幀中按F6,建立關(guān)鍵幀。
按Ctrl+R,在彈出的對話(huà)框中選擇準備好的按鈕聲音,通常是一些清脆短促的聲音,容易引起人的注意,也可以是淡出的聲音,有一個(gè)拖尾效果,給人留下印象。flash支持聲音格式有”.wav“和”.mp3“,不要說(shuō)你不知道Flash支持的聲音格式喔!
按Ctrl+L調出元素庫面板(Library),用鼠標點(diǎn)擊第二層的”Over“幀,把元素庫里的聲音拖到此幀中。制作好按鈕后,時(shí)間軸的樣子。
回到主場(chǎng)景,按Ctrl+Alt+B,激活按鈕,鼠標移動(dòng)到按鈕上,調試制作的效果,直到滿(mǎn)意為止。
其他的按鈕就不作闡述了,讀者自行設置。
結尾篇臨近結束,要為細節部分作考慮,對局部添加動(dòng)態(tài)效果,作人性化設置等等,比如加入幫助、介紹作品的運行環(huán)境、硬件要求之類(lèi)的,大家就發(fā)揮自己的聰明和才智吧!
最后的提示長(cháng)長(cháng)的Falsh電影右鍵菜單并不好看,為了不影響招聘人員的視覺(jué),那么我們把它隱藏起來(lái)吧。 在主場(chǎng)景的第一幀中加入雙擊鼠標,調出Action面板,點(diǎn)擊”+“號按鈕,選擇彈出菜單中
的”Actions“→”FSCommand“。
點(diǎn)擊下圖箭頭所指的欄位,在彈出的下拉菜單中選擇”showmenu[true/false]“,在”Arguments“欄把缺省的”true“改為”false“,完成制作。
提醒一下,按Ctrl+Enter進(jìn)入測試是看不到效果的,必須直接在硬盤(pán)上打開(kāi)Swf電影文件才生效。此時(shí)的右鍵菜單只是一行標示版權的文字。
最后的工作就是要將你的作品刻錄到光盤(pán)上了。
篇二:
摘 要
Flash 是一種二維矢量動(dòng)畫(huà)軟件創(chuàng )作工具,設計人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng )建演示文稿、應用程序和其它允許用戶(hù)交互的內容。Flash 可以包含簡(jiǎn)單的動(dòng)畫(huà)、視頻內容、復雜演示文稿和應用程序以及介于它們之間的任何內容。Flash 特別適用于創(chuàng )建通過(guò) Internet 提供的內容,因為它的文件非常小。Flash 是通過(guò)廣泛使用矢量圖形做到這一點(diǎn)的。位圖圖形之所以更大,是因為圖像中的每個(gè)像素都需要一組單獨的數據來(lái)表示。與位圖圖形相比,矢量圖形需要的內存和存儲空間小很多,因為它們是以數學(xué)公式而不是大型數據集來(lái)表示的。
1 引言
FLASH動(dòng)畫(huà)是目前主流的網(wǎng)絡(luò )動(dòng)畫(huà)格式,它具有絢麗的畫(huà)面效果、豐富的網(wǎng)絡(luò )功能和強大的交互能力,世界上幾乎所有的網(wǎng)絡(luò )都使用FLASH動(dòng)畫(huà)來(lái)表現內容,幾乎所有的瀏覽器都安裝了能夠播放FLASH動(dòng)畫(huà)的插件。這也為FLASH動(dòng)畫(huà)的應用和普及奠定了堅實(shí)的基礎看,使其成為網(wǎng)絡(luò )動(dòng)畫(huà)行業(yè)事實(shí)上的工業(yè)標準。對于動(dòng)畫(huà)設計人員來(lái)說(shuō),FLASH是其進(jìn)行網(wǎng)絡(luò )動(dòng)畫(huà)設計的必備工具;對于廣大的網(wǎng)絡(luò )愛(ài)好者而言,FLASH是其展現自我的最佳手段。
FLASH CS3版本是在2007年推出的,它是Adobe Creative Suite 3系列產(chǎn)品之一,在A(yíng)dobe技術(shù)框架下,能夠與Photoshop、I11ustrator等很好地結合。FLASH也從一款專(zhuān)業(yè)的動(dòng)畫(huà)創(chuàng )作工具發(fā)展成為一種功能強大的網(wǎng)絡(luò )多媒體創(chuàng )作工具,能夠設計交互式動(dòng)畫(huà)、視頻、網(wǎng)絡(luò )和復雜演示文稿在內的各種網(wǎng)絡(luò )作品。
FLASH動(dòng)畫(huà)是一種矢量動(dòng)畫(huà)格式,具有體積小、兼容性好、直觀(guān)動(dòng)感、互動(dòng)性強大、支持MP3音樂(lè )等諸多優(yōu)點(diǎn)。
2 作品設計要求
個(gè)人簡(jiǎn)歷,主要就是要簡(jiǎn)明扼要,所以界面不用太華麗,需要簡(jiǎn)單明了。
根據這學(xué)期得學(xué)習,要求設計一個(gè)資料展示類(lèi)型的動(dòng)畫(huà)作品“求職簡(jiǎn)歷”,主要表現個(gè)人概況、教育經(jīng)歷、社會(huì )實(shí)踐、獎勵榮譽(yù)、求職意向等,畫(huà)面尺寸為“600*400”像素。 3制作步驟
3.1 設計分析
3.1.1作品構圖分析
a.畫(huà)面主要由三部分構成:頂部的標題、中間的個(gè)人信息、左側的按鈕; b. 標題為靜態(tài)畫(huà)面;
c.按鈕采用動(dòng)態(tài)的圖形按鈕;
d.個(gè)人信息為一個(gè)影片剪輯,可以控制其顯示幀; e. 畫(huà)面裝飾以水滴。 3.1.2 作品設計思路分析
1) 導入圖像,構建基本畫(huà)面;
2)設計動(dòng)態(tài)按鈕,其中又包括文字變形、圖像變形、按鈕功能、按鈕音效等; 3)設計表現個(gè)人信息的影片剪輯,其中又包括概況、教育等圖像和變形效果; 4)利用腳本代碼控制個(gè)人信息的顯示; 5) 用代碼導入外部水滴動(dòng)畫(huà)。
3.2構建基本畫(huà)面
。1)創(chuàng )建一個(gè)新的Flash文件(ActionScript3.0),命名為“求職簡(jiǎn)歷.fla”。 (2)設置文檔舞臺為“600*400”像素。
。3)在【時(shí)間軸】面板,修改圖層1的名稱(chēng)為“背景”。
。4)選擇【文件】|【導入】|【導入到舞臺】菜單命令,將“標題.jpg”文件導入,并將其布置在舞臺畫(huà)面的合適位置。
3.3設計動(dòng)態(tài)按鈕
這個(gè)按鈕實(shí)際上是一個(gè)影片剪輯類(lèi)型的元件,包含了一些動(dòng)態(tài)元素,通過(guò)添加按鈕,使其表現出按鈕的形態(tài)。為了了解清楚,下面分幾個(gè)部分來(lái)創(chuàng )建該元件。
3.3.1動(dòng)態(tài)文字
。1)選擇【插入】|【新建元件】菜單命令,創(chuàng )建一個(gè)名稱(chēng)為“b概況”、“影片剪輯”類(lèi)型的元件。
。2)修改其圖層1的名稱(chēng)為“文字”,在舞臺上輸入靜態(tài)文字“個(gè)人概況”。
。3)設置字體為幼圓,大小為20,顏色為粉紅,字體加粗;再設置文字相對于舞臺中心對齊。
。4)為避免文字在不同的播放器中出現字體上的錯誤,需要把文字分離為圖形。 (5)為使文字產(chǎn)生動(dòng)畫(huà)變形,需要將其轉換為“圖形”類(lèi)型的元件“m1”。
。6)在13幀、25幀各增加一個(gè)關(guān)鍵幀。如圖所示。
。7)在第1幀,選擇文字對象,設置【形變】為10﹪;顏色為“Alpha”,數值為0﹪。
。8)同理,設置第25幀的對象變形、顏色屬性與第1幀相同。
。9)在第1幀、第13幀的屬性面板中,分別設置【補間】為“動(dòng)畫(huà)”。這樣,就創(chuàng )建了一個(gè)動(dòng)態(tài)的文字變形效果。
3.3.2動(dòng)態(tài)圖形
。1)添加一個(gè)新圖層,命名為“圖形”。
。2)在其第1幀,用繪圖工具繪制一個(gè)云朵模樣的圖形,設置顏色為粉紅色。 (3)將圖形轉換為“圖形”類(lèi)型的元件“G1”。
。4)在第13幀、25幀各增加一個(gè)關(guān)鍵幀。
。5)圖形的變形與文字的變形應當正好相反。所以在“圖形”層第25幀,設置圖形對象【變形】為10﹪;顏色為“Alpha”,數值為0﹪。
。6)在“圖形”層得第1幀、第13幀的屬性面板中,分別設置【補間】為“動(dòng)畫(huà)”。這樣就創(chuàng )建了一個(gè)動(dòng)態(tài)的圖形變形效果。
目前,“b概況”按鈕元件已經(jīng)具有了能夠動(dòng)態(tài)變化的圖形和文字,但是要使其表現出按鈕的效果,還必須添加適當的按鈕元素。這需要首先創(chuàng )建一個(gè)隱形的按鈕元件,然后將其添加到“b概況”按鈕元件中。
3.3.3隱形的按鈕元件
。1)選擇【插入】|【新建元件】命令,創(chuàng )建一個(gè)類(lèi)型為“按鈕”,名稱(chēng)“ball”的元件。 (2)因為這個(gè)按鈕元件不需要顯現出來(lái),所以其【彈起】幀、【指針經(jīng)過(guò)】幀、【按下】幀都不需要具體內容;僅在【點(diǎn)擊】幀插入一個(gè)關(guān)鍵幀,然后再舞臺上繪制一個(gè)粉紅色的圓。
。3)雖然按鈕不需要顯示,但是用戶(hù)鼠標進(jìn)入按鈕的時(shí)候,還是應當有一個(gè)聲響效果表現的。選擇【文件】|【導入】|【導入到庫】命令,將一個(gè)聲音文件導入到庫中。
。4)添加一個(gè)新圖層,在【鼠標經(jīng)過(guò)】幀插入一個(gè)關(guān)鍵幀。
。5)在其屬性面板,從【聲音】中選擇前面導入的聲音文件,則該文件被加載到當前幀。
3.3.4按鈕的效果
。1)在庫中,雙擊“b概況”按鈕元件,進(jìn)入其編輯狀態(tài)。 (2)添加一個(gè)新圖層,命名為“按鈕”。
。3)在其第1幀,將其按鈕元件“ball”拖入到舞臺,并與舞臺中央對齊。 (4)定義元件實(shí)例的名稱(chēng)為“b1”。
。5)選擇“圖形”層得第1幀、第13幀,分別輸入腳本代碼。
。6)再添加一個(gè)圖層,命名為“腳本”。 (7)在其第1幀輸入如下代碼:
b1.addEventListener(MouseEvent.MOUSE_OVER, mymouseOver); //偵聽(tīng)按鈕b1的鼠標經(jīng)過(guò)事件
b1.addEventListener(MouseEvent.MOUSE_OUT, mymouseOut); //偵聽(tīng)按鈕b1的鼠標離開(kāi)事件
function mymouseOver(event:MouseEvent):void { //處理鼠標經(jīng)過(guò)事件 }
function mymouseOut(event:MouseEvent):void { //處理鼠標離開(kāi)事件 gotoAndPlay(14); //從第14幀開(kāi)始播放 }
。8)同理制作其他按鈕:b教育、b求職、b實(shí)踐、b證書(shū)、b返回
3.4制作個(gè)人信息
3.4.1創(chuàng )建基本內容元件
。1)新建一個(gè)“影片剪輯”類(lèi)型,名稱(chēng)為“m概況”。
。2)選擇【文件】|【導入】|【導入到舞臺】命令,將“概況.jpg”導入到舞臺。 (3)添加一個(gè)新圖層,再將一個(gè)圖像文件“35.jpg”導入到舞臺。 (4)將舞臺的背景設置為灰色,便于修改。 (5)將圖像分離為圖形。
。6)使用套索工具和橡皮擦工具,將圖形中的白色背景清除。
。7)將舞臺的背景重新設置為白色;然后調整構圖,使畫(huà)面看起來(lái)更協(xié)調美觀(guān)。
gotoAndPlay(2); //從第2幀開(kāi)始播放
。8)同理制作其他幾個(gè)基本內容元件。
。9)為使首頁(yè)更加美觀(guān),還需要制作一個(gè)元件“m底圖”,在其中引入一個(gè)圖片。 3.4.2制作主要內容元件
。1)新建一個(gè)“影片剪輯”類(lèi)型的元件“主要內容”。 (2)將元件“m底圖”拖入到舞臺中。
。3)設置元件實(shí)例的顏色“Alpha”,大小為10﹪。
。4)在第10幀插入一個(gè)關(guān)鍵幀。設置其中實(shí)例的顏色為“Alpha”,大小為50﹪。 (5)選擇第1幀,設置其【補間】為“動(dòng)畫(huà)”,創(chuàng )建了一個(gè)透明度漸變的補間動(dòng)畫(huà)。 (6)在第11幀插入一個(gè)關(guān)鍵幀。刪除其舞臺上的內容。
。7)將“m概況”元件拖入到舞臺;設置實(shí)例對象的顏色為“Alpha”,大小為0﹪。 (8)在第20幀插入一個(gè)關(guān)鍵幀。設置其中實(shí)例的顏色為無(wú)。
。9)重新選擇第10幀,設置其【補間】為“動(dòng)畫(huà)”。這就創(chuàng )建了“概況”內容的補間動(dòng)畫(huà)。
。10)同理,創(chuàng )建“教育”、“實(shí)踐”、“證書(shū)”、“求職”等內容的補間動(dòng)畫(huà)。
。11)簡(jiǎn)歷不能連續不斷播放,應在每個(gè)清晰的內容幀上停留。因此,在10、20、30、40、50、60等幀添加停止語(yǔ)句。stop();
3.5整合求職簡(jiǎn)歷 3.5.1布置舞臺對象
。1)在“場(chǎng)景1”編輯狀態(tài),從庫中將“主要內容”元件拖入舞臺;命名元件實(shí)例名稱(chēng)為“maincontent”。
(2) 添加一個(gè)新圖層,命名為“欄目”。
。3)將各欄目按鈕“b概況”、“b教育”、“b實(shí)踐”、“b證書(shū)”、“b求職”分別拖入舞臺,布置在舞臺左側;分別命名各難實(shí)例的名稱(chēng)。 3.5.2添加動(dòng)作腳本
。1)添加一個(gè)新圖層,命名為“腳本”。
。2)在其第1幀中,創(chuàng )建動(dòng)作腳本,用以控制各按鈕的操作。當鼠標經(jīng)過(guò)按鈕時(shí),會(huì )播放相應的簡(jiǎn)歷內容。代碼如下:
btn1.addEventListener(MouseEvent.MOUSE_OVER, btn1mouseOver); btn2.addEventListener(MouseEvent.MOUSE_OVER, btn2mouseOver); btn3.addEventListener(MouseEvent.MOUSE_OVER, btn3mouseOver); btn4.addEventListener(MouseEvent.MOUSE_OVER, btn4mouseOver); btn5.addEventListener(MouseEvent.MOUSE_OVER, btn5mouseOver); //偵聽(tīng)各按鈕的鼠標經(jīng)過(guò)事件
function btn1mouseOver(event:MouseEvent):void { maincontent.gotoAndPlay(11); }
function btn2mouseOver(event:MouseEvent):void { maincontent.gotoAndPlay(21); }
function btn3mouseOver(event:MouseEvent):void { maincontent.gotoAndPlay(31); }
function btn4mouseOver(event:MouseEvent):void {
maincontent.gotoAndPlay(41);
}
function btn5mouseOver(event:MouseEvent):void { maincontent.gotoAndPlay(51); }
//處理各按鈕的鼠標經(jīng)過(guò)事件
。3)測試作品。這時(shí)已經(jīng)能夠通過(guò)按鈕的操作來(lái)瀏覽簡(jiǎn)歷各部分內容。 3.5.3添加外部水滴特效
。1)水滴特效是由外部動(dòng)畫(huà)文件“效果.swf”實(shí)現的,這個(gè)是一個(gè)動(dòng)畫(huà)文件。 (2)繼續前面的設計。創(chuàng )建一個(gè)新的影片剪輯類(lèi)型的原件,命名為“水滴”。
。3)不需要在“水滴”元件的舞臺上創(chuàng )建任何內容;只需要在其第1幀上輸入如下代碼,載入外部效果動(dòng)畫(huà)文件。 代碼說(shuō)明:
var request:URLRequest = new URLRequest("效果.swf"); //創(chuàng )建一個(gè)地址請求對象 var loader:Loader = new Loader()//創(chuàng )建一個(gè)容器對象
loader.load(request); //將地址請求對象中的內容載入對象中
addChild(loader);//將容器附加到當前對象的舞臺上
。4)回到“場(chǎng)景1”,選擇“欄目”層得第1幀。 (5)將“水滴”元件拖入到舞臺,合理布置其位置。
3.5.4為作品添加聲音 (1)點(diǎn)擊回到場(chǎng)景1
。2)選擇【文件】|【導入】|【導入到舞臺】命令,將“trouble is a friend”音頻文件導入到舞臺。
。3)在“背景”層中單擊第1幀,選擇【窗口】|【屬性】命令,調出【屬性】檢查器,在面板右側區域便是音頻設置欄。
。4)在【效果】選項,在彈出下拉表中選擇“無(wú)”選項。 (5)單擊【同步】選項,在彈出下拉表中選擇“事件”、“循環(huán)”選項。如下圖
。6)測試動(dòng)畫(huà)效果。 (7)保存文件。
實(shí)驗結果:
可以實(shí)現基本的資料預覽,首頁(yè)有頂部標題、左側按鈕包括個(gè)人概況、教育經(jīng)歷、社會(huì )實(shí)踐、證書(shū)獎勵和求職意向。右下方有一個(gè)返回主頁(yè)的按鈕?傮w實(shí)現交互式按鈕查看,還加有背景音。功能都能實(shí)現和查看。
實(shí)驗心得:
通過(guò)本次設計,對Flash有了一個(gè)更深入的了解,總結下來(lái),不管做什么都需要耐心,不能半途而廢,不只是Flash還有其他的東西也是需要多練習多接觸才可以做的好的。感覺(jué)這一科學(xué)到蠻多的東西的,相信以后在動(dòng)畫(huà)設計和一些多媒體的運用中是很有用的。畢竟是才開(kāi)始接觸還有很多值得學(xué)習的地方,會(huì )在以后的學(xué)習中多思考,勤學(xué)習。
【flash個(gè)人簡(jiǎn)歷制作流程】相關(guān)文章:
制作flash教學(xué)課件03-28
flash教學(xué)課件制作03-29
小學(xué)flash課件制作03-24
如何制作flash游戲論文06-12
如何用flash制作課件片頭05-10
flash動(dòng)畫(huà)制作初步的教學(xué)反思09-11
賀卡制作流程02-23
Flash課件制作基本原則03-19