當(dāng)前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

photoshop如何做簡單的動畫圖片(4)

來源:bbs.16xx8.com 作者:學(xué)photoshop 學(xué)習(xí):13791人次

有朋友問我,如何做作有個性化的動畫圖?做動畫的方法有很多種,我們就從簡單學(xué)起,介紹如何用photoshop和Imageready制作動畫。   



效果圖
1)新建文件
點擊“文件”—“新建”—“FUPING111”,設(shè)定寬度、高度、名稱,“背景內(nèi)容”選透明”,新建一個300(寬)×150(高)象素即可,具體尺寸可以按自己需要設(shè)定。

2)制作所需的圖片或素材
在photoshop里打開所需的圖片,這里只需要一張背景圖,再輸入您所要顯示的文字如圖1。鼠標(biāo)左鍵點擊 背景圖片,按“ Ctrl+A”,圖四周出現(xiàn)流動的虛線框,再 Ctrl+C拷貝該圖片。鼠標(biāo)左鍵點擊剛才新建的“FUPING111”文件,按“Ctrl+V”,就將圖片粘貼進“FUPING111”中了。(如果圖片不是300×150象素,那么還需要把圖片制作成300×150象素)




圖1

3)進入動畫軟件

點擊photoshop的工具條最下方的圖標(biāo)。進入Imageready軟件,如圖2。




圖2

如果這個步驟無法完成,表示您安裝的是 photoshop迷你版本,請重新下載完整版的 photoshop。正常情況下, Imageready在左下角有個“動畫窗口”,右下角有“圖層窗口”。如果找不到這 2個窗口,請在軟件菜單“窗口”菜單中勾選顯示出來。






4)動畫制作

進入 Imagereadym,在“動畫”對話框內(nèi)默認為一幀。我們初步的設(shè)計為文字從左側(cè)進入圖片中央,停頓5秒,再從右側(cè)滾出。所以先將第一楨的文字使用移動工具,將文字拖到左側(cè)圖框外。點“復(fù)制楨”按鈕,復(fù)制第二楨,在第二楨把文字拖到圖框中央,見圖4




圖4

按住“SHIFT”鍵,選取1、2楨,點“過渡”按鈕,出現(xiàn)“過渡”對話框,在“要添加的楨”狂內(nèi),填入“10”,增加10楨的過渡。添加的過渡楨數(shù)越多,動畫過渡的越自然,但動畫文件越大。見圖5




圖5

圖6就是添加后,在動畫對話框的情況




圖6

選取第12楨(最后一幀),點新建一幀,復(fù)制二楨,點第13楨,將此楨的顯示時間設(shè)置為5秒。這樣做是讓文字在圖框內(nèi)停頓5秒。見圖7




再選14楨,復(fù)制一幀,選取15楨,在編輯框內(nèi),用移動工具將文字拖到圖框的右側(cè)外。




圖8

按住SHIFT鍵,選取14、15楨,點“過渡”按鈕,方法同前



圖9




圖10


 制作完成后可以使用“播放”鍵,預(yù)覽一下,感覺滿意,點選菜單“文件”—“將優(yōu)化結(jié)果存儲為...”,保持動畫文件。




圖11




圖12   到這里,整個photoshop教程制作過程告一段落,在退出程序前,最好先保持一個*.PSD文件,便于今后的調(diào)整和修改,不到之處敬請見諒

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
溫泉三毛2010-12-16 01:50
謝謝樓主教程,收下了解
寂寞無罪2010-10-21 08:52
謝謝樓主分享
1202010-06-27 01:54
呵呵,學(xué)到了<給力>
藍色千紙鶴2009-10-08 05:43
我要學(xué)習(xí)``

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!