PhotoShop教程的Flash影片制作

1、PhotoShop教程的Flash影片制作【摘要】目的 進(jìn)一步認(rèn)識(shí)Flash的制作。方法 通過書籍及網(wǎng)絡(luò)知識(shí)學(xué)習(xí)并制作。結(jié)論 Flash制作要求我們有較強(qiáng)的求知欲和探索創(chuàng)新精神, 讓我們學(xué)到了許多過去不曾接觸的電腦技巧【關(guān)鍵詞】Photoshop， 教程， 截圖， Flash， 圖片導(dǎo)入， 動(dòng)作銜接一、研究目的通過Photoshop教程的Flash影片制作，使Photoshop的圖像處理過程生動(dòng)表達(dá)、通俗易懂，并使我們進(jìn)一步認(rèn)識(shí)Flash的制作。二、研究方法、過程 a)查找資料我們的資料大部分是通過書籍與網(wǎng)絡(luò)來獲得的。b)研究對(duì)象確定PhotoShop教程的Flash影片制作 c) 制作過程P

2、hotoshop部分 1、教程選定：Photoshop的功能非常多，有一種讓人學(xué)不完的感覺。所以，我們想要選取一些簡單并且具有代表性的效果進(jìn)行制作。最后，我們敲定了陽光效果、朦朧照效果、邊沿虛幻化效果、以及晶亮文字效果來作為我們教程的內(nèi)容。2、截圖：我們開始進(jìn)行效果教程的制作，并同時(shí)使用HprSnap截圖。截圖過程中，發(fā)現(xiàn)使用電腦的分辨率設(shè)在1024*768，與大部分舊式電腦的分辨率不一，特將電腦的分辨率也改為800*600，同時(shí)也將Flash默認(rèn)的影片大小改為800*600。在制作過程中，還要判斷哪些重要步驟需要截圖。 的Ulead GIF Animator工具進(jìn)行添加注解。為了使注解更加醒

3、目，我們將文字設(shè)定為白色、霓虹設(shè)定為黑色，并添加了箭號(hào)和圓圈凸顯重3、完善：對(duì)圖片進(jìn)行裁剪，并附上相關(guān)的注解。我們選用自帶霓虹效果文字 圖-1要設(shè)置。（見圖-1）至此，我們完成了Photoshop制作部分Flash部分1、首頁：為了使首頁看起來清新、美觀，我們使用了時(shí)下較流行的環(huán)保綠作為底色。接下來就是為首頁做布局，原本我們想在首頁做一個(gè)下拉式的菜單，但是在排版過程中卻發(fā)現(xiàn)這樣使得版面不夠充實(shí)，空白部分較大，所以我們放棄圖-2了做活動(dòng)菜單的念頭，想運(yùn)用更合適的按鈕來彌補(bǔ)這一不足。在首頁的制作中，最大的特色莫過于蒙板的使用。大家應(yīng)該會(huì)發(fā)現(xiàn)，右邊云形圖案中的文字在不斷循環(huán)向上移動(dòng)的過程中，還漸漸的

4、消失了。這是由于我們將這一個(gè)云型圖像作為蒙板，把蒙板顏色調(diào)為由黑色向上漸變到與首頁底色圖-3相同的綠色（見圖-2），用以遮住飄至上端的文字。使屏幕上出現(xiàn)文字由下往上運(yùn)動(dòng)后漸漸消失的效果。（見圖-3）2、教程圖片導(dǎo)入、連接：在制作這個(gè)Flash作品中，將從Photoshop截下來的圖片連接是一個(gè)重點(diǎn)。原本我們是想將所有的圖片串起來，制作成一個(gè)影片 片斷，再導(dǎo)入Flash中，好讓它可以自動(dòng)播放制作的步驟。因此，我們使用了 Ulead GIF Animator分別將四個(gè)系列的教程做成GIF格式的動(dòng)態(tài)圖片。最初，我們將每張圖片的時(shí)間屬性設(shè)為1秒，但是在預(yù)覽的效果中顯示得較快，讓人無法完全理解接受教程所

5、要表達(dá)的內(nèi)容。我們又將時(shí)間屬性改設(shè)為3秒，使速度放慢了。但是我們又發(fā)現(xiàn)一個(gè)新的問題：每個(gè)人對(duì)教程內(nèi)容的理解與接受的速度本身就有一定差異，設(shè)定一樣的時(shí)間間隔去迎合不同的人的需求，存在一定的矛盾，使得觀看教程的人感覺很被動(dòng)，于是，我們?cè)谙胗袥]有什么方法可以把被動(dòng)變?yōu)橹鲃?dòng)，可以隨個(gè)人不同的需求來控制圖片的播放或停止呢？很快，我們想到了使圖-4用Flash中的按鈕來控制圖片的進(jìn)行。首先，為了避免與首頁或音樂沖突，在首頁及音樂已占用關(guān)鍵楨之后，我們把四個(gè)系列教程的截圖分別依次導(dǎo)入新建的四個(gè)圖層的連續(xù)空白楨中，（見圖-4）然后在每一楨圖片的動(dòng)作中加入“Stop（）”（停止）命令，為的是讓圖片停止而不會(huì)自動(dòng)

6、跳至下一幅圖，播放下一楨。接著就是制作播放和倒退的按鈕，并在播放按鈕的命令行中輸入“on（press） gotoAndPlay（X）”（于按下時(shí)跳至并播放所要的楨數(shù)）在倒退按鈕的命令行中輸入一樣的命令，只是所輸入的楨數(shù)不同。在每個(gè)系列的最后一楨，我們都另加了“再看一遍”和“回主頁”的按鈕（使用命令原理同上面相同），這樣使使用者能夠自主控制畫面，便于使用。3、背景音樂：不同的Flash作品，是否受歡迎，除了畫面的精致、色彩、流暢等以外，背景音樂的選擇也是很重要的，為了使我們的作品讓觀看者能在一個(gè)舒適的氛圍下學(xué)習(xí)photoshop教程，所以我們選用了F. I. R樂團(tuán)的這首很舒緩、優(yōu)美、清新的Ly

7、dia作為背景音樂。將音樂導(dǎo)入Flash影片中不是一件難事，但是如何將背景音樂的播放不受影片場景的轉(zhuǎn)換而受干擾，卻是一件讓人頭疼的事情。剛開始，我們僅僅是在增加一個(gè)圖層的基礎(chǔ)上，將音樂導(dǎo)入，為了讓音樂循環(huán)播放，我們將音樂重復(fù)導(dǎo)入，不料與截圖部分沖突，在播放的時(shí)候，產(chǎn)生混亂的音樂重疊。在研究之后發(fā)現(xiàn)，是由于在最后一張圖片的按鈕返回到主頁時(shí)，正在播放的音樂與首頁第一楨中的音樂重疊，造成混亂。正在我們苦惱的時(shí)候，無意在動(dòng)作欄中發(fā)現(xiàn)了“stopAllSound”（停止所有聲音）的命令，只要圖-5將這個(gè)命令插入“回主頁”的按鈕中，就可以停止正在播放的音樂。（見圖-5）4、全屏播放：完成了Flash的整體

8、影片，我們?cè)鞠胱鲆粋€(gè)強(qiáng)制全屏播放的設(shè)置，可是擔(dān)心觀看的 朋友厭惡，于是，我們?cè)O(shè)置了一個(gè)選擇全屏的按鈕并在全屏按鈕的命令行中輸入“on (release) fscommand("fullscreen","true");” （于按下 全屏）（見圖-6）。使得在播放影片的時(shí)候可以自由選擇播放形式。圖-6至此，F(xiàn)lash部分也完成了。三、研究結(jié)果和體會(huì)a） 研究結(jié)果在本課題中我們完成陽光效果、朦朧照效果、邊沿虛幻化效果、以及晶亮文字效果四個(gè)教程的Flash影片制作。b） 體會(huì)在制作過程中，我們通過查找書籍和網(wǎng)絡(luò)有關(guān)資料，解決了截圖大小不統(tǒng)一、圖片在Flash中

9、的連接、主頁按鈕銜接、背景音樂重疊混亂、全屏播放等問題。通過這次學(xué)習(xí)，感到“研究性學(xué)習(xí)”是實(shí)踐性很強(qiáng)的課程，要求我們有較強(qiáng)的求知欲和探索創(chuàng)新精神，在完成課題的過程中，遇到了許多令我們頭疼的問題，但在解決問題的過程中充滿了學(xué)習(xí)新知識(shí)、積累新經(jīng)驗(yàn)、挑戰(zhàn)新高峰的樂趣，初次嘗到了漫游知識(shí)海洋的艱辛與新奇。由于我們都是電腦愛好者，所以，它讓我們學(xué)到了許多過去不曾接觸的電腦技巧，比如Photoshop的圖像處理、HprSnap的截圖、Flash的制作可以說，這次的制作我們沖破了許多不明問題的障礙，提高了自我發(fā)現(xiàn)問題、分析問題、解決問題的能力，也培養(yǎng)和增強(qiáng)了同學(xué)之間的團(tuán)隊(duì)協(xié)作精神。四、總結(jié) 計(jì)算機(jī)的普及與應(yīng)用給我們打開了一個(gè)寬闊無垠的嶄新的知識(shí)海洋，我們做的課題只不過是海灘邊的一顆小貝殼，要能夠真正的投入海水、盡情的遨游，還須在以下兩方面完善： 1、自動(dòng)播放教程影片：使教程影片自動(dòng)播放，同時(shí)可使用“播放”“暫停”等按鈕進(jìn)行控制，使得畫面更流暢。 2、語音教程：可在播放教程影片的過程中適當(dāng)?shù)募尤胝Z音說明，使得教程所要表達(dá)的意思更明確，更容易被理解接受。五、參考資料 書籍：書名作者出版社馬汝峰人民郵電出版社Photoshop圖像藝術(shù)精典制作陳洪彬、王占鋒電子科技大學(xué)出版社Photoshop圖像處理實(shí)用教程龔祥國科學(xué)出版社Flash5十項(xiàng)全能學(xué)貫