| 有朋友問(wèn)我,如何做作有個(gè)性化的動(dòng)畫(huà)圖?做動(dòng)畫(huà)的方法有很多種,我們就從簡(jiǎn)單學(xué)起,介紹如何用Photoshop和Imageready制作動(dòng)畫(huà)。
![]()
效果圖
1)新建文件
2)制作所需的圖片或素材
在photoshop里打開(kāi)所需的圖片,這里只需要一張背景圖,再輸入您所要顯示的文字如圖1。鼠標左鍵點(diǎn)擊 背景圖片,按“ Ctrl+A”,圖四周出現流動(dòng)的虛線(xiàn)框,再 Ctrl+C拷貝該圖片。鼠標左鍵點(diǎn)擊剛才新建的“FUPING111”文件,按“Ctrl+V”,就將圖片粘貼進(jìn)“FUPING111”中了。(如果圖片不是300×150象素,那么還需要把圖片制作成300×150象素)
![]()
圖1
3)進(jìn)入動(dòng)畫(huà)軟件
點(diǎn)擊photoshop的工具條最下方的圖標。進(jìn)入Imageready軟件,如圖2。
![]()
圖2
如果這個(gè)步驟無(wú)法完成,表示您安裝的是 photoshop迷你版本,請重新下載完整版的 photoshop。正常情況下, Imageready在左下角有個(gè)“動(dòng)畫(huà)窗口”,右下角有“圖層窗口”。如果找不到這 2個(gè)窗口,請在軟件菜單“窗口”菜單中勾選顯示出來(lái)。
![]()
圖3
4)動(dòng)畫(huà)制作
進(jìn)入 Imagereadym,在“動(dòng)畫(huà)”對話(huà)框內默認為一幀。我們初步的設計為文字從左側進(jìn)入圖片中央,停頓5秒,再從右側滾出。所以先將第一楨的文字使用移動(dòng)工具,將文字拖到左側圖框外。點(diǎn)“復制楨”按鈕,復制第二楨,在第二楨把文字拖到圖框中央,見(jiàn)圖4
![]()
圖4
按住“SHIFT”鍵,選取1、2楨,點(diǎn)“過(guò)渡”按鈕,出現“過(guò)渡”對話(huà)框,在“要添加的楨”狂內,填入“10”,增加10楨的過(guò)渡。添加的過(guò)渡楨數越多,動(dòng)畫(huà)過(guò)渡的越自然,但動(dòng)畫(huà)文件越大。見(jiàn)圖5
![]()
圖5
圖6就是添加后,在動(dòng)畫(huà)對話(huà)框的情況
![]()
圖6 選取第12楨(最后一幀),點(diǎn)新建一幀,復制二楨,點(diǎn)第13楨,將此楨的顯示時(shí)間設置為5秒。這樣做是讓文字在圖框內停頓5秒。見(jiàn)圖7
![]()
圖7
再選14楨,復制一幀,選取15楨,在編輯框內,用移動(dòng)工具將文字拖到圖框的右側外。
![]()
圖8
按住SHIFT鍵,選取14、15楨,點(diǎn)“過(guò)渡”按鈕,方法同前
![]()
圖9
![]()
圖10
制作完成后可以使用“播放”鍵,預覽一下,感覺(jué)滿(mǎn)意,點(diǎn)選菜單“文件”—“將優(yōu)化結果存儲為...”,保持動(dòng)畫(huà)文件。
![]()
圖11
![]()
圖12
到這里,整個(gè)制作過(guò)程告一段落,在退出程序前,最好先保持一個(gè)*.PSD文件,便于今后的調整和修改,不到之處敬請見(jiàn)諒。 |
聯(lián)系客服