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

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

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

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

選擇橢圓工具。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

點擊箭頭呼出下級菜單。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

雙擊圖層縮略圖,進入智能對象編輯。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

點擊下方按鈕添加蒙版,并選中蒙版層。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

畫布這時候什么也沒有,因為都被隱藏了。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

進入智能對象,將白色背景層隱藏。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

回到原工程,隨意在底下添加圖片,純色,都會動噢。

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

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

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

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

我簡單舉個栗子:

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

最終效果圖!

動畫教程,制作環(huán)繞旋轉(zhuǎn)動畫效果_www.theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(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
不夠詳細。。做的效果不同
玄心佑風(fēng)2017-08-05 09:52
虛心學(xué)習(xí)
最愛饃饃2017-08-05 06:46
給力
顛簸有點亂2017-08-05 06:46
給力
骨子里的喜歡2017-08-05 06:46
簽到
公子褚蘇2017-08-05 06:43
打卡

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

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