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

ps CS5制作旋轉(zhuǎn)放大的GIF動畫(4)

來源:y279550062 作者:佚名 學(xué)習(xí):12579人次

先看一些效果圖:

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

1。安裝Photoshop擴(kuò)展板(CS3-CS5)都可以。打開一張地球素材(網(wǎng)上自己找)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

2。執(zhí)行菜單“3D》從圖層新建形狀》球體”,將平面圖轉(zhuǎn)換成三維模型球體

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

3。裁切掉不需要的部分

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

4。打開菜單“窗口》動畫面板”

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

5。將時間線(紅色的),拖動到你想要的時間上,這里拖動到3秒的位置。

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

6。執(zhí)行“動畫”面板右上角隱藏菜單中的“設(shè)置工作區(qū)域結(jié)尾”

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

7。在執(zhí)行同一菜單中的“將文檔持續(xù)時間裁剪為工作區(qū)域大小”,得到3秒的時間軸

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

8。將時間線拖回第一秒,展開背景層前面的三角,點(diǎn)擊“3D對象位置”前的秒表記錄變化(關(guān)鍵幀)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

9。使用工具箱“3D對象比例工具”將第一秒時的地球縮小

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

10。將時間線拖動到最后一秒,使用“3D對象比例工具”將地球放大(軟件會在最后一秒自動生成第二個關(guān)鍵幀)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

11。保持在最后一秒,將工具換成“3D對象旋轉(zhuǎn)工具”,在頂部的選項(xiàng)欄中的Z軸,輸入旋轉(zhuǎn)角度,讓地球旋轉(zhuǎn)一圈

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

12。到這里整個動畫做完了,執(zhí)行菜單“文件》導(dǎo)出》渲染視頻”。這里可以選擇渲染成視頻,然后通過“導(dǎo)入視頻幀到圖層”來生成GIF,

但是因?yàn)槲沂荕ac系統(tǒng),自動默認(rèn)為64位軟件,這個命令無法執(zhí)行,所以這里我使用導(dǎo)出成“序列幀”的方式來生成GIF。

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

13。這里選擇渲染成序列幀,PNG格式(有透明),選擇導(dǎo)出到的文件夾,選擇每秒的幀數(shù)(為了降低圖片數(shù)量和大小,可以選擇每秒10-15幀),

選擇文件的尺寸(直接關(guān)系到最后GIF的大小),最后渲染。就會得到許多圖像序列。

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

14,F(xiàn)在可以關(guān)掉前面的文件,執(zhí)行菜單“文件》腳本》將文件載入堆棧”,選擇剛才渲染導(dǎo)出的文件夾,將所有圖片自動導(dǎo)入圖層生成一個文件

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

15。打開動畫面板,再動畫面板右下角點(diǎn)擊切換成“逐幀動畫”

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

16。執(zhí)行動畫面板右上角隱藏菜單中“從圖層建立幀”就能得到最后的動畫(同一菜單下也有反向幀命令)

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

17。最后執(zhí)行菜單“文件》存儲為Web所有格式”,選擇GIF格式,調(diào)整顏色數(shù)量和文件大小(影響GIF格式的大小),最后保存就可以了。

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

最終效果!

Photoshop CS5制作旋轉(zhuǎn)放大的GIF動畫,PS教程,16xx8.com教程網(wǎng)

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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