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

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

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

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

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

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

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

鼠標在邊界將工作窗口范圍拉大，方便稍后操作。

選擇橢圓工具。

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

點擊箭頭呼出下級菜單。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我簡單舉個栗子：

最終效果圖!