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

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

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

先看一些效果圖:

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

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

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

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

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

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

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

3。裁切掉不需要的部分

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

4。打開菜單“窗口》動(dòng)畫面板”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最終效果!

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

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

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

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

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