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

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果(7)

來源:百度貼吧 作者:TE113 學(xué)習(xí):63727人次

本篇?jiǎng)討B(tài)圖片教程制作出來的動(dòng)畫效果有點(diǎn)雷達(dá)的感覺,就是由幾個(gè)旋轉(zhuǎn)的線條組成,該教程所用版本是CC2017,用到時(shí)間軸,CC版本的都有,所以較新版本的同學(xué)都能學(xué)習(xí)。先來看看效果圖:

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

這個(gè)教程需要比較高版本的PS,不然沒有時(shí)間軸窗口。我的是CC 2017。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

首先打開你的Ps,新建一個(gè)畫布,最好是方形。接著拉出參考線。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

CTRL+R調(diào)出標(biāo)尺
選擇工具在圖上拉出水平以及垂直方向的居中參考線,找到圖層中心位置。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

調(diào)出時(shí)間軸窗口。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

創(chuàng)建視頻時(shí)間軸

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

鼠標(biāo)在邊界將工作窗口范圍拉大,方便稍后操作。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

選擇橢圓工具。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

選中形狀,同時(shí)按CTRL+SHIFT在參考線交叉位置,單擊拖動(dòng),拉出正圓。
之后設(shè)置參數(shù)
填充:無色
描邊:有色
邊大小自定
邊樣式自定

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

點(diǎn)擊箭頭呼出下級菜單。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

在新的形狀圖層文字或空白處,右鍵將其轉(zhuǎn)換為智能對象

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

可以看到這邊跟剛才已經(jīng)不一樣。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

雙擊圖層縮略圖,進(jìn)入智能對象編輯。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

可以看到多出一個(gè)工程,這就是剛剛的智能對象,這里所做調(diào)整,保存后,會(huì)實(shí)時(shí)同步至原來工程。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

點(diǎn)擊下方按鈕添加蒙版,并選中蒙版層。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

用選框工具選中,整個(gè)圖形的一半,并填充黑色。
這里我的背景色是黑色,則使用CTRL+DELETE,進(jìn)行背景色填充。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

填充之后,蒙版看起來是這樣,圓環(huán)隱藏了一半。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

之后,“Ctrl+S”保存,回到原工程。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

畫布這時(shí)候什么也沒有,因?yàn)槎急浑[藏了。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

轉(zhuǎn)到時(shí)間軸窗口。 時(shí)間線拉到開頭,點(diǎn)擊紅框內(nèi)按鈕,可以看到右邊多出一個(gè)關(guān)鍵幀。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

我們把時(shí)間線拉到15f處,點(diǎn)小菱形,再新建一個(gè)關(guān)鍵幀。(圖中為了給大家看到15f,把紅線拉到旁邊了) 之后紅線保持在15f處。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

選中圖層。執(zhí)行"Ctrl+T"變換.

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

CTRL+T并旋轉(zhuǎn)180度,會(huì)看到原先被遮擋的半圓,經(jīng)過旋轉(zhuǎn),出現(xiàn)在另一邊,之后回車。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

這時(shí)候拖動(dòng)紅線,可以看到大致效果,圓環(huán)動(dòng)起來了。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

靠近尾部的地方再新建關(guān)鍵幀,不要完全在邊上,不然無法調(diào)整圖形!

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

再次CTRL+T進(jìn)行相同的180度旋轉(zhuǎn),可以看到又被隱藏了,回車確認(rèn)。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

到這里,半個(gè)圓環(huán)的動(dòng)態(tài)基本制作完成。 咱們繼續(xù),復(fù)制一層,把蒙版反過來。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

這個(gè)時(shí)候再把關(guān)鍵幀拖到底。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

播放一下,你會(huì)得到這樣的動(dòng)態(tài)!

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

轉(zhuǎn)換完畢,再雙擊縮略圖打開。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

進(jìn)入智能對象,將白色背景層隱藏。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

回到原工程,隨意在底下添加圖片,純色,都會(huì)動(dòng)噢。

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

你會(huì)發(fā)現(xiàn),即使轉(zhuǎn)成智能對象,它依然會(huì)動(dòng)。

而智能對象是可以編輯的,比如放大,縮小,旋轉(zhuǎn),變形..... 你可以把它整個(gè)放大,縮小,它還是會(huì)動(dòng)!

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

重要的是,這個(gè)動(dòng)圖是智能對象,里面的圓也是智能對象,我們可以一級一級往上跳,調(diào)整它的屬性,比如線改成白色,改成虛線。

圓環(huán)遮一半,或者遮四分之三;蛘呓o它加上投影,描邊,等等。

我簡單舉個(gè)栗子:

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

最終效果圖!

動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果_m.tgudhdp.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
虎虎..2019-06-29 11:14
同樣建立蒙版那步怎么整
黑白們茄內(nèi)甩鏡2018-05-14 01:33
必須支持
2018-02-02 09:12
have a try
守夜宅男2017-08-05 09:40
新手果斷過來看看~~
曉曉2017-08-05 04:15
我的作業(yè):
曉曉2017-08-05 02:31
不夠詳細(xì)。。做的效果不同
玄心佑風(fēng)2017-08-05 09:52
虛心學(xué)習(xí)
最愛饃饃2017-08-05 06:46
給力
顛簸有點(diǎn)亂2017-08-05 06:46
給力
骨子里的喜歡2017-08-05 06:46
簽到
公子褚蘇2017-08-05 06:43
打卡

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

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