動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果(7)
本篇?jiǎng)討B(tài)圖片教程制作出來的動(dòng)畫效果有點(diǎn)雷達(dá)的感覺,就是由幾個(gè)旋轉(zhuǎn)的線條組成,該教程所用版本是CC2017,用到時(shí)間軸,CC版本的都有,所以較新版本的同學(xué)都能學(xué)習(xí)。先來看看效果圖:
這個(gè)教程需要比較高版本的PS,不然沒有時(shí)間軸窗口。我的是CC 2017。
首先打開你的Ps,新建一個(gè)畫布,最好是方形。接著拉出參考線。
CTRL+R調(diào)出標(biāo)尺
選擇工具在圖上拉出水平以及垂直方向的居中參考線,找到圖層中心位置。
調(diào)出時(shí)間軸窗口。
創(chuàng)建視頻時(shí)間軸
鼠標(biāo)在邊界將工作窗口范圍拉大,方便稍后操作。
選擇橢圓工具。
選中形狀,同時(shí)按CTRL+SHIFT在參考線交叉位置,單擊拖動(dòng),拉出正圓。
之后設(shè)置參數(shù)
填充:無色
描邊:有色
邊大小自定
邊樣式自定
點(diǎn)擊箭頭呼出下級菜單。
在新的形狀圖層文字或空白處,右鍵將其轉(zhuǎn)換為智能對象
可以看到這邊跟剛才已經(jīng)不一樣。
雙擊圖層縮略圖,進(jìn)入智能對象編輯。
可以看到多出一個(gè)工程,這就是剛剛的智能對象,這里所做調(diào)整,保存后,會(huì)實(shí)時(shí)同步至原來工程。
點(diǎn)擊下方按鈕添加蒙版,并選中蒙版層。
用選框工具選中,整個(gè)圖形的一半,并填充黑色。
這里我的背景色是黑色,則使用CTRL+DELETE,進(jìn)行背景色填充。
填充之后,蒙版看起來是這樣,圓環(huán)隱藏了一半。
之后,“Ctrl+S”保存,回到原工程。
畫布這時(shí)候什么也沒有,因?yàn)槎急浑[藏了。
轉(zhuǎn)到時(shí)間軸窗口。 時(shí)間線拉到開頭,點(diǎn)擊紅框內(nèi)按鈕,可以看到右邊多出一個(gè)關(guān)鍵幀。
我們把時(shí)間線拉到15f處,點(diǎn)小菱形,再新建一個(gè)關(guān)鍵幀。(圖中為了給大家看到15f,把紅線拉到旁邊了) 之后紅線保持在15f處。
選中圖層。執(zhí)行"Ctrl+T"變換.
CTRL+T并旋轉(zhuǎn)180度,會(huì)看到原先被遮擋的半圓,經(jīng)過旋轉(zhuǎn),出現(xiàn)在另一邊,之后回車。
這時(shí)候拖動(dòng)紅線,可以看到大致效果,圓環(huán)動(dòng)起來了。
靠近尾部的地方再新建關(guān)鍵幀,不要完全在邊上,不然無法調(diào)整圖形!
再次CTRL+T進(jìn)行相同的180度旋轉(zhuǎn),可以看到又被隱藏了,回車確認(rèn)。
到這里,半個(gè)圓環(huán)的動(dòng)態(tài)基本制作完成。 咱們繼續(xù),復(fù)制一層,把蒙版反過來。
這個(gè)時(shí)候再把關(guān)鍵幀拖到底。
播放一下,你會(huì)得到這樣的動(dòng)態(tài)!
轉(zhuǎn)換完畢,再雙擊縮略圖打開。
進(jìn)入智能對象,將白色背景層隱藏。
回到原工程,隨意在底下添加圖片,純色,都會(huì)動(dòng)噢。
你會(huì)發(fā)現(xiàn),即使轉(zhuǎn)成智能對象,它依然會(huì)動(dòng)。
而智能對象是可以編輯的,比如放大,縮小,旋轉(zhuǎn),變形..... 你可以把它整個(gè)放大,縮小,它還是會(huì)動(dòng)!
重要的是,這個(gè)動(dòng)圖是智能對象,里面的圓也是智能對象,我們可以一級一級往上跳,調(diào)整它的屬性,比如線改成白色,改成虛線。
圓環(huán)遮一半,或者遮四分之三;蛘呓o它加上投影,描邊,等等。
我簡單舉個(gè)栗子:
最終效果圖!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)態(tài)圖片
- 動(dòng)畫閃字
- 動(dòng)畫教程
- CC2017
- TE113
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫,用PS制作Q彈的果凍動(dòng)畫
- 下雨效果,通過PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來的“Cinemagraph”類型照片
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫,用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫效果
推薦教程
- 光照效果,給照片添加散景和光照效果
- [IR動(dòng)圖教程] 精靈動(dòng)畫簽名制作..。
- 水波效果,制作古風(fēng)動(dòng)態(tài)水波效果人像
- [IR動(dòng)圖教程] Photoshop制作動(dòng)畫教程(1)初識動(dòng)畫
- photoshop+IR制作像素墜子教程
- [IR動(dòng)圖教程] Photoshop IR教程:拋番茄的帥哥動(dòng)畫
- 動(dòng)態(tài)圖片,制作下雪下雨動(dòng)畫
- ps制作古典卷軸畫緩緩展開動(dòng)畫效果
- ps加載等待動(dòng)態(tài)圖片教程
- 動(dòng)畫教程,簡單的制作動(dòng)態(tài)圖片教程