當前位置:製作窩 >

創意設計 >設計教程 >

如何利用Photoshop製作動畫圖片

如何利用Photoshop製作動畫圖片

其實用Photoshop和Imageready可以製作簡單的動畫圖片。好多朋友認為Photoshop軟體是圖片處理軟體,沒有想到Photoshop軟體也可以製作動畫圖片,下面是具體方法,您也可以去試試哦!

如何利用Photoshop製作動畫圖片

效果圖

1)新建檔案

點選"檔案"—"新建"—"FUPING111",設定寬度、高度、名稱,"背景內容"選透明",新建一個300(寬)×150(高)象素即可,具體尺寸可以按自己需要設定。

2)製作所需的圖片或素材

在photoshop裡開啟所需的圖片,這裡只需要一張背景圖,再輸入您所要顯示的文字如圖1。滑鼠左鍵點選 背景圖片,按" Ctrl+A",圖四周出現流動的虛線框,再 Ctrl+C拷貝該圖片。滑鼠左鍵點選剛才新建的"FUPING111"檔案,按"Ctrl+V",就將圖片貼上進"FUPING111"中了。(如果圖片不是300×150象素,那麼還需要把圖片製作成300×150象素)

如何利用Photoshop製作動畫圖片 第2張

圖1

3)進入動畫軟體

點選photoshop的工具條最下方的圖示。進入Imageready軟體,如圖2。

如何利用Photoshop製作動畫圖片 第3張

圖2

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

如何利用Photoshop製作動畫圖片 第4張

圖3

4)動畫製作

進入 Imagereadym,在"動畫"對話方塊內預設為一幀。我們初步的設計為文字從左側進入圖片中央,停頓5秒,再從右側滾出。所以先將第一楨的文字使用移動工具,將文字拖到左側圖框外。點"複製楨"按鈕,複製第二楨,在第二楨把文字拖到圖框中央,見圖4

如何利用Photoshop製作動畫圖片 第5張

圖4

按住"SHIFT"鍵,選取1、2楨,點"過渡"按鈕,出現"過渡"對話方塊,在"要新增的楨"狂內,填入"10",增加10楨的過渡。新增的過渡楨數越多,動畫過渡的越自然,但動畫檔案越大。見圖5

如何利用Photoshop製作動畫圖片 第6張

圖5

圖6就是新增後,在動畫對話方塊的情況

選取第12楨(最後一幀),點新建一幀,複製二楨,點第13楨,將此楨的顯示時間設定為5秒。這樣做是讓文字在圖框內停頓5秒。見圖7

如何利用Photoshop製作動畫圖片 第7張

圖7

再選14楨,複製一幀,選取15楨,在編輯框內,用移動工具將文字拖到圖框的右側外。

如何利用Photoshop製作動畫圖片 第8張

圖8

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

如何利用Photoshop製作動畫圖片 第9張

圖9

如何利用Photoshop製作動畫圖片 第10張

圖10

製作完成後可以使用"播放"鍵,預覽一下,感覺滿意,點選選單"檔案"—"將優化結果儲存為...",保持動畫檔案。

如何利用Photoshop製作動畫圖片 第11張

圖11

如何利用Photoshop製作動畫圖片 第12張

圖12

到這裡,整個製作過程告一段落,在退出程式前,最好先保持一個*檔案,便於今後的調整和修改,不到之處敬請見諒。



  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/gzr9q.html