第一篇:flash個(gè)人簡(jiǎn)歷設(shè)計(jì)文檔
Flash設(shè)計(jì)
個(gè) 人 簡(jiǎn) 歷
班 級(jí): 學(xué) 號(hào): 姓 名: 年 月 日
一、設(shè)計(jì)分析
作品構(gòu)圖分析
1、開場(chǎng)動(dòng)畫
動(dòng)畫主要由四部分構(gòu)成:頂部的勵(lì)志名言,下之是飄過的云,再下之是個(gè)人簡(jiǎn)歷標(biāo)題,底部是藍(lán)色的海。
頂部的勵(lì)志名言是由文本經(jīng)分離后轉(zhuǎn)換成元件,再變成動(dòng)態(tài)動(dòng)畫。飄過的云是一個(gè)動(dòng)態(tài)的影片剪輯; 個(gè)人簡(jiǎn)歷標(biāo)題是一個(gè)動(dòng)態(tài)的影片剪輯; 底部是藍(lán)色的海是靜態(tài)畫面。
2、主題畫面
主題畫面主要由三部分構(gòu)成:頂部的標(biāo)題、左側(cè)的按鈕、右邊的個(gè)人信息。頂部的標(biāo)題是靜態(tài)畫面;
左側(cè)的按鈕是采用動(dòng)態(tài)圖形按鈕; 右邊的個(gè)人信息為一個(gè)影片剪輯。
作品設(shè)計(jì)思路分析
(1)在開場(chǎng)所動(dòng)畫畫面導(dǎo)入海圖像,構(gòu)建基本畫面;
(2)設(shè)計(jì)動(dòng)態(tài)影片剪輯,其中又包括文字變形,圖形動(dòng)畫等;(3)在主題畫面導(dǎo)入圖像,構(gòu)建基本畫面;
(4)設(shè)計(jì)動(dòng)態(tài)按鍵,其中又包括圖形變形,按鈕功能等;
(5)設(shè)計(jì)表現(xiàn)個(gè)人信息的影片剪輯,若又包括概況,教育等圖像和變形效果;(6)利用腳本代碼控制個(gè)人信息的顯示
二、構(gòu)建開場(chǎng)動(dòng)畫基本畫面
(1)創(chuàng)建一個(gè)新的Flash文件(ActionScript2.0),命名為“個(gè)人簡(jiǎn)歷.fla”。(2)設(shè)置文檔舞臺(tái)大小為“700x700”像素,如圖1:
圖1(3)選擇【文件】|【導(dǎo)入】|【導(dǎo)入到庫】菜單命令,將“seaandsky.jpg”文件導(dǎo)入,重復(fù)命令,導(dǎo)入“fire.jpg”,“云jpg”,“海,jpg”文件,并設(shè)置為影片剪輯文件。(4)【庫】窗口,新建元件,命名為“個(gè)人簡(jiǎn)歷”,把fire.jpg文件拖到影片剪輯元件窗口,屬性窗口設(shè)X=0,Y=0。在工具欄選擇【文本】工具,輸入“個(gè)人簡(jiǎn)歷”,大小為48,重復(fù)輸入“resume”,大小為32,并將兩文本布置在舞臺(tái)畫面的合適的位置,選擇【任意變形工具】,令兩個(gè)文本變形,如下圖2
圖2
(5)【庫】窗口,新建元件,命名為“云”,把cloud.jpg文件拖到影片剪輯元件窗口,屬性窗口設(shè)X=0,Y=0。如下圖3
圖3
(6)在【時(shí)間軸】面板,修改圖層1的名稱為“背景”,將“?!庇捌糨嬑募洳贾迷谖枧_(tái)畫面的合適的位置,在160幀處插入幀。如下圖4
圖4(7)在【時(shí)間軸】面板,修改圖層2的名稱為“勵(lì)志名言層”,在98幀處插入幀,在工具欄選擇【文本】工具,輸入“個(gè)人簡(jiǎn)歷”,大小為24,并將兩文本布置在舞臺(tái)畫面的合適的位置,插入“補(bǔ)間動(dòng)畫”,選中第1幀,選擇【任意變形工具】,令文本變形,在最后一幀恢復(fù)原型,如下圖5
圖5(8)在【時(shí)間軸】面板,修改圖層3的名稱為“云特效層”在98幀處插入幀,在庫窗口拖“云”到舞臺(tái)畫面的合適的位置,插入“補(bǔ)間動(dòng)畫”,令“云“坐標(biāo)為,X=50,Y=145.5,選中最后一幀,令X=550,Y=145.5,如下圖6
(9)在【時(shí)間軸】面板,修改圖層4的名稱為“個(gè)人簡(jiǎn)歷特效層”在98幀處插入幀,在庫窗口拖“個(gè)人簡(jiǎn)歷”影片剪輯到舞臺(tái)畫面的合適的位置,插入“補(bǔ)間動(dòng)畫”,選中第1幀,右鍵【任意變形】,讓令”個(gè)人簡(jiǎn)歷“影片剪輯,傾斜,坐標(biāo)為,X=489,Y=279.9,寬度:198.9,高度:72.8,選中最后一幀,令坐標(biāo)為,X=291.9,Y=256.2,寬度:297.0,高度:144.0,如下圖7
圖7
三、構(gòu)建主題基本畫面
(1)選擇【文件】|【導(dǎo)入】|【導(dǎo)入到庫】菜單命令,將“頂部1.jpg”文件導(dǎo)入,重復(fù)命令,導(dǎo)入”底部1.jpg“,”左部1jpg“,”左部2.jpg“,”右部1.jpg“,”右部2.jpg"文件,并分別設(shè)置為按鈕文件:頂部1,底部1,左部1,左部2,右部1,右部2。
(2)打開【庫】窗口,選擇“頂部1”按鈕,選擇【工具】| 【矩形工具】,在右邊【屬性】|【位置和大小】及【屬性】|【筆觸和填充】設(shè)置,矩形大小,寬度:192;高度:72;筆觸顏色:#0098FF;筆觸大小:5;填充顏色:#0066CC;X:0;Y:0;然后選中“頂部1”按鈕圖片,在【屬性】|【位置和大小】設(shè)置X:1.4;Y:1.4。為底部1,左部1,左部2,右部1,右部2分別重復(fù)以上動(dòng)作。按鈕圖片如下圖:
頂部1:圖8
底部1:圖9
左部1:圖10
左部2:圖11
右部1:圖12
右部2:圖13
(3)【時(shí)間軸】|【背景層】,選擇第99幀,右鍵建立空白幀,在第160幀,插入空白幀。選中第99幀,選擇【工具】| 【矩形工具】,在右邊【屬性】|【筆觸和填充】設(shè)置,筆觸顏色:#0098FF;筆觸大小:填充顏色:#0098FF。5。在空白的地方分別兩個(gè)畫矩形,【屬性】|【位置和大小】分別設(shè)置矩形大小,寬度:700;高度:4;X=0,Y=172。寬度:700;高度:4;在X=0,Y=172。在空白的地方畫一個(gè)矩形,【屬性】|【位置和大小】分別設(shè)置矩形大小,寬度:0;高度:700;X=200,Y=3。如下圖14:
圖14(4)背景層,選中第99幀,選擇【文件】|【導(dǎo)入】|【導(dǎo)入到庫】菜單命令,將“?;?jpg”文件導(dǎo)入,在【庫】窗口,把?;?jpg拖到左上角適當(dāng)?shù)奈恢?。如下圖15:
?;?jpg
圖15(5)背景層,選中背景層第99幀,選擇【工具】|【文本工具】,在右上方點(diǎn)擊,并輸入“寶劍鋒從磨礪出,梅花香出苦寒來”座右銘,【屬性】|【位置與大小】設(shè)置X:236 Y:33.5,寬度:422.9。【屬性】|【字符】設(shè)置系列:宋體,大小:18.0,字母間距:8.0,顏色:#0098FF; 再次選擇【工具】|【文本工具】,在右上方點(diǎn)擊,并輸入“個(gè)人簡(jiǎn)歷”,【屬性】|【位置與大小】設(shè)置X:278.9 Y:66.5,寬度:334.0?!緦傩浴縷【字符】設(shè)置系列:宋體,大小:68.0,字母間距:8.0,顏色:#0098FF。如下圖16:
圖16
(6)背景層,選中背景層第99幀,按下F9鍵,在腳本輸入欄,輸入“stop();”如下圖17:
圖17
(7)背景層,選中背景層第99幀,輸入選中左邊“個(gè)人資料”按鈕,按下F9鍵,在腳本輸入欄輸入“on(release){gotoAndPlay(100);}”,如圖18:
圖18
(8)背景層,選中背景層第99幀,輸入選中左邊“工作經(jīng)歷”按鈕,按下F9鍵,在腳本輸入欄輸入“on(release){gotoAndPlay(110);}”,如圖19:
圖19
(9)背景層,選中背景層第99幀,輸入選中左邊“教育經(jīng)歷”按鈕,按下F9鍵,在腳本輸入欄輸入“on(release){gotoAndPlay(120);}”,如圖20:
圖20
(10)背景層,選中背景層第99幀,輸入選中左邊“語言能力”按鈕,按下F9鍵,在腳本輸入欄輸入“on(release){gotoAndPlay(130);}”,如圖21:
圖21
(11)背景層,選中背景層第99幀,輸入選中左邊“求職意向”按鈕,按下F9鍵,在腳本輸入欄輸入“on(release){gotoAndPlay(140);}”,如圖22:
圖22
(12)背景層,選中背景層第99幀,輸入選中左邊“興趣愛好”按鈕,按下F9鍵,在腳本輸入欄輸入“on(release){gotoAndPlay(150);}”,如圖23:
圖23
(13)按鈕特效層,選中第1幀,插入空白關(guān)鍵幀。選中第100幀,插入空白關(guān)鍵幀。選中第109幀,插入空白關(guān)鍵幀。選中第110幀,插入空白關(guān)鍵幀。選中第100幀,從庫中拖“頂部1”按鈕與前“頂部1”按鈕重疊,右鍵|【補(bǔ)間動(dòng)畫】,選中第108幀,把在后拖進(jìn)去的“頂部1”按鈕的底邊,由底邊向頂邊垂直方向上拖成一條,如下圖24:
圖24(14)按鈕特效層,選中第119幀,插入空白關(guān)鍵幀。選中第120幀,插入空白關(guān)鍵幀。選中第110幀,從庫中拖“左部1”按鈕與前“左部1”按鈕重疊,右鍵|【補(bǔ)間動(dòng)畫】,選中第110幀,把在后拖進(jìn)去的“左部1”按鈕的右邊,由右向左方向上拖成一條,如下圖25:
圖25(15)按鈕特效層,選中第129幀,插入空白關(guān)鍵幀。選中第130幀,插入空白關(guān)鍵幀。選中第120幀,從庫中拖“右部1”按鈕與前“右部1”按鈕重疊,右鍵|【補(bǔ)間動(dòng)畫】,選中第120幀,把在后拖進(jìn)去的“右部1”按鈕的右邊,由左向右方向上拖成一條,如下圖25:
圖25
(16)按鈕特效層,選中第139幀,插入空白關(guān)鍵幀。選中第140幀,插入空白關(guān)鍵幀。選中第130幀,從庫中拖“左部2”按鈕與前“左部2”按鈕重疊,右鍵|【補(bǔ)間動(dòng)畫】,選中第110幀,把在后拖進(jìn)去的“左部2”按鈕的右邊,由右向左方向上拖成一條,如下圖26:
圖26
(17)按鈕特效層,選中第149幀,插入空白關(guān)鍵幀。選中第150幀,插入空白關(guān)鍵幀。選中第140幀,從庫中拖“右部2”按鈕與前“右部2”按鈕重疊,右鍵|【補(bǔ)間動(dòng)畫】,選中第140幀,把在后拖進(jìn)去的“右部2”按鈕的右邊,由左向右方向上拖成一條,如下圖27:
圖27
(18)按鈕特效層,選中第160幀,插入空白關(guān)鍵幀。選中第150幀,從庫中拖“底部1”按鈕與前“底部1”按鈕重疊,右鍵|【補(bǔ)間動(dòng)畫】,選中第159幀,把在后拖進(jìn)去的“底部1”按鈕的頂邊,由頂邊向底邊垂直方向上拖成一條,如下圖28:
圖28
(19)內(nèi)容特效層,選中第1幀,插入空白關(guān)鍵幀。選中第99幀,插入空白關(guān)鍵幀。選中第1幀,按F9鍵,腳本輸入框,輸入“play();”,選中第99幀,按F9鍵,腳本輸入框,輸入“stop();”,如下圖29,30:
圖29
圖30
(20)內(nèi)容特效層,選中第100幀,插入空白關(guān)鍵幀。選中第109幀,插入空白關(guān)鍵幀。選中第110幀,插入空白關(guān)鍵幀。選中第100幀,從庫中拖“簡(jiǎn)歷顯示模板”影片剪輯到畫面的右邊空白的位置,位置X:400.9,Y:377.0 寬度:102.6,高度:69.0;右鍵|【補(bǔ)間動(dòng)畫】,旋轉(zhuǎn):1次,方向順時(shí)針。選中第108幀,位置X:202.8, Y:172.8 ,寬度:484.6,高度:465.2,如圖31,選中第109幀,從庫中拖“內(nèi)容文字層”影片剪輯到畫面的右邊空白的位置,X:209.8,Y:182.9,寬度:485,高度:459,選【工具】|【文本工具】,在內(nèi)容文字層影片剪輯上,輸入個(gè)人資料信息,并從庫中拖“xxxxxx.jpg”到內(nèi)容文字層影片剪輯上的合適位置,如圖32,按F9鍵,腳本輸入框,輸入“stop();”如圖33,圖31
個(gè)人資料信息截圖
圖32
圖33
(21)內(nèi)容特效層,選中第119幀,插入空白關(guān)鍵幀。選中第120幀,插入空白關(guān)鍵幀。選中第160幀,插入空白關(guān)鍵幀。復(fù)制第100幀到第108幀,選中第150幀到158幀,右鍵|粘貼,如圖31。選中第119幀,從庫中拖“內(nèi)容文字層”影片剪輯到畫面的右邊空白的位置,X:209.8,Y:182.9,寬度:485,高度:459,選【工具】|【文本工具】,在內(nèi)容文字層影片剪輯上,輸入個(gè)人工作經(jīng)歷信息,如圖34,按F9鍵,腳本輸入框,輸入“stop();”如圖35,圖34
圖35
(22)內(nèi)容特效層,選中第129幀,插入空白關(guān)鍵幀。選中第130幀,插入空白關(guān)鍵幀。選中第160幀,插入空白關(guān)鍵幀。復(fù)制第100幀到第108幀,選中第150幀到158幀,右鍵|粘貼,如圖34。選中第119幀,從庫中拖“內(nèi)容文字層”影片剪輯到畫面的右邊空白的位置,X:209.8,Y:182.9,寬度:485,高度:459,選【工具】|【文本工具】,在內(nèi)容文字層影片剪輯上,輸入個(gè)人教育經(jīng)歷信息,如圖36,按F9鍵,腳本輸入框,輸入“stop();”如圖37,教育經(jīng)歷截圖
圖36
圖37
(23)內(nèi)容特效層,選中第110幀,插入空白關(guān)鍵幀。選中第119幀,插入空白關(guān)鍵幀。選中第120幀,插入空白關(guān)鍵幀。選中第160幀,插入空白關(guān)鍵幀。復(fù)制第100幀到第108幀,選中第150幀到158幀,右鍵|粘貼,如圖31。選中第119幀,從庫中拖“內(nèi)容文字層”影片剪輯到畫面的右邊空白的位置,X:209.8,Y:182.9,寬度:485,高度:459,選【工具】|【文本工具】,在內(nèi)容文字層影片剪輯上,輸入個(gè)人語言能力信息,如圖38,按F9鍵,腳本輸入框,輸入“stop();”如圖39,圖38
圖39
(24)內(nèi)容特效層,選中第149幀,插入空白關(guān)鍵幀。選中第160幀,插入空白關(guān)鍵幀。復(fù)制第100幀到第108幀,選中第150幀到158幀,右鍵|粘貼,如圖31。選中第119幀,從庫中拖“內(nèi)容文字層”影片剪輯到畫面的右邊空白的位置,X:209.8,Y:182.9,寬度:485,高度:459,選【工具】|【文本工具】,在內(nèi)容文字層影片剪輯上,輸入個(gè)人求職意向信息,如圖40,按F9鍵,腳本輸入框,輸入“stop();”如圖41,圖40
圖41
(25)內(nèi)容特效層,選中第159幀,插入空白關(guān)鍵幀。選中第160幀,插入空白關(guān)鍵幀。復(fù)制第100幀到第108幀,選中第150幀到158幀,右鍵|粘貼,如圖31。選中第119幀,從庫中拖“內(nèi)容文字層”影片剪輯到畫面的右邊空白的位置,X:209.8,Y:182.9,寬度:485,高度:459,選【工具】|【文本工具】,在內(nèi)容文字層影片剪輯上,輸入個(gè)人興趣愛好信息,如圖42,復(fù)制第159幀到第160幀,選中第160幀,按F9鍵,腳本輸入框,輸入“stop();”如圖43,個(gè)人興趣愛截圖
圖42
圖43
(26)音效層,選中第1幀,選【窗口】|【公用庫】|【聲音】,插入Transportation CarsHonda Civic Drive By Slow 01.mp3,分別選中第100幀,選中第110幀,選中第120幀,選中第130幀,選中第140幀,選中第150幀,插入空白關(guān)鍵幀,選中第160幀,插入空白。分別選中第100幀,選中第110幀,選中第120幀,選中第130幀,選中第140幀,選中第150幀,【窗口】|【公用庫】|【聲音】,插入Science Fiction Sci-Fi Laser Fire Multiple 01.mp3,三、綜合測(cè)試
【調(diào)試】|【調(diào)試影片】,選擇【繼續(xù)】按鍵。完成測(cè)試。
第二篇:FLASH個(gè)人簡(jiǎn)歷()(推薦)
篇一:flash個(gè)人簡(jiǎn)歷制作流程1 個(gè)人制作flash簡(jiǎn)歷全流程
時(shí)間過得真快,眨眼間又到了新年。即將走出校園、步入社會(huì)、創(chuàng)造自己美好生活的畢業(yè)生是否已涌起一絲絲的別離情緒?有否把一切遺憾的事情都盡量彌補(bǔ)?有否到生活多年的校園各個(gè)角落留下自己的足跡?有否為即將離開父母的身邊,走進(jìn)變幻萬千的社會(huì),完全自己獨(dú)立地生活而做好準(zhǔn)備?隨著新年的到來,各地的人才交流招聘會(huì)都將陸續(xù)召開。作為畢業(yè)生的你,有否已經(jīng)制作了一份讓自己滿意、讓用人單位滿意的個(gè)人自薦表呢?還沒有,不知道怎么做!或者做了,就那么簡(jiǎn)簡(jiǎn)單單的幾張白紙!沒關(guān)系,本專題正是基于這個(gè)目的,向?yàn)橹谱髯运]表而發(fā)愁的畢業(yè)生一步步地介紹自薦表的表現(xiàn)形式及實(shí)例制作過程,希望可以解除大家的煩惱,讓畢業(yè)生們圓滿完成離開母校的最后一課!我們分別為大家準(zhǔn)備了兩種制作方法,一種是運(yùn)用flash,一種是運(yùn)用authorware.如果將來你有志于投入多媒體行業(yè),學(xué)習(xí)用authorware制作簡(jiǎn)歷將能夠向用人單位顯示你的制作實(shí)力;如果你喜歡用flash做動(dòng)畫,希望從事網(wǎng)絡(luò)多媒體行業(yè),則用flash制作一份精美的簡(jiǎn)歷再合適不過了。
開篇
一、收集整理資料
幾年的學(xué)生生涯,多多少少為自己添加了人生的經(jīng)歷,請(qǐng)把一切在校期間發(fā)生的故事、學(xué)習(xí)生活點(diǎn)滴、與社會(huì)接觸和溝通的片段統(tǒng)統(tǒng)收集起來,分門別類,整理歸檔,作為自薦表基本資料,充實(shí)你的自薦表!
二、規(guī)劃自薦表結(jié)構(gòu)收集好所有的資料并整理歸類后,我們需要靜下心來思考一下,明確自薦表的訴求對(duì)象,通過上網(wǎng)或者去圖書館查閱資料,跟經(jīng)歷豐富的同學(xué)、上一屆畢業(yè)的師兄或者家人交流看法,了解訴求對(duì)象--自己希望就業(yè)的單位公司對(duì)人才的要求,當(dāng)前的希望從事的職業(yè)的熱門職位(務(wù)必具體),剔除無用的資料,留下一切可能吸引招聘人員注意力、讓你能成功地為他們服務(wù)的信息。根據(jù)保留下來的信息,依照自薦表的格式,參考上一屆畢業(yè)同學(xué)的制作,依照自己的能力規(guī)劃出自己自薦表的整體框架,筑建好其結(jié)構(gòu)。即將制作的flash自薦表例子的結(jié)構(gòu)如圖1.三、閃動(dòng)你的智慧--具體制作步驟(1)根據(jù)自薦表結(jié)構(gòu),確定flash框架自薦表的結(jié)構(gòu)圖并不完全等于flash的框架,我們需要根據(jù)結(jié)構(gòu)圖,并結(jié)合flash的特點(diǎn),來為flash制定整個(gè)框架,把自薦表在flash中的流程確定下來,然后才可進(jìn)行制作。要是做到一步算一步,當(dāng)遇到問題時(shí)再考慮添加或者減少內(nèi)容,不僅僅事倍功半,還可能要重新制作,得不償失。
分析上面的結(jié)構(gòu)圖,由表達(dá)的內(nèi)容我們知道,“個(gè)人介紹”中的“能力特長(zhǎng)”和“實(shí)踐經(jīng)驗(yàn)”將是重點(diǎn);“我的大學(xué)”中,“主要課程”和“學(xué)習(xí)成績(jī)”將作為重點(diǎn);“相關(guān)作品”是自薦表中重點(diǎn)的重點(diǎn),是為招聘人員展示你的能力的有力證明,是獲得理想工作的敲門磚;“求職資料”是實(shí)打?qū)嵉臇|西,老老實(shí)實(shí)地輸入文字即可。
經(jīng)過分析之后,flash的框架也差不多確定了,四個(gè)主標(biāo)題每一個(gè)都獨(dú)立生成一個(gè)swf文件,然后使用一個(gè)主文件分別把它們用loadmoive的技術(shù)調(diào)進(jìn)來;“個(gè)人介紹”“我的大學(xué)”、和“求職資料”中的分支主要以文字表達(dá)的方式完成;“相關(guān)作品”作為重點(diǎn),要突出,動(dòng)態(tài)效果也只要在這里表現(xiàn);所有的分支運(yùn)用場(chǎng)景(scene)技術(shù),各處于自己的場(chǎng)景中,互不干擾;其他細(xì)微的調(diào)整就在制作過程中完成吧。
(2)主體內(nèi)容的制作由于完整制作flash自薦表會(huì)占用相當(dāng)多的篇幅,為了節(jié)約起見,主要介紹自薦表中技術(shù)性問題的制作,相同的技術(shù)不做細(xì)述。
明確工作之后,我們先來把設(shè)計(jì)好的界面導(dǎo)入flash.按ctrl+r,導(dǎo)入已經(jīng)在photoshop中制作好的圖片界面。按ctrl+k,調(diào)出對(duì)齊窗口,設(shè)置圖片位置為基于文件居中,如圖2所示。
下面的內(nèi)容將按“主體篇”、“聲音篇”、“結(jié)尾篇”來完成。主體篇
開場(chǎng)白當(dāng)招聘人員打開你的flash電影時(shí),最好先給他們以親切的問候,同時(shí)表達(dá)自己渴望獲得職位進(jìn)入公司的意愿。
不需要震撼的效果,只要一個(gè)黑色的背景,加上精心雕琢的詞句,并以打字的效果出現(xiàn),配上打字機(jī)打字的聲音,簡(jiǎn)直妙不可言!
制作方法如下新建一個(gè)flash文件,按ctrl+m調(diào)出設(shè)置對(duì)話框,把背景色設(shè)置為黑色。
選擇文字工具,在場(chǎng)景中的第一層第一幀上畫出一個(gè)適當(dāng)?shù)奈淖州斎雲(yún)^(qū)域,并按ctrl+t調(diào)出文字設(shè)置面板。在“character”選項(xiàng)欄選擇中文字體“宋體”,字體大小為“13”,字體顏色為“黃色”,因?yàn)辄S色跟黑色配合顯眼而不刺眼,有力而不浮躁!如圖3所示。
在“text options”選項(xiàng)欄中把“variable”缺省參數(shù)名改為“startfont”,其他保留為默認(rèn)狀態(tài),如圖4所示。接下來的工作是action的設(shè)置。新建一層,并在此層的第一幀中加入以下代碼文字內(nèi)容“;//在此輸入要給招聘人員看的內(nèi)容計(jì)算所有文字內(nèi)容的長(zhǎng)度給i初始值第二幀的代碼每運(yùn)行一次i自加,1,把參數(shù)text里的內(nèi)容逐個(gè)傳送給第三幀的代碼是一個(gè)if語句,起判斷作用判斷文字內(nèi)容是否已經(jīng)完全輸出,如果完成,則停止,否則繼續(xù)千萬不要忘記把第一層的幀數(shù)延伸到第三幀,否則文字內(nèi)容顯示不了。完成后的時(shí)間軸如圖5所示。
按ctrl+enter測(cè)試一下,調(diào)試正常后保存為startfont.swf文件以備為loadmoive調(diào)用。測(cè)試的界面如圖6.文本滾動(dòng)窗口在自薦表里有相當(dāng)多的內(nèi)容需要用文字表達(dá),比如個(gè)人簡(jiǎn)歷、四年課程、成績(jī)表、自我鑒定等等,考慮到版面安排的問題,一頁是顯示不了完整內(nèi)容的,怎么辦呢?能不能制作類似dreamweaver中常用的滾動(dòng)文字?答案是肯定的!下面以”個(gè)人簡(jiǎn)歷“為例子,一步步地介紹滾動(dòng)文字的制作。
之前我們已經(jīng)制作好了”個(gè)人簡(jiǎn)歷“的主界面,那么先在flash5里把文件打開吧!如圖7所示。
根據(jù)主界面的設(shè)計(jì),確定文字內(nèi)容擺放位置為中間,同時(shí)制作兩個(gè)上下移動(dòng)的按鈕。
選擇文字工具,在場(chǎng)景中的”font“層第一幀上畫出一個(gè)適當(dāng)?shù)奈淖州斎雲(yún)^(qū)域,并按ctrl+t調(diào)出文字設(shè)置面板。在”character“選項(xiàng)欄選擇中文字體”宋體“,字體大小為”12“,并使用工具箱中的吸管吸取比主界面色調(diào)稍深的顏色作為字體顏色,相近的顏色既不刺眼,也顯出一種和諧美!如圖8所示。
在”text options“選項(xiàng)欄中把”text type“改為”dynamic text(動(dòng)態(tài)文字)“,把”variable“改為”multiline(多行)“,把”variable“缺省參數(shù)名改為”text“,并選中右欄最下面的兩個(gè)選項(xiàng)”wordwrap“和”selectable“,如圖9所示。接下來制作兩個(gè)控制用的mc(movie clip-電影夾).按ctrl+f8新建”text up“mc,在電影夾編輯窗口的第一幀上按f6創(chuàng)建一個(gè)關(guān)鍵幀,雙擊此幀,在action窗口里選擇”+“→”basicactions“→”stop“,完成后的action面板如圖10所示。
在第二幀里加入以下代碼設(shè)置場(chǎng)景中文字內(nèi)容的向上滾動(dòng)屬性在第三幀加入控制不停地運(yùn)行第二幀,以實(shí)現(xiàn)文字內(nèi)容滾動(dòng)復(fù)制”text up“mc,改名為”text down“,編輯此mc,修改第二幀的代碼為設(shè)置場(chǎng)景中文字內(nèi)容的向上滾動(dòng)屬性在”元素庫“里把此兩個(gè)mc拖動(dòng)到主場(chǎng)景,再制作兩個(gè)控制按鈕,具體做法就不介紹了,形狀在于個(gè)人愛好,這里介紹其中action的設(shè)置。在向上按鈕中加入以下代碼。
鼠標(biāo)點(diǎn)擊告知目標(biāo)鼠標(biāo)松開告知目標(biāo)復(fù)制向上按鈕里的代碼到向下按鈕中,把”/down“改為鼠標(biāo)點(diǎn)擊告知目標(biāo)鼠標(biāo)松開告知目標(biāo)由于文字內(nèi)容比較多,同時(shí)為了方便以后的修改,我們使用flash5的loadvariablesnum()函數(shù)讀取txt文本內(nèi)容,代碼相當(dāng)簡(jiǎn)單,完成了?no!不要忘記輸入文本文件”aboutme.txt“,還要記得在文本文件的第一行開頭加入”text=“,對(duì)應(yīng)之前第3步中設(shè)置的文本框參數(shù)名”text“.其他分支的內(nèi)容錄入都可以采用這種方式完成,讀者也可以根據(jù)界面來制作帶有滾動(dòng)條的文本內(nèi)容顯示框。詳細(xì)制作請(qǐng)參看相關(guān)的教程。
定制適合自薦表風(fēng)格的鼠標(biāo)形狀是否對(duì)flash中默認(rèn)的鼠標(biāo)形狀感到厭煩了呢?如果是,可以利用flash5提供的mouse.hide()函數(shù)把它更換成自己喜歡的鼠標(biāo)形狀。
制作方法如下首先,在場(chǎng)景中新建一個(gè)mc(movieclip-電影夾),在場(chǎng)景中制作一個(gè)自己喜歡的形狀,比如”十“字,一個(gè)三角形或者用photoshop做出來的位圖等等,例子中我們用了十字。如果希望對(duì)”十“字作進(jìn)一步的設(shè)置,請(qǐng)全選它,按鍵盤上的”f8“轉(zhuǎn)換為graph(組件).按ctrl+l打開library(元素庫),把做好的mcmousesign拖到場(chǎng)景中,按ctrl+i打開instance面板,把mc命名為mousesign.在主場(chǎng)景中的第一幀上右擊鼠標(biāo),選擇action,在action中加上以下兩行隱藏默認(rèn)的鼠標(biāo)形狀,true);//用mc替換成鼠標(biāo)形狀如圖11所示。
如果希望某些場(chǎng)景或者部分幀中恢復(fù)鼠標(biāo)指針,請(qǐng)使用mouse.show()函數(shù)。
聲音篇沒有動(dòng)畫,沒有聲音的flash是一個(gè)毫無生氣的作品,無論你設(shè)計(jì)的圖案如何如何的精美,那也只能表明你美工不錯(cuò)。既然是這樣,直接使用平面軟件就可以實(shí)現(xiàn)了,何必使用flash呢?只有將動(dòng)畫與聲音完美結(jié)合起來,才能真正發(fā)揮flash的功能,這樣的作品才有意義!
接下來我們?yōu)樽运]表加入背景音樂,并為按鈕設(shè)置觸發(fā)聲音。
加入背景音樂現(xiàn)在大家都提倡以人為本,我們制作背景音樂也一樣,要為大眾著想,背景音樂必須是可控制的,讓喜歡聲音的人可打開,不喜歡音樂的人可關(guān)閉。
制作一個(gè)觸發(fā)發(fā)聲的按鈕按設(shè)計(jì)樣圖中按鈕的形狀用矩形工具在場(chǎng)景中畫一個(gè)帶邊框的矩形,拖動(dòng)鼠標(biāo)選擇整個(gè)矩形,按f8,把它設(shè)置為按鈕。
雙擊場(chǎng)景中的按鈕,進(jìn)入按鈕編輯界面,在”hit“幀中按f6.中按鈕共有四幀,相信大家都知道了,不過最后的一幀--hit幀常常讓人忽略,尤其是制作文字按鈕時(shí)。在網(wǎng)絡(luò)上看到的一些作品,當(dāng)鼠標(biāo)移動(dòng)到文字筆畫之間時(shí)發(fā)現(xiàn)鼠標(biāo)形狀在閃爍,那就是沒有設(shè)置hit幀的緣故。hit幀的作用是控制按鈕影響的范圍,也就是鼠標(biāo)移動(dòng)到什么位置觸發(fā)按鈕,由于文字按鈕是由筆畫產(chǎn)生,只有筆畫的地方才會(huì)觸發(fā)按鈕,因此做此類型按鈕最好在hit幀中加入一個(gè)文字大小的色塊,避免鼠標(biāo)閃爍,在應(yīng)聘時(shí)制作的文字按鈕響應(yīng)不靈就尷尬了!
新建一層,我們希望當(dāng)鼠標(biāo)移動(dòng)到按鈕上面時(shí)發(fā)聲,那么請(qǐng)?jiān)凇眔ver“幀中按f6,建立關(guān)鍵幀。
按ctrl+r,在彈出的對(duì)話框中選擇準(zhǔn)備好的按鈕聲音,通常是一些清脆短促的聲音,容易引起人的注意,也可以是淡出的聲音,有一個(gè)拖尾效果,給人留下印象。flash支持聲音格式有”.wav“和”.mp3“,不要說你不知道flash支持的聲音格式喔!
按ctrl+l調(diào)出元素庫面板(library),用鼠標(biāo)點(diǎn)擊第二層的”over“幀,把元素庫里的聲音拖到此幀中。制作好按鈕后,時(shí)間軸的樣子如圖12.回到主場(chǎng)景,按ctrl+alt+b,激活按鈕,鼠標(biāo)移動(dòng)到按鈕上,調(diào)試制作的效果,直到滿意為止。
其他的按鈕就不作闡述了,讀者自行設(shè)置。
結(jié)尾篇臨近結(jié)束,要為細(xì)節(jié)部分作考慮,對(duì)局部添加動(dòng)態(tài)效果,作人性化設(shè)置等等,比如加入幫助(如圖13)、介紹作品的運(yùn)行環(huán)境、硬件要求之類的,大家就發(fā)揮自己的聰明和才智吧!
最后的提示長(zhǎng)長(zhǎng)的falsh電影右鍵菜單并不好看,為了不影響招聘人員的視覺,那么我們把它隱藏起來吧。在主場(chǎng)景的第一幀中加入雙擊鼠標(biāo),調(diào)出action面板,點(diǎn)擊”+“號(hào)按鈕,選擇彈出菜單中
點(diǎn)擊下圖箭頭所指的欄位,在彈出的下拉菜單中選擇”showmenu[true/false]“,在”arguments“欄把缺省的”true“改為”false“(請(qǐng)參照?qǐng)D15),完成制作。
提醒一下,按ctrl+enter進(jìn)入測(cè)試是看不到效果的,必須直接在硬盤上打開swf電影文件才生效。此時(shí)的右鍵菜單只是一行標(biāo)示版權(quán)的文字,如圖16.最后的工作就是要將你的作品刻錄到光盤上了。
篇二:flash設(shè)計(jì)師 個(gè)人簡(jiǎn)歷模板
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
找flash設(shè)計(jì)師就上才智尚招聘網(wǎng)
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
找flash設(shè)計(jì)師就上才智尚招聘網(wǎng)
圖片已關(guān)閉顯示,點(diǎn)此查看
篇三:個(gè)人簡(jiǎn)歷報(bào)告(flash)《flash動(dòng)畫制作》設(shè)計(jì)
課題:個(gè)人求職簡(jiǎn)歷
姓名:xxxx 班級(jí):xxxxx 學(xué)號(hào):xxxxxxx 摘 要
flash 是一種二維矢量動(dòng)畫軟件創(chuàng)作工具,設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。flash 可以包含簡(jiǎn)單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。flash 特別適用于創(chuàng)建通過 internet 提供的內(nèi)容,因?yàn)樗奈募浅P?。flash 是通過廣泛使用矢量圖形做到這一點(diǎn)的。位圖圖形之所以更大,是因?yàn)閳D像中的每個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來表示。與位圖圖形相比,矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多,因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。1 引言
flash動(dòng)畫是目前主流的網(wǎng)絡(luò)動(dòng)畫格式,它具有絢麗的畫面效果、豐富的網(wǎng)絡(luò)功能和強(qiáng)大的交互能力,世界上幾乎所有的網(wǎng)絡(luò)都使用flash動(dòng)畫來表現(xiàn)內(nèi)容,幾乎所有的瀏覽器都安裝了能夠播放flash動(dòng)畫的插件。這也為flash動(dòng)畫的應(yīng)用和普及奠定了堅(jiān)實(shí)的基礎(chǔ)看,使其成為網(wǎng)絡(luò)動(dòng)畫行業(yè)事實(shí)上的工業(yè)標(biāo)準(zhǔn)。對(duì)于動(dòng)畫設(shè)計(jì)人員來說,flash是其進(jìn)行網(wǎng)絡(luò)動(dòng)畫設(shè)計(jì)的必備工具;對(duì)于廣大的網(wǎng)絡(luò)愛好者而言,flash是其展現(xiàn)自我的最佳手段。
flash cs3版本是在2007年推出的,它是adobe creative suite 3系列產(chǎn)品之一,在adobe技術(shù)框架下,能夠與photoshop、i11ustrator等很好地結(jié)合。flash也從一款專業(yè)的動(dòng)畫創(chuàng)作工具發(fā)展成為一種功能強(qiáng)大的網(wǎng)絡(luò)多媒體創(chuàng)作工具,能夠設(shè)計(jì)交互式動(dòng)畫、視頻、網(wǎng)絡(luò)和復(fù)雜演示文稿在內(nèi)的各種網(wǎng)絡(luò)作品。
flash動(dòng)畫是一種矢量動(dòng)畫格式,具有體積小、兼容性好、直觀動(dòng)感、互動(dòng)性強(qiáng)大、支持mp3音樂等諸多優(yōu)點(diǎn)。2 作品設(shè)計(jì)要求
個(gè)人簡(jiǎn)歷,主要就是要簡(jiǎn)明扼要,所以界面不用太華麗,需要簡(jiǎn)單明了。根據(jù)這學(xué)期得學(xué)習(xí),要求設(shè)計(jì)一個(gè)資料展示類型的動(dòng)畫作品“求職簡(jiǎn)歷”,主要表現(xiàn)個(gè)人概況、教育經(jīng)歷、社會(huì)實(shí)踐、獎(jiǎng)勵(lì)榮譽(yù)、求職意向等,畫面尺寸為“600*400”像素。3制作步驟
3.1 設(shè)計(jì)分析
3.1.1作品構(gòu)圖分析
a.畫面主要由三部分構(gòu)成:頂部的標(biāo)題、中間的個(gè)人信息、左側(cè)的按鈕; b.標(biāo)題為靜態(tài)畫面;
c.按鈕采用動(dòng)態(tài)的圖形按鈕;
d.個(gè)人信息為一個(gè)影片剪輯,可以控制其顯示幀; e.畫面裝飾以水滴。3.1.2 作品設(shè)計(jì)思路分析
1)導(dǎo)入圖像,構(gòu)建基本畫面;
2)設(shè)計(jì)動(dòng)態(tài)按鈕,其中又包括文字變形、圖像變形、按鈕功能、按鈕音效等; 3)設(shè)計(jì)表現(xiàn)個(gè)人信息的影片剪輯,其中又包括概況、教育等圖像和變形效果; 4)利用腳本代碼控制個(gè)人信息的顯示; 5)用代碼導(dǎo)入外部水滴動(dòng)畫。3.2構(gòu)建基本畫面
(1)創(chuàng)建一個(gè)新的flash文件(actionscript3.0),命名為“求職簡(jiǎn)歷.fla”。(2)設(shè)置文檔舞臺(tái)為“600*400”像素。
圖片已關(guān)閉顯示,點(diǎn)此查看
(3)在【時(shí)間軸】面板,修改圖層1的名稱為“背景”。
(4)選擇【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】菜單命令,將“標(biāo)題.jpg”文件導(dǎo)入,并將其布置在舞臺(tái)畫面的合適位置。
圖片已關(guān)閉顯示,點(diǎn)此查看 3.3設(shè)計(jì)動(dòng)態(tài)按鈕
這個(gè)按鈕實(shí)際上是一個(gè)影片剪輯類型的元件,包含了一些動(dòng)態(tài)元素,通過添加按鈕,使其表現(xiàn)出按鈕的形態(tài)。為了了解清楚,下面分幾個(gè)部分來創(chuàng)建該元件。3.3.1動(dòng)態(tài)文字
(1)選擇【插入】|【新建元件】菜單命令,創(chuàng)建一個(gè)名稱為“b概況”、“影片剪輯”類型的元件。
(2)修改其圖層1的名稱為“文字”,在舞臺(tái)上輸入靜態(tài)文字“個(gè)人概況”。
圖片已關(guān)閉顯示,點(diǎn)此查看
(3)設(shè)置字體為幼圓,大小為20,顏色為粉紅,字體加粗;再設(shè)置文字相對(duì)于舞臺(tái)中心對(duì)齊。
圖片已關(guān)閉顯示,點(diǎn)此查看
(4)為避免文字在不同的播放器中出現(xiàn)字體上的錯(cuò)誤,需要把文字分離為圖形。(5)為使文字產(chǎn)生動(dòng)畫變形,需要將其轉(zhuǎn)換為“圖形”類型的元件“m1”。
圖片已關(guān)閉顯示,點(diǎn)此查看
(6)在13幀、25幀各增加一個(gè)關(guān)鍵幀。如圖所示。
(7)在第1幀,選擇文字對(duì)象,設(shè)置【形變】為10﹪;顏色為“alpha”,數(shù)值為0﹪。
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看
(8)同理,設(shè)置第25幀的對(duì)象變形、顏色屬性與第1幀相同。
(9)在第1幀、第13幀的屬性面板中,分別設(shè)置【補(bǔ)間】為“動(dòng)畫”。這樣,就創(chuàng)建了一個(gè)動(dòng)態(tài)的文字變形效果。3.3.2動(dòng)態(tài)圖形(1)添加一個(gè)新圖層,命名為“圖形”。
(2)在其第1幀,用繪圖工具繪制一個(gè)云朵模樣的圖形,設(shè)置顏色為粉紅色。(3)將圖形轉(zhuǎn)換為“圖形”類型的元件“g1”。
圖片已關(guān)閉顯示,點(diǎn)此查看
(4)在第13幀、25幀各增加一個(gè)關(guān)鍵幀。
(5)圖形的變形與文字的變形應(yīng)當(dāng)正好相反。所以在“圖形”層第25幀,設(shè)置圖形對(duì)象【變形】為10﹪;顏色為“alpha”,數(shù)值為0﹪。
(6)在“圖形”層得第1幀、第13幀的屬性面板中,分別設(shè)置【補(bǔ)間】為“動(dòng)畫”。這樣就創(chuàng)建了一個(gè)動(dòng)態(tài)的圖形變形效果。
目前,“b概況”按鈕元件已經(jīng)具有了能夠動(dòng)態(tài)變化的圖形和文字,但是要使其表現(xiàn)出按鈕的效果,還必須添加適當(dāng)?shù)陌粹o元素。這需要首先創(chuàng)建一個(gè)隱形的按鈕元件,然后將其添加到“b概況”按鈕元件中。
圖片已關(guān)閉顯示,點(diǎn)此查看 3.3.3隱形的按鈕元件
(1)選擇【插入】|【新建元件】命令,創(chuàng)建一個(gè)類型為“按鈕”,名稱“ball”的元件。(2)因?yàn)檫@個(gè)按鈕元件不需要顯現(xiàn)出來,所以其【彈起】幀、【指針經(jīng)過】幀、【按下】幀都不需要具體內(nèi)容;僅在【點(diǎn)擊】幀插入一個(gè)關(guān)鍵幀,然后再舞臺(tái)上繪制一個(gè)粉紅色的圓。
(3)雖然按鈕不需要顯示,但是用戶鼠標(biāo)進(jìn)入按鈕的時(shí)候,還是應(yīng)當(dāng)有一個(gè)聲響效果表現(xiàn)的。選擇【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令,將一個(gè)聲音文件導(dǎo)入到庫中。
(4)添加一個(gè)新圖層,在【鼠標(biāo)經(jīng)過】幀插入一個(gè)關(guān)鍵幀。
圖片已關(guān)閉顯示,點(diǎn)此查看
(5)在其屬性面板,從【聲音】中選擇前面導(dǎo)入的聲音文件,則該文件被加載到當(dāng)前幀。
圖片已關(guān)閉顯示,點(diǎn)此查看
圖片已關(guān)閉顯示,點(diǎn)此查看 3.3.4按鈕的效果
(1)在庫中,雙擊“b概況”按鈕元件,進(jìn)入其編輯狀態(tài)。(2)添加一個(gè)新圖層,命名為“按鈕”。
(3)在其第1幀,將其按鈕元件“ball”拖入到舞臺(tái),并與舞臺(tái)中央對(duì)齊。(4)定義元件實(shí)例的名稱為“b1”。
圖片已關(guān)閉顯示,點(diǎn)此查看
(5)選擇“圖形”層得第1幀、第13幀,分別輸入腳本代碼。
圖片已關(guān)閉顯示,點(diǎn)此查看
(6)再添加一個(gè)圖層,命名為“腳本”。(7)在其第1幀輸入如下代碼:
b1.addeventlistener(mouseevent.mouse_over, mymouseover);//偵聽按鈕b1的鼠標(biāo)經(jīng)過事件
b1.addeventlistener(mouseevent.mouse_out, mymouseout);//偵聽按鈕b1的鼠標(biāo)離開事件
function mymouseover(event:mouseevent):void { //處理鼠標(biāo)經(jīng)過事件 } function mymouseout(event:mouseevent):void {
//處理鼠標(biāo)離開事件 gotoandplay(14);//從第14幀開始播放 }(8)同理制作其他按鈕:b教育、b求職、b實(shí)踐、b證書、b返回 3.4制作個(gè)人信息
3.4.1創(chuàng)建基本內(nèi)容元件
(1)新建一個(gè)“影片剪輯”類型,名稱為“m概況”。(2)選擇【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令,將“概況.jpg”導(dǎo)入到舞臺(tái)。(3)添加一個(gè)新圖層,再將一個(gè)圖像文件“35.jpg”導(dǎo)入到舞臺(tái)。(4)將舞臺(tái)的背景設(shè)置為灰色,便于修改。(5)將圖像分離為圖形。
(6)使用套索工具和橡皮擦工具,將圖形中的白色背景清除。
(7)將舞臺(tái)的背景重新設(shè)置為白色;然后調(diào)整構(gòu)圖,使畫面看起來更協(xié)調(diào)美觀。gotoandplay(2);//從第2幀開始播放(8)同理制作其他幾個(gè)基本內(nèi)容元件。
(9)為使首頁更加美觀,還需要制作一個(gè)元件“m底圖”,在其中引入一個(gè)圖片。3.4.2制作主要內(nèi)容元件
(1)新建一個(gè)“影片剪輯”類型的元件“主要內(nèi)容”。(2)將元件“m底圖”拖入到舞臺(tái)中。
(3)設(shè)置元件實(shí)例的顏色“alpha”,大小為10﹪。
(4)在第10幀插入一個(gè)關(guān)鍵幀。設(shè)置其中實(shí)例的顏色為“alpha”,大小為50﹪。(5)選擇第1幀,設(shè)置其【補(bǔ)間】為“動(dòng)畫”,創(chuàng)建了一個(gè)透明度漸變的補(bǔ)間動(dòng)畫。(6)在第11幀插入一個(gè)關(guān)鍵幀。刪除其舞臺(tái)上的內(nèi)容。
(7)將“m概況”元件拖入到舞臺(tái);設(shè)置實(shí)例對(duì)象的顏色為“alpha”,大小為0﹪。(8)在第20幀插入一個(gè)關(guān)鍵幀。設(shè)置其中實(shí)例的顏色為無。
(9)重新選擇第10幀,設(shè)置其【補(bǔ)間】為“動(dòng)畫”。這就創(chuàng)建了“概況”內(nèi)容的補(bǔ)間動(dòng)畫。
(10)同理,創(chuàng)建“教育”、“實(shí)踐”、“證書”、“求職”等內(nèi)容的補(bǔ)間動(dòng)畫。
(11)簡(jiǎn)歷不能連續(xù)不斷播放,應(yīng)在每個(gè)清晰的內(nèi)容幀上停留。因此,在10、20、30、40、50、60等幀添加停止語句。stop();3.5整合求職簡(jiǎn)歷 3.5.1布置舞臺(tái)對(duì)象
(1)在“場(chǎng)景1”編輯狀態(tài),從庫中將“主要內(nèi)容”元件拖入舞臺(tái);命名元件實(shí)例名稱為“maincontent”。
(2)添加一個(gè)新圖層,命名為“欄目”。
(3)將各欄目按鈕“b概況”、“b教育”、“b實(shí)踐”、“b證書”、“b求職”分別拖入舞臺(tái),布置在舞臺(tái)左側(cè);分別命名各難實(shí)例的名稱。3.5.2添加動(dòng)作腳本
(1)添加一個(gè)新圖層,命名為“腳本”。
(2)在其第1幀中,創(chuàng)建動(dòng)作腳本,用以控制各按鈕的操作。當(dāng)鼠標(biāo)經(jīng)過按鈕時(shí),會(huì)播放相應(yīng)的簡(jiǎn)歷內(nèi)容。代碼如下:
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);//偵聽各按鈕的鼠標(biāo)經(jīng)過事件
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);} //處理各按鈕的鼠標(biāo)經(jīng)過事件
(3)測(cè)試作品。這時(shí)已經(jīng)能夠通過按鈕的操作來瀏覽簡(jiǎn)歷各部分內(nèi)容。3.5.3添加外部水滴特效
(1)水滴特效是由外部動(dòng)畫文件“效果.swf”實(shí)現(xiàn)的,這個(gè)是一個(gè)動(dòng)畫文件。(2)繼續(xù)前面的設(shè)計(jì)。創(chuàng)建一個(gè)新的影片剪輯類型的原件,命名為“水滴”。
(3)不需要在“水滴”元件的舞臺(tái)上創(chuàng)建任何內(nèi)容;只需要在其第1幀上輸入如下代碼,載入外部效果動(dòng)畫文件。代碼說明:
var request:urlrequest = new urlrequest(效果.swf);//創(chuàng)建一個(gè)地址請(qǐng)求對(duì)象 var loader:loader = new loader()//創(chuàng)建一個(gè)容器對(duì)象
loader.load(request);//將地址請(qǐng)求對(duì)象中的內(nèi)容載入對(duì)象中 addchild(loader);//將容器附加到當(dāng)前對(duì)象的舞臺(tái)上
(4)回到“場(chǎng)景1”,選擇“欄目”層得第1幀。(5)將“水滴”元件拖入到舞臺(tái),合理布置其位置。
3.5.4為作品添加聲音(1)點(diǎn)擊回到場(chǎng)景1(2)選擇【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令,將“trouble is a friend”音頻文件導(dǎo)入到舞臺(tái)。
(3)在“背景”層中單擊第1幀,選擇【窗口】|【屬性】命令,調(diào)出【屬性】檢查器,在面板右側(cè)區(qū)域便是音頻設(shè)置欄。
(4)在【效果】選項(xiàng),在彈出下拉表中選擇“無”選項(xiàng)。(5)單擊【同步】選項(xiàng),在彈出下拉表中選擇“事件”、“循環(huán)”選項(xiàng)。如下圖 圖片已關(guān)閉顯示,點(diǎn)此查看
(6)測(cè)試動(dòng)畫效果。(7)保存文件。
實(shí)驗(yàn)結(jié)果:
可以實(shí)現(xiàn)基本的資料預(yù)覽,首頁有頂部標(biāo)題、左側(cè)按鈕包括個(gè)人概況、教育經(jīng)歷、社會(huì)實(shí)踐、證書獎(jiǎng)勵(lì)和求職意向。右下方有一個(gè)返回主頁的按鈕??傮w實(shí)現(xiàn)交互式按鈕查看,還加有背景音。功能都能實(shí)現(xiàn)和查看。實(shí)驗(yàn)心得:
通過本次設(shè)計(jì),對(duì)flash有了一個(gè)更深入的了解,總結(jié)下來,不管做什么都需要耐心,不能半途而廢,不只是flash還有其他的東西也是需要多練習(xí)多接觸才可以做的好的。感覺這一科學(xué)到蠻多的東西的,相信以后在動(dòng)畫設(shè)計(jì)和一些多媒體的運(yùn)用中是很有用的。畢竟是才開始接觸還有很多值得學(xué)習(xí)的地方,會(huì)在以后的學(xué)習(xí)中多思考,勤學(xué)習(xí)。
第三篇:《教你用flash制作個(gè)人簡(jiǎn)歷
Flash制作教程(12)——Flash個(gè)人簡(jiǎn)歷制作 教學(xué)目的:
1、逐步生成Flash元件的方法;
2、Action的合理使用;
3、Flash中逐幀運(yùn)行的制作;
4、在瀏覽器中運(yùn)行Flash實(shí)例。
教學(xué)重點(diǎn):
1、stop與goto動(dòng)作的安排和設(shè)置;
2、getURL動(dòng)作及在瀏覽器中打開Flash實(shí)例。
教學(xué)過程:
1、觀看范例:
打開教師指定位置中的“ex23.exe”文件觀看。
2、修改影片屬性:
新建一個(gè)Flash文件,打開“修改”菜單并選擇“影片”,在彈出的“影片屬性”對(duì)話框中將“寬”和“高”設(shè)置為:700×460,“幀頻”為“12fps”,“背景顏色”設(shè)為“灰色(#999999)”(如圖12-1)。單擊“確定”返回“場(chǎng)景1”;
(圖12-1)
3、第1幀顯示內(nèi)容制作:
(1)先來看一看第一幀我們要顯示的內(nèi)容有哪些。如圖12-24所示。
我們發(fā)現(xiàn)在“時(shí)間軸”的第一幀中有3個(gè)圖層,分別為“背景”、“按鈕”和“文字”,其中“文字”層上顯示的是四個(gè)按鈕上的文字;
(2)“背景”層的制作:
第一步:將“圖層1”改名為“背景”;
第二步:選中“工具”面板上的“矩形工具”,并將“描繪顏色”設(shè)置為“無色”、“填充顏色”設(shè)置為“藍(lán)色(#0000FF)”后,在場(chǎng)景1上繪制出一個(gè)寬和高分別為700和60、坐標(biāo)位置為0和0(如圖12-2)的矩形(如圖12-3);
(圖12-2)
(圖12-3)
第三步:選中“工具”面板上的“線條工具”,將“描繪顏色”設(shè)置為“淡藍(lán)色(#0099FF)”,在場(chǎng)景1上繪制出一條寬度為700、X軸為0的水平線;
第四步:用“箭頭工具”選中水平線,然后按住鍵盤上的“Ctrl”鍵,用鼠標(biāo)將水平線向下拖動(dòng)幾個(gè)像素,復(fù)制一條水平線(如圖12-4); *注意:此時(shí)在鼠標(biāo)指針的旁邊有一個(gè)“+”號(hào),這表示是復(fù)制,否則是不會(huì)有復(fù)制效果的!
(圖12-4)
第五步:重復(fù)第四步,多復(fù)制出幾個(gè)水平線,使效果如圖12-5所示。
(圖12-5)
*技巧:復(fù)制多條水平線有一種好方法,可以一次選中多條水平線,然后采用第四步的方法,這樣可以一次復(fù)制更多的水平線,增加工作的效率;
第六步:選中所有的水平線,將水平線移動(dòng)到第二步繪制的矩形上(如圖12-6);
(圖12-6)
第七步:用“箭頭工具”在場(chǎng)景1上畫出一個(gè)矩形,選中“背景”圖層上所有的對(duì)象。通過“編輯”菜單中的“復(fù)制”和“粘貼”,在場(chǎng)景1中復(fù)制出一個(gè)完全一樣的背景圖案,并將復(fù)制出來的背景圖案的X軸和Y軸設(shè)置為0和400(如圖12-7和圖12-8);
(圖12-7)
(圖12-8)
第八步:在不選中任何對(duì)象的狀態(tài)下,將鼠標(biāo)移動(dòng)到場(chǎng)景1下面一個(gè)矩形圖案的最上端的中間位置,當(dāng)鼠標(biāo)指針為“下拉,使圖形出現(xiàn)一個(gè)弧邊(如圖12-9);
”時(shí),按住鼠標(biāo)左鍵并向
(圖12-9)
第九步:用鼠標(biāo)分別點(diǎn)擊中間多出的水平線并依次刪除,效果如圖12-10所示;
(圖12-10)
第十步:選擇“工具”面板上的“文本工具”,在場(chǎng)景1上輸入“FLASH個(gè)人簡(jiǎn)歷”,并設(shè)置大小為“84”,其中“FLASH”的字體設(shè)置為“Arial Black”,“個(gè)人簡(jiǎn)歷”的字體設(shè)置為“隸書”,將此文本對(duì)象“相對(duì)舞臺(tái)”水平垂直居中(如圖12-11);
(圖12-11)
第十一步:在文本對(duì)象選中的狀態(tài)下,打開“修改”菜單,選擇“分解組件”選項(xiàng)將文本打散。然后再執(zhí)行一次“分解組件”,將文本分解為圖像(如圖12-12);
(圖12-12)
第十二步:選擇“工具”面板上的“墨水瓶工具”,并設(shè)置“描繪顏色”為“淡灰色(#CCCCCC)”,依次單擊每一個(gè)字,給文字的每個(gè)部分描繪出淡灰色的邊框(如圖12-13);
(圖12-13)
第十三步:選擇“箭頭工具”,依次選中每個(gè)文字的顏色填充部分,并刪除掉文字的填充顏色,如果不能選中顏色填充部分,則將舞臺(tái)放大到400%后,就可以很容易地選定了。效果如圖12-14所示。
(圖12-14)
至此,“背景”圖層制作完畢。
(3)“按鈕”層的制作
第一步:新建一個(gè)圖層,并取名為“按鈕”。為了使接下來在“按鈕”層的操作不致影響到“背景”層,可以將“背景”層鎖定(如圖12-15);
(圖12-15)
第二步:選中“按鈕”層的第一幀,在舞臺(tái)上畫出一個(gè)“描繪高度”為
2、“描繪顏色”為“白色(#FFFFFF)”、“填充顏色”為“灰色(#999999)”、“圓角矩形半徑”為10的圓角矩形(如圖12-16);
(圖12-16)
第三步:雙擊圓角矩形,選中圓角矩形的填充部分和邊框部分。
*注意:如果只是單擊圓角矩形,則只能選中圓角矩形的填充部分,而它的邊框卻沒有選中,所以這里要雙擊圓角矩形,將之全部選中;
選好后,打開“插入”菜單,選擇“轉(zhuǎn)換為元件”,在彈出的“轉(zhuǎn)換為元件”對(duì)話框中,設(shè)置“作用”為“按鈕”、“名稱”為“圓角按鈕”(如圖12-17)。單擊“確定”返回場(chǎng)景1;
(圖12-17)
第四步:再次雙擊“圓角按鈕”按鈕元件,進(jìn)入按鈕的編輯狀態(tài)。在時(shí)間軸的“鼠標(biāo)經(jīng)過”幀和“DOWN”幀各添加一個(gè)關(guān)鍵幀(如圖12-18);
(圖12-18)
第五步:?jiǎn)螕魣A角矩形,選中“圓角按鈕”的填充部分,并打開“編輯”菜單選擇“復(fù)制”,然后鎖定“圖層1”。再在“圓角按鈕”的時(shí)間軸上添加一個(gè)圖層,即“圖層2”。在“圖層2”的“鼠標(biāo)經(jīng)過”幀添加一個(gè)關(guān)鍵幀(如圖12-19);
(圖12-19)
第六步:選擇“圖層2”的“鼠標(biāo)經(jīng)過”幀,在“編輯”菜單中選中“粘貼到當(dāng)前位置”,即將在第五步中復(fù)制的“圓角按鈕”填充部分覆蓋到了按鈕上,再在“屬性”上將這個(gè)圓角矩形的填充顏色設(shè)置為“淡灰色(#CCCCCC)”(如圖12-20);
(圖12-20);
第七步:選中“圖層2”上“鼠標(biāo)經(jīng)過”幀上的圓角矩形,將之轉(zhuǎn)換為名稱為“按鈕動(dòng)畫”的“影片剪輯”元件(如圖12-21)。再次雙擊“按鈕動(dòng)畫”元件,進(jìn)入“按鈕動(dòng)畫”元件的編輯狀態(tài);
(圖12-21)
第八步:先在“圖層1”的第6幀插入一個(gè)關(guān)鍵幀,然后選中第一幀,在“屬性”面板中將“中間”過渡設(shè)置為“形狀”,再將第一幀中的圓角矩形縮小到中間位置。最后在第7幀和第8幀插入關(guān)鍵幀后,再把第7幀中的圓角矩形刪除,并在第8幀加上“stop()”動(dòng)作,如圖12-22所示;
12-22)
第九步:點(diǎn)擊“位置欄”上的“場(chǎng)景1”回到場(chǎng)景1,此時(shí)在舞臺(tái)上已經(jīng)有了一個(gè)按鈕元件。鍵擊“F11”打開“庫”面板,再拖動(dòng)三個(gè)“圓角按鈕”元件到場(chǎng)景1上,然后利用“排列”面板將場(chǎng)景1上的四個(gè)按鈕進(jìn)行排列,效果如圖12-23所示。
(圖12-23)
(4)“文字”層的制作
新建一個(gè)圖層,并取名為“文字”,在該層的第一幀,用“文本工具”輸入四個(gè)文本對(duì)象“關(guān)于我”、“我的簡(jiǎn)歷”、“我的作品”、“與我聯(lián)系”,設(shè)置文本的字體和大小,并分別放在四個(gè)圓角按鈕上,如圖12-24所示。
(圖12-24)
(5)至此,第一幀內(nèi)容全部制作完畢,按下Ctrl+Enter組合鍵可以調(diào)試已經(jīng)完成的部分。
在制作后面的部分之前,先做下面的操作:
第一步:新建兩個(gè)圖層,分別取名為“彈出”和“action”;
第二步:在“action”圖層的第一幀加上“stop()”動(dòng)作;
第三步:分別在“背景”、“按鈕”、“文字”和“action”四個(gè)圖層的第5層插入幀;
第四步:鎖定“背景”、“按鈕”、“文字”和“action”四個(gè)圖層。此時(shí)“時(shí)間軸”如圖12-25所示。
(圖12-25)
4、制作“彈出”圖層的第2幀:
此過程的制作思路是:在“彈出”圖層的第2幀放入作品中“關(guān)于我”部分的動(dòng)畫,效果是當(dāng)單擊“關(guān)于我”按鈕時(shí),執(zhí)行第2幀中的動(dòng)畫。
第一步:在“彈出”圖層的第2幀插入關(guān)鍵幀,并利用“線條工具”在舞臺(tái)上作出若干條“描繪高度”為“1”的“白色”水平線(如圖12-26);
(圖12-26)
第二步:選中“矩形工具”,在已有的水平線上繪制出一個(gè)矩形,并把矩形的下面一個(gè)邊拉成弧形,最后刪除矩形外面的水平線突出的部分,形成如圖12-27所示的效果;
(圖12-27)
第三步:選中帶有圓弧的矩形及所有在內(nèi)的水平線,選中“插入”菜單的“轉(zhuǎn)換為元件”,將之轉(zhuǎn)換為名稱為“彈出矩形”的“圖形”元件(如圖12-28);
(圖12-28)
第四步:再次選中“插入”菜單的“轉(zhuǎn)換為元件”選項(xiàng),轉(zhuǎn)換為名稱為“關(guān)于我動(dòng)畫”的“影片剪輯”元件;
(圖12-29)
*注意:第三步將圓弧矩形轉(zhuǎn)換為“圖形”,是為了后面制作其余幾個(gè)關(guān)鍵幀做好準(zhǔn)備工作,第四步才是制作“彈出”圖層第2幀的步驟。但如果第三步不做的話,將會(huì)給后面的制作帶來繁瑣的操作步驟。
第五步:用鼠標(biāo)雙擊圓弧矩形,進(jìn)入“關(guān)于我動(dòng)畫”影片剪輯元件的編輯狀態(tài)。在“圖層1”的第6幀和第7幀分別插入關(guān)鍵幀,然后選中第1幀,在“屬性”面板中將“中間”過渡設(shè)置為“移動(dòng)”,并將第1幀中的圓角矩形調(diào)整縮小到中間的位置,將第7幀中的圓角矩形稍微縮小一點(diǎn),如圖12-30所示。按下回車鍵,可以看見圓角矩形由小放大,然后有一個(gè)回縮的過程;
12-30)
第六步:新建“圖層2”,在“圖層2”的第7幀插入關(guān)鍵幀,然后用“文本工具”在舞臺(tái)上輸入“關(guān)于我”和自己的一些優(yōu)點(diǎn),如“熱愛生活”、“勤奮好學(xué)”、“腳踏實(shí)地”、“樂于助人”之類,并利用“排列”面板,將文字對(duì)象排列整齊(如圖12-31);
(圖12-31)
第七步:用鼠標(biāo)點(diǎn)擊“圖層2”的第7幀,選中該幀上的所有對(duì)象,打開“插入”菜單選擇“轉(zhuǎn)換為元件”,將這些文字對(duì)象轉(zhuǎn)換為名稱為“關(guān)于我文字動(dòng)畫”的“影片剪輯”元件。單擊“確定”返回;
(圖12-32)
第八步:雙擊文字部分,進(jìn)入“關(guān)于我文字動(dòng)畫”影片剪輯元件的編輯狀態(tài)。因?yàn)槲覀円谱鞒鑫淖钟赏该鞯讲煌该鞯男Ч?,但此時(shí)我們發(fā)現(xiàn)文字仍然是幾個(gè)單獨(dú)的對(duì)象,無法設(shè)置為透明效果,所以這里我們?cè)俅芜x中所有文字對(duì)象,并轉(zhuǎn)換為名稱為“關(guān)于我文字”的“圖形”元件(如圖12-33)。單擊“確定返回”(如圖12-34);
(圖12-33)
12-34)
第九步:在第5幀插入關(guān)鍵幀;
第十步:選擇第1幀,在“屬性”面板中將“中間”過渡設(shè)置為“移動(dòng)”,再選中“關(guān)于我文字”圖形元件,將“屬性”面板的“顏色”選項(xiàng)設(shè)置為“Alpha”,值為“0%”;
第十一步:選中第5幀,給該幀加上“stop()”動(dòng)作,使動(dòng)畫運(yùn)行到此停止(如圖12-35);
(圖12-35)
第十二步:返回“關(guān)于我動(dòng)畫”編輯狀態(tài),在“圖層1”的第6幀也加上“stop()”動(dòng)作(如圖12-36);
(圖12-36);
回到“場(chǎng)景1”。至此,“彈出”圖層的第2幀就已經(jīng)完成,但要得到點(diǎn)擊舞臺(tái)上的“關(guān)于我”按鈕即可觀看動(dòng)畫的效果還沒有完成。最后一步:釋放“按鈕”圖層,選中“關(guān)于我”按鈕,打開“動(dòng)作”面板,添加“goto”語句,如圖12-37進(jìn)行設(shè)置。按下“Ctrl+Enter”組合鍵,在運(yùn)行界面點(diǎn)擊“關(guān)于我”按鈕觀看動(dòng)畫效果。
(圖12-37)
*技巧:為何在添加動(dòng)作時(shí)設(shè)置“轉(zhuǎn)到并停止”?這是因?yàn)槿绻O(shè)置“轉(zhuǎn)到并播放”,則運(yùn)行時(shí),單擊“關(guān)于我”按鈕后,會(huì)先跳到第2幀,并且立即依次執(zhí)行第3幀及后面的幀,這樣一來,第2幀上的動(dòng)畫就不能播放完畢了,也就不能得到預(yù)期的效果了。所以這邊選擇“轉(zhuǎn)到并停止”,讓第2幀上的動(dòng)畫播放完畢。
此刻,“場(chǎng)景1”的時(shí)間軸顯示如圖12-38所示。
(圖12-38)
5、制作“彈出”圖層的第3幀:
“彈出”圖層的第3幀和第2幀的制作步驟相似,只不過不同的是,當(dāng)單擊“我的簡(jiǎn)歷”按鈕時(shí),跳轉(zhuǎn)到第3幀,顯示“我的簡(jiǎn)歷”內(nèi)容的動(dòng)畫效果,具體步驟就不再贅述了。文本內(nèi)容可以參考如下圖12-39所示。
(圖12-39)
6、制作“彈出”圖層的第4幀:
第4幀要顯示的是“我的作品”,可以通過按鈕鏈接到前面所制作的幾個(gè)實(shí)例。
第一步:利用前面“彈出”圖層第2、3幀的制作方法,在第4幀上先插入關(guān)鍵幀,然后自行制作出下圖12-40所示效果;
(圖12-40)
第二步:按下“Ctrl+Enter”,測(cè)試實(shí)例。如果前面一步的操作沒有什么錯(cuò)誤的話,則當(dāng)在實(shí)例中用鼠標(biāo)按下“我的作品”按鈕時(shí),會(huì)先出現(xiàn)一個(gè)圓弧矩形由小放大的效果,然后是“我的作品”四個(gè)字由透明狀態(tài)逐漸全部顯現(xiàn)出來?,F(xiàn)在在“庫”面板中可以看到(如圖12-41)所有用到的元件;
(圖12-41)
第三步:進(jìn)入“作品文字動(dòng)畫”影片剪輯元件的的編輯狀態(tài),即“我的作品”四個(gè)字由透明狀態(tài)到全部顯現(xiàn)的動(dòng)畫編輯狀態(tài),如圖12-42所示;
(圖12-42)
第四步:新建“圖層2”。在“圖層2”的第5幀插入關(guān)鍵幀,用“文本工具”在“圖層2”的第5幀輸入“影片場(chǎng)景切換”(如圖12-43);
(圖12-43)
第五步:選中“影片場(chǎng)景切換”文本對(duì)象,在“插入”菜單中轉(zhuǎn)換為名稱為“作品1”的按鈕元件(如圖12-44);
(圖12-44)
第六步:雙擊“影片場(chǎng)景切換”文字進(jìn)入按鈕元件的編輯狀態(tài)(如圖12-45);
(圖12-45)
第七步:在“作品1”按鈕元件的“鼠標(biāo)經(jīng)過”幀、“down”幀和“反映區(qū)”幀都分別插入關(guān)鍵幀,全部繼承“Up”幀的對(duì)象和狀態(tài)(如圖12-46);
(圖12-46)
第八步:選中“反應(yīng)區(qū)”幀,在文字“影片場(chǎng)景切換”上覆蓋一個(gè)沒有邊框的矩形后(如圖12-47),再刪除“反應(yīng)區(qū)”幀中的“影片場(chǎng)景切換”文字,即在“反應(yīng)區(qū)”幀中只保留一個(gè)大小和原來的文本一致的矩形(如圖12-48);
(圖12-47)
(圖12-48)
*技巧:按鈕元件“反應(yīng)區(qū)”幀中的對(duì)象在Flash實(shí)例播放狀態(tài)時(shí)是不會(huì)顯示出來的,這邊加一個(gè)矩形的目的是為了使按鈕的接觸面積增大而已。大家可以試試看,如果在“反應(yīng)區(qū)”幀中不放置這個(gè)矩形,最終的效果怎樣。
第九步:將“鼠標(biāo)經(jīng)過”幀和“Down”幀中文字改變顏色,即不要和“Up”幀中的顏色一致即可;
第十步:按下“Ctrl+Enter”鍵,觀看前面制作的效果;
第十一步:用同樣的方法再制作“作品2”和“作品3”兩個(gè)按鈕,顯示文本分別為“水中倒影”和“個(gè)人主頁Logo”。在“作品文字動(dòng)畫”影片剪輯編輯狀態(tài)中顯示如圖12-49所示;
(圖12-49)
第十二步:選中“作品1”按鈕(顯示文本是“影片場(chǎng)景切換”),打開“動(dòng)作”面板,給按鈕添加動(dòng)作“Action>Browse/network>getURL”,在右邊窗口的“URL:”后面輸入要鏈接到的flash外部動(dòng)畫“影片場(chǎng)景切換.swf”;“窗口:”選項(xiàng)中選擇“_blank”,表示在一個(gè)空白的瀏覽器窗口中打開要播放的動(dòng)畫文件。如圖12-50所示;
(圖12-50)
第十三步:用同樣的方法,給“作品2”(顯示文本為“水中倒影”)和“作品3”(顯示文本為“個(gè)人主頁Logo”)兩個(gè)按鈕元件分別加上動(dòng)作,如圖12-51和圖12-52所示;
(圖12-51)
(圖12-52)
*注意:
? 此處鏈接的三個(gè)外部Flash動(dòng)畫文件是我們前面制作好的。圖中的URL代表外部動(dòng)畫文件的相對(duì)路徑,本例中的三個(gè)動(dòng)畫文件是在同一個(gè)目錄下,但如果文件“影片場(chǎng)景切換.swf”是在一個(gè)目錄名為“soft”的目錄下,那么這個(gè)路徑就要被改為“soft/影片場(chǎng)景切換.swf”了;
? Flash可以鏈接外部動(dòng)畫文件,“影片場(chǎng)景切換.swf”、“水中倒影.swf”和“個(gè)人主頁Logo制作.swf”三個(gè)動(dòng)畫文件我們是用“getURL”動(dòng)作來設(shè)置在瀏覽器中打開的?!癵etURL”動(dòng)作還可以鏈接到網(wǎng)上的資源,如“getURL(“http://jggj.hkedu.sh.cn”)”可以鏈接到“繼光高級(jí)中學(xué)”網(wǎng)站首頁;
? 這里還可以用“l(fā)oadMovie”動(dòng)作在當(dāng)前的動(dòng)畫文件中導(dǎo)入一個(gè)新的動(dòng)畫,有興趣的同學(xué)可以自行嘗試,不清楚的地方可以詢問任課老師;
? 除了外部Flash動(dòng)畫文件以外,大家還可以在“動(dòng)作”面板中搜索一遍,看如何鏈接其它外部非Flash動(dòng)畫文件,如可執(zhí)行文件的鏈接等。
第十四步:給“場(chǎng)景1”的“我的作品”按鈕添加跳轉(zhuǎn)到第4幀的動(dòng)作。按下“Ctrl+Enter”組合鍵,觀看效果。單擊“我的作品”按鈕,再分別選擇三個(gè)作品,可以在瀏覽器中打開相應(yīng)的動(dòng)畫文件?!皬棾觥眻D層的第4幀制作完畢。
7、制作“彈出”圖層的第5幀:
“彈出”圖層的第5幀的制作方法與第4幀相同,具體步驟就不贅述了。不同的地方在:“Email”按鈕的鏈接動(dòng)作是“getURL(“mailto:×××@×××.×××”)”,引號(hào)中的叉號(hào)為制作者的電子郵箱地址;“主頁”按鈕的鏈接動(dòng)作是“getURL(“http://jggj.hkedu.sh.cn”)”。
最后保存文件:A:Flash個(gè)人簡(jiǎn)歷.fla。
8、制作后期說明:
實(shí)例中所用到的元件如圖12-53所示?,F(xiàn)在,這個(gè)Flash動(dòng)畫文件已經(jīng)制作完畢,在這個(gè)動(dòng)畫的制作過程中,大家也許會(huì)很辛苦,但卻可以學(xué)到Flash軟件中很多的操作方法和技能。
我們最終將本教材中制作的所有作品都基本集合到了最后這個(gè)作品中,這也算是有了一個(gè)圓滿的結(jié)束吧!大家在以后制作Flash動(dòng)畫的時(shí)候會(huì)感覺到,F(xiàn)lash軟件的功能雖然很強(qiáng)大,但制作的關(guān)鍵還是制作者的構(gòu)思,只要具有優(yōu)秀的創(chuàng)造思維能力,就可以制作出完美的動(dòng)畫作品。
(圖12-53)
第四篇:flash個(gè)人簡(jiǎn)歷制作流程1
個(gè)人制作Flash簡(jiǎn)歷全流程
時(shí)間過得真快,眨眼間又到了新年。即將走出校園、步入社會(huì)、創(chuàng)造自己美好生活的畢業(yè)生是否已涌起一絲絲的別離情緒?有否把一切遺憾的事情都盡量彌補(bǔ)?有否到生活多年的校園各個(gè)角落留下自己的足跡?有否為即將離開父母的身邊,走進(jìn)變幻萬千的社會(huì),完全自己獨(dú)立地生活而做好準(zhǔn)備?隨著新年的到來,各地的人才交流招聘會(huì)都將陸續(xù)召開。作為畢業(yè)生的你,有否已經(jīng)制作了一份讓自己滿意、讓用人單位滿意的個(gè)人自薦表呢?還沒有,不知道怎么做!或者做了,就那么簡(jiǎn)簡(jiǎn)單單的幾張白紙!沒關(guān)系,本專題正是基于這個(gè)目的,向?yàn)橹谱髯运]表而發(fā)愁的畢業(yè)生一步步地介紹自薦表的表現(xiàn)形式及實(shí)例制作過程,希望可以解除大家的煩惱,讓畢業(yè)生們圓滿完成離開母校的最后一課!我們分別為大家準(zhǔn)備了兩種制作方法,一種是運(yùn)用flash,一種是運(yùn)用Authorware.如果將來你有志于投入多媒體行業(yè),學(xué)習(xí)用Authorware制作簡(jiǎn)歷將能夠向用人單位顯示你的制作實(shí)力;如果你喜歡用Flash做動(dòng)畫,希望從事網(wǎng)絡(luò)多媒體行業(yè),則用Flash制作一份精美的簡(jiǎn)歷再合適不過了。
開篇
一、收集整理資料
幾年的學(xué)生生涯,多多少少為自己添加了人生的經(jīng)歷,請(qǐng)把一切在校期間發(fā)生的故事、學(xué)習(xí)生活點(diǎn)滴、與社會(huì)接觸和溝通的片段統(tǒng)統(tǒng)收集起來,分門別類,整理歸檔,作為自薦表基本資料,充實(shí)你的自薦表!
二、規(guī)劃自薦表結(jié)構(gòu)收集好所有的資料并整理歸類后,我們需要靜下心來思考一下,明確自薦表的訴求對(duì)象,通過上網(wǎng)或者去圖書館查閱資料,跟經(jīng)歷豐富的同學(xué)、上一屆畢業(yè)的師兄或者家人交流看法,了解訴求對(duì)象--自己希望就業(yè)的單位公司對(duì)人才的要求,當(dāng)前的希望從事的職業(yè)的熱門職位(務(wù)必具體),剔除無用的資料,留下一切可能吸引招聘人員注意力、讓你能成功地為他們服務(wù)的信息。根據(jù)保留下來的信息,依照自薦表的格式,參考上一屆畢業(yè)同學(xué)的制作,依照自己的能力規(guī)劃出自己自薦表的整體框架,筑建好其結(jié)構(gòu)。即將制作的Flash自薦表例子的結(jié)構(gòu)如圖1.三、閃動(dòng)你的智慧--具體制作步驟(1)根據(jù)自薦表結(jié)構(gòu),確定Flash框架自薦表的結(jié)構(gòu)圖并不完全等于Flash的框架,我們需要根據(jù)結(jié)構(gòu)圖,并結(jié)合Flash的特點(diǎn),來為Flash制定整個(gè)框架,把自薦表在Flash中的流程確定下來,然后才可進(jìn)行制作。要是做到一步算一步,當(dāng)遇到問題時(shí)再考慮添加或者減少內(nèi)容,不僅僅事倍功半,還可能要重新制作,得不償失。
分析上面的結(jié)構(gòu)圖,由表達(dá)的內(nèi)容我們知道,“個(gè)人介紹”中的“能力特長(zhǎng)”和“實(shí)踐經(jīng)驗(yàn)”將是重點(diǎn);“我的大學(xué)”中,“主要課程”和“學(xué)習(xí)成績(jī)”將作為重點(diǎn);“相關(guān)作品”是自薦表中重點(diǎn)的重點(diǎn),是為招聘人員展示你的能力的有力證明,是獲得理想工作的敲門磚;“求職資料”是實(shí)打?qū)嵉臇|西,老老實(shí)實(shí)地輸入文字即可。
經(jīng)過分析之后,F(xiàn)lash的框架也差不多確定了,四個(gè)主標(biāo)題每一個(gè)都獨(dú)立生成一個(gè)SWF文件,然后使用一個(gè)主文件分別把它們用LoadMoive的技術(shù)調(diào)進(jìn)來;“個(gè)人介紹”、“我的大學(xué)”和“求職資料”中的分支主要以文字表達(dá)的方式完成;“相關(guān)作品”作為重點(diǎn),要突出,動(dòng)態(tài)效果也只要在這里表現(xiàn);所有的分支運(yùn)用場(chǎng)景(Scene)技術(shù),各處于自己的場(chǎng)景中,互不干擾;其他細(xì)微的調(diào)整就在制作過程中完成吧。
(2)主體內(nèi)容的制作由于完整制作Flash自薦表會(huì)占用相當(dāng)多的篇幅,為了節(jié)約起見,主要介紹自薦表中技術(shù)性問題的制作,相同的技術(shù)不做細(xì)述。
明確工作之后,我們先來把設(shè)計(jì)好的界面導(dǎo)入Flash.按Ctrl+R,導(dǎo)入已經(jīng)在Photoshop中制作好的圖片界面。按Ctrl+K,調(diào)出對(duì)齊窗口,設(shè)置圖片位置為基于文件居中,如圖2所示。
下面的內(nèi)容將按“主體篇”、“聲音篇”、“結(jié)尾篇”來完成。
主體篇
開場(chǎng)白當(dāng)招聘人員打開你的Flash電影時(shí),最好先給他們以親切的問候,同時(shí)表達(dá)自己渴望獲得職位進(jìn)入公司的意愿。
不需要震撼的效果,只要一個(gè)黑色的背景,加上精心雕琢的詞句,并以打字的效果出現(xiàn),配上打字機(jī)打字的聲音,簡(jiǎn)直妙不可言!
制作方法如下新建一個(gè)Flash文件,按Ctrl+M調(diào)出設(shè)置對(duì)話框,把背景色設(shè)置為黑色。
選擇文字工具,在場(chǎng)景中的第一層第一幀上畫出一個(gè)適當(dāng)?shù)奈淖州斎雲(yún)^(qū)域,并按Ctrl+T調(diào)出文字設(shè)置面板。在“Character”選項(xiàng)欄選擇中文字體“宋體”,字體大小為“13”,字體顏色為“黃色”,因?yàn)辄S色跟黑色配合顯眼而不刺眼,有力而不浮躁!如圖3所示。
在“Text Options”選項(xiàng)欄中把“Variable”缺省參數(shù)名改為“Startfont”,其他保留為默認(rèn)狀態(tài),如圖4所示。接下來的工作是Action的設(shè)置。新建一層,并在此層的第一幀中加入以下代碼文字內(nèi)容“;//在此輸入要給招聘人員看的內(nèi)容計(jì)算所有文字內(nèi)容的長(zhǎng)度給i初始值第二幀的代碼每運(yùn)行一次i自加,1,把參數(shù)text里的內(nèi)容逐個(gè)傳送給第三幀的代碼是一個(gè)if語句,起判斷作用判斷文字內(nèi)容是否已經(jīng)完全輸出,如果完成,則停止,否則繼續(xù)千萬不要忘記把第一層的幀數(shù)延伸到第三幀,否則文字內(nèi)容顯示不了。完成后的時(shí)間軸如圖5所示。
按Ctrl+Enter測(cè)試一下,調(diào)試正常后保存為startfont.swf文件以備為L(zhǎng)oadMoive調(diào)用。測(cè)試的界面如圖6.文本滾動(dòng)窗口在自薦表里有相當(dāng)多的內(nèi)容需要用文字表達(dá),比如個(gè)人簡(jiǎn)歷、四年課程、成績(jī)表、自我鑒定等等,考慮到版面安排的問題,一頁是顯示不了完整內(nèi)容的,怎么辦呢?能不能制作類似Dreamweaver中常用的滾動(dòng)文字?答案是肯定的!下面以”個(gè)人簡(jiǎn)歷“為例子,一步步地介紹滾動(dòng)文字的制作。
之前我們已經(jīng)制作好了”個(gè)人簡(jiǎn)歷“的主界面,那么先在Flash5里把文件打開吧!如圖7所示。
根據(jù)主界面的設(shè)計(jì),確定文字內(nèi)容擺放位置為中間,同時(shí)制作兩個(gè)上下移動(dòng)的按鈕。
選擇文字工具,在場(chǎng)景中的”font“層第一幀上畫出一個(gè)適當(dāng)?shù)奈淖州斎雲(yún)^(qū)域,并按Ctrl+T調(diào)出文字設(shè)置面板。在”Character“選項(xiàng)欄選擇中文字體”宋體“,字體大小為”12“,并使用工具箱中的吸管吸取比主界面色調(diào)稍深的顏色作為字體顏色,相近的顏色既不刺眼,也顯出一種和諧美!如圖8所示。
在”Text Options“選項(xiàng)欄中把”text type“改為”Dynamic text(動(dòng)態(tài)文字)“,把”Variable“改為”Multiline(多行)“,把”Variable“缺省參數(shù)名改為”text“,并選中右欄最下面的兩個(gè)選項(xiàng)”Wordwrap“和”Selectable“,如圖9所示。接下來制作兩個(gè)控制用的MC(movie clip-電影夾).按Ctrl+F8新建”text up“MC,在電影夾編輯窗口的第一幀上按F6創(chuàng)建一個(gè)關(guān)鍵幀,雙擊此幀,在Action窗口里選擇”+“→”basicactions“→”stop“,完成后的Action面板如圖10所示。
在第二幀里加入以下代碼設(shè)置場(chǎng)景中文字內(nèi)容的向上滾動(dòng)屬性在第三幀加入控制不停地運(yùn)行第二幀,以實(shí)現(xiàn)文字內(nèi)容滾動(dòng)復(fù)制”text up“MC,改名為”text down“,編輯此MC,修改第二幀的代碼為設(shè)置場(chǎng)景中文字內(nèi)容的向上滾動(dòng)屬性在”元素庫“里把此兩個(gè)MC拖動(dòng)到主場(chǎng)景,再制作兩個(gè)控制按鈕,具體做法就不介紹了,形狀在于個(gè)人愛好,這里介紹其中Action的設(shè)置。在向上按鈕中加入以下代碼。
鼠標(biāo)點(diǎn)擊告知目標(biāo)鼠標(biāo)松開告知目標(biāo)復(fù)制向上按鈕里的代碼到向下按鈕中,把”/down“改為鼠標(biāo)點(diǎn)擊告知目標(biāo)鼠標(biāo)松開告知目標(biāo)由于文字內(nèi)容比較多,同時(shí)為了方便以后的修改,我們使用flash5的loadVariablesNum()函數(shù)讀取TXT文本內(nèi)容,代碼相當(dāng)簡(jiǎn)單,完成了?NO!不要忘記輸入文本文件”aboutme.txt“,還要記得在文本文件的第一行開頭加入”text=“,對(duì)應(yīng)之前第3步中設(shè)置的文本框參數(shù)名”text“.其他分支的內(nèi)容錄入都可以采用這種方式完成,讀者也可以根據(jù)界面來制作帶有滾動(dòng)條的文本內(nèi)容顯示框。詳細(xì)制作請(qǐng)參看相關(guān)的教程。
定制適合自薦表風(fēng)格的鼠標(biāo)形狀是否對(duì)Flash中默認(rèn)的鼠標(biāo)形狀感到厭煩了呢?如果是,可以利用Flash5提供的Mouse.hide()函數(shù)把它更換成自己喜歡的鼠標(biāo)形狀。
制作方法如下首先,在場(chǎng)景中新建一個(gè)MC(movieclip-電影夾),在場(chǎng)景中制作一個(gè)自己喜歡的形狀,比如”十“字,一個(gè)三角形或者用Photoshop做出來的位圖等等,例子中我們用了十字。如果希望對(duì)”十“字作進(jìn)一步的設(shè)置,請(qǐng)全選它,按鍵盤上的”F8“轉(zhuǎn)換為Graph(組件).按Ctrl+L打開Library(元素庫),把做好的MCMouseSign拖到場(chǎng)景中,按Ctrl+I打開Instance面板,把MC命名為MouseSign.在主場(chǎng)景中的第一幀上右擊鼠標(biāo),選擇Action,在Action中加上以下兩行隱藏默認(rèn)的鼠標(biāo)形狀,true);//用MC替換成鼠標(biāo)形狀如圖11所示。
如果希望某些場(chǎng)景或者部分幀中恢復(fù)鼠標(biāo)指針,請(qǐng)使用mouse.Show()函數(shù)。
聲音篇沒有動(dòng)畫,沒有聲音的Flash是一個(gè)毫無生氣的作品,無論你設(shè)計(jì)的圖案如何如何的精美,那也只能表明你美工不錯(cuò)。既然是這樣,直接使用平面軟件就可以實(shí)現(xiàn)了,何必使用Flash呢?只有將動(dòng)畫與聲音完美結(jié)合起來,才能真正發(fā)揮Flash的功能,這樣的作品才有意義!
接下來我們?yōu)樽运]表加入背景音樂,并為按鈕設(shè)置觸發(fā)聲音。
加入背景音樂現(xiàn)在大家都提倡以人為本,我們制作背景音樂也一樣,要為大眾著想,背景音樂必須是可控制的,讓喜歡聲音的人可打開,不喜歡音樂的人可關(guān)閉。
制作一個(gè)觸發(fā)發(fā)聲的按鈕按設(shè)計(jì)樣圖中按鈕的形狀用矩形工具在場(chǎng)景中畫一個(gè)帶邊框的矩形,拖動(dòng)鼠標(biāo)選擇整個(gè)矩形,按F8,把它設(shè)置為按鈕。
雙擊場(chǎng)景中的按鈕,進(jìn)入按鈕編輯界面,在”Hit“幀中按F6.中按鈕共有四幀,相信大家都知道了,不過最后的一幀--Hit幀常常讓人忽略,尤其是制作文字按鈕時(shí)。在網(wǎng)絡(luò)上看到的一些作品,當(dāng)鼠標(biāo)移動(dòng)到文字筆畫之間時(shí)發(fā)現(xiàn)鼠標(biāo)形狀在閃爍,那就是沒有設(shè)置Hit幀的緣故。Hit幀的作用是控制按鈕影響的范圍,也就是鼠標(biāo)移動(dòng)到什么位置觸發(fā)按鈕,由于文字按鈕是由筆畫產(chǎn)生,只有筆畫的地方才會(huì)觸發(fā)按鈕,因此做此類型按鈕最好在Hit幀中加入一個(gè)文字大小的色塊,避免鼠標(biāo)閃爍,在應(yīng)聘時(shí)制作的文字按鈕響應(yīng)不靈就尷尬了!
新建一層,我們希望當(dāng)鼠標(biāo)移動(dòng)到按鈕上面時(shí)發(fā)聲,那么請(qǐng)?jiān)凇監(jiān)ver“幀中按F6,建立關(guān)鍵幀。
按Ctrl+R,在彈出的對(duì)話框中選擇準(zhǔn)備好的按鈕聲音,通常是一些清脆短促的聲音,容易引起人的注意,也可以是淡出的聲音,有一個(gè)拖尾效果,給人留下印象。flash支持聲音格式有”.wav“和”.mp3“,不要說你不知道Flash支持的聲音格式喔!
按Ctrl+L調(diào)出元素庫面板(Library),用鼠標(biāo)點(diǎn)擊第二層的”O(jiān)ver“幀,把元素庫里的聲音拖到此幀中。制作好按鈕后,時(shí)間軸的樣子如圖12.回到主場(chǎng)景,按Ctrl+Alt+B,激活按鈕,鼠標(biāo)移動(dòng)到按鈕上,調(diào)試制作的效果,直到滿意為止。
其他的按鈕就不作闡述了,讀者自行設(shè)置。
結(jié)尾篇臨近結(jié)束,要為細(xì)節(jié)部分作考慮,對(duì)局部添加動(dòng)態(tài)效果,作人性化設(shè)置等等,比如加入幫助(如圖13)、介紹作品的運(yùn)行環(huán)境、硬件要求之類的,大家就發(fā)揮自己的聰明和才智吧!
最后的提示長(zhǎng)長(zhǎng)的Falsh電影右鍵菜單并不好看,為了不影響招聘人員的視覺,那么我們把它隱藏起來吧。在主場(chǎng)景的第一幀中加入雙擊鼠標(biāo),調(diào)出Action面板,點(diǎn)擊”+“號(hào)按鈕,選擇彈出菜單中的”Actions“→”FSCommand“,如圖14所示。
點(diǎn)擊下圖箭頭所指的欄位,在彈出的下拉菜單中選擇”showmenu[true/false]“,在”Arguments“欄把缺省的”true“改為”false“(請(qǐng)參照?qǐng)D15),完成制作。
提醒一下,按Ctrl+Enter進(jìn)入測(cè)試是看不到效果的,必須直接在硬盤上打開Swf電影文件才生效。此時(shí)的右鍵菜單只是一行標(biāo)示版權(quán)的文字,如圖16.最后的工作就是要將你的作品刻錄到光盤上了。
第五篇:Flash設(shè)計(jì)報(bào)告
商貿(mào)系電子商務(wù)falsh課程設(shè)計(jì)報(bào)告
設(shè)計(jì)目的
1.通過課程設(shè)計(jì),樹立正確的設(shè)計(jì)思想,培養(yǎng)綜合運(yùn)用Flash動(dòng)畫設(shè)計(jì)課程和其他先修課程的理論與實(shí)踐知識(shí)來分析和解決平面動(dòng)畫設(shè)計(jì)問題的能力。
2.學(xué)習(xí)Flash動(dòng)畫設(shè)計(jì)的綜合方法,掌握Flash動(dòng)畫設(shè)計(jì)的一般流程。3.進(jìn)行Flash動(dòng)畫設(shè)計(jì)基本技能的訓(xùn)練,能將所學(xué)知識(shí)應(yīng)用于一般的動(dòng)畫作品創(chuàng)作,提高自己制作面的實(shí)際應(yīng)用能力。
本課程設(shè)計(jì)要求在課程設(shè)計(jì)過程中,學(xué)生會(huì)對(duì)設(shè)計(jì)任務(wù)進(jìn)行全面的策劃,根據(jù)任務(wù)的描述,通過實(shí)際查閱資料、分析設(shè)計(jì)、綜合利用Flash動(dòng)畫的基本原理和技術(shù),并通過實(shí)踐,掌握融匯自己思維及創(chuàng)意創(chuàng)作完整作品的基本方法和過程,達(dá)到能夠制作運(yùn)動(dòng)動(dòng)畫、形變動(dòng)畫和逐幀動(dòng)畫;能夠制作基本層動(dòng)畫、具有遮罩特效的動(dòng)畫和具有鏈接引導(dǎo)特效的動(dòng)畫;能夠制作和使用符號(hào);能夠制作按鈕并能夠?yàn)榘粹o設(shè)置控制動(dòng)畫播放的動(dòng)作腳本;能夠?yàn)镕lash作品添加聲音;能設(shè)計(jì)制作出具有完整主題要求的Flash作品,在作品制作中能理性地、有針對(duì)性地選擇使用flash提供的動(dòng)畫表現(xiàn)技術(shù),還能夠撰寫基本的動(dòng)畫劇本和制作說明書的目標(biāo)以達(dá)到加深、鞏固所學(xué)課程的相關(guān)知識(shí)、培養(yǎng)學(xué)生綜合設(shè)計(jì)的能力、參閱和參考各種資料的能力,達(dá)到靈活運(yùn)用各種特效功能與技巧進(jìn)行設(shè)計(jì)與創(chuàng)作,全面綜合的提高學(xué)生利用各種手段進(jìn)行設(shè)計(jì)、綜合策劃設(shè)計(jì)能力和整體分析及藝術(shù)處理的能力。同時(shí),通過實(shí)踐教學(xué)活動(dòng),拓寬學(xué)生的知識(shí)領(lǐng)域,鍛煉學(xué)生的實(shí)踐技能,培養(yǎng)科學(xué)嚴(yán)謹(jǐn)、求真務(wù)實(shí)的工作作風(fēng)。
商貿(mào)系電子商務(wù)falsh課程設(shè)計(jì)報(bào)告
設(shè)計(jì)過程 1.茶1如圖:
我做的是中國比較有名度一種茶,名為鐵觀音,在60針加了遮罩層,輪播到下一個(gè)圖層。
2.茶2如圖;
這個(gè)圖用ps處理了一下,這個(gè)圖在flash效果是,在119針出到165針處是靜止的,一直到215加傳統(tǒng)補(bǔ)間動(dòng)畫,215針處的Alon值為0,讓圖有一個(gè)漸漸變沒效果。
商貿(mào)系電子商務(wù)falsh課程設(shè)計(jì)報(bào)告
3.茶3如圖:
這張圖的效果是,290針到332針是一個(gè)從小慢慢變大的效果,到380是靜止?fàn)顟B(tài),再是從395針到425針的效果變小再向下移動(dòng)在是從右上角飛出。
4.茶4如圖:
這張圖也是用ps先制作出來,再falsh呈現(xiàn)出效果,192針到250針是一個(gè)從透明漸漸變亮的過程,然后到290針處是靜止?fàn)顟B(tài),再是漸漸變透明。
5.茶5如圖:
商貿(mào)系電子商務(wù)falsh課程設(shè)計(jì)報(bào)告
這個(gè)圖沒有什么效果,只是在390針到470針是靜止的,是茶3變小時(shí)呈現(xiàn)出來直到結(jié)束.6.我運(yùn)用按鈕作圖,在圖層運(yùn)動(dòng)時(shí)把指針放到按鈕上就有停止到某個(gè)圖上,當(dāng)指針移走是,動(dòng)畫又從第一針開始播放,有一個(gè)循環(huán)效果。
開發(fā)環(huán)境預(yù)計(jì)工具
硬件設(shè)備:
1.我們是在教室里完成的falsh課程設(shè)計(jì),教室里有網(wǎng)線,可以提供我們上網(wǎng)找材料
2.用的是自己的電腦,這樣方便儲(chǔ)存資料,也不當(dāng)心不見。軟件設(shè)備:
1.windows7,用falsh cs5或falsh cs3還有 ps等軟件。
遇到的問題
在這次的課程設(shè)計(jì)中,我遇到最大的困難就是按鈕,反復(fù)做了很多次就是做不好,也問了很多同學(xué),但是都得不到解決,最后問了老師,在發(fā)現(xiàn)我用的是3.0做的,跟之前學(xué)的不一樣,然后我果斷改用2.0的。問題就沒那么多了,但是在代碼那塊還是有問題,最后在老師的幫助下做出來了,頓時(shí)覺得這個(gè)世界還 商貿(mào)系電子商務(wù)falsh課程設(shè)計(jì)報(bào)告
是美麗的。
設(shè)計(jì)過程心得
現(xiàn)在學(xué)習(xí)Flash通常都是按照書本上和老師的例子來做,要是離開了例 子要自己創(chuàng)作,可能就有些困難。這就說明了自己缺少訓(xùn)練。其中要學(xué)好Flash不但要懂技術(shù),更要懂藝術(shù)和創(chuàng)意,加上思維要發(fā)散,才能做出好的作品。自己就是缺少對(duì)藝術(shù)和創(chuàng)意的造詣,所以有時(shí)拿到一些素材就會(huì)有種無從下手的感覺。
經(jīng)過本次的課程設(shè)計(jì),使我對(duì)Flash的一些技巧有了一定的了解。實(shí)訓(xùn)一是文字特效處理,文字作為人類文化的重要組成部分,無論在何種視覺 商貿(mào)系電子商務(wù)falsh課程設(shè)計(jì)報(bào)告
媒體中,文字和圖片都是其兩大構(gòu)成要素,文字排列組合的好壞,直接影響著版面的視覺傳達(dá)效果。因此,文字設(shè)計(jì)是增強(qiáng)視覺傳達(dá)效果,提高作品的訴求力,賦予版面審美價(jià)值的一種重要構(gòu)成技術(shù)。果,針對(duì)不同的需要來對(duì)其加工,個(gè)人感覺要做到一副效果好的圖片要不斷練習(xí),打好一定的基礎(chǔ)才可以。實(shí)訓(xùn)三可以說是將前面所學(xué)到的知識(shí)用來制作,這需要有一定的扎平面動(dòng)畫設(shè)計(jì)與制作(Flash)課程設(shè)計(jì)報(bào)告實(shí)基礎(chǔ)。Flash 是自己喜歡的一門課程,本人也很用心來學(xué),不過就是有點(diǎn)懶,缺少訓(xùn)練,雖然平時(shí)都有上一些論壇和看一些Flash CS4的教程,但還是不夠勤快,所以還不能熟練運(yùn)用Flash,因此今后要持之以恒,不斷練習(xí)才可以有所提高。