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

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖

來源:站酷 作者:你們的三先生 學(xué)習(xí):22696人次

本篇?jiǎng)討B(tài)圖片教程跟大家分享了如何把太極八卦圖片制作成不停旋轉(zhuǎn)的效果,動(dòng)作過程用到了PS的時(shí)間軸,喜歡做動(dòng)圖的同學(xué)來學(xué)習(xí)一下吧。先看看效果:

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

下面開始本篇?jiǎng)討B(tài)教程的制作步驟。

1、首先,我們新建一個(gè)600X600像素的透明畫布。

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn
theoat.com.cn

2、接下來我們選擇橢圓工具,在畫上點(diǎn)擊,新建一個(gè)500X500像素的圓形。

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

3、接下來我們?cè)賱?chuàng)建兩個(gè)像素為205X250像素的圓形,顏色為一黑一白,按照距離擺放好

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

4、好的,接下來我們把下邊的大圓形圖層進(jìn)行柵格化處理,然后把圓形的下半部分用矩形選框工具選中,然后填充為黑色。

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

5、接下來我們?cè)賱?chuàng)建一黑一白兩個(gè)像素為50X50的小圓形,放在放在適當(dāng)位置

并按快捷鍵CERL+ALT+SHIFT+E蓋印圖層。

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

6,接下來我們讓它旋轉(zhuǎn)起來,點(diǎn)擊窗口,找到時(shí)間軸工具欄

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

7、我們首先將時(shí)間結(jié)尾拖拽到2秒處(不需要太長時(shí)間),然后點(diǎn)擊白色小箭頭找到旋轉(zhuǎn),逆時(shí)針,設(shè)置完成

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

8、點(diǎn)擊圖層1左側(cè)的小箭頭,我們可以看到兩個(gè)關(guān)鍵幀小黃點(diǎn),我們將后面的一個(gè)刪除掉,將時(shí)間軸的小滑塊拖拽到15f處,然后對(duì)圖層進(jìn)行自由變換,逆時(shí)針90度,敲回車鍵,我們可以看到15f處又出現(xiàn)了一個(gè)黃色的關(guān)鍵幀小黃點(diǎn),以此類推,分別在1.0f,下一個(gè)15f和2f處都執(zhí)行自由變換逆時(shí)針90度操作,敲擊回車。

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

9、好的,我們把關(guān)鍵幀都設(shè)置好之后直接點(diǎn)擊播放按鍵就可以看見它已經(jīng)可以旋轉(zhuǎn)起來了

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

10、最后我們將其保存為web可用格式GIF文件就可以了,為了觀察清晰呢,我們也可以為其加上其他顏色的背景

動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖_theoat.com.cn

以上就是本次八卦圖的制作全部步驟,希望大家能跟著教程制作出來。

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

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

查查2019-11-06 01:24
把你時(shí)間軸的圖截圖發(fā)上來看看就知道為什么不能動(dòng)了。PS:保存時(shí)按CTRL+ALT+SHIFT+S保存,格式選GIF
sei歐歐AI鷗2019-11-05 07:47
我的動(dòng)不了
sei歐歐AI鷗2019-11-05 07:46
可以加個(gè)聯(lián)系方式討論下嗎
激萌君°2019-07-25 06:47
{:5_337:}不太理想
江湖淚2019-07-02 09:06
我的作業(yè):
梅梅來了2018-12-05 07:02
懂了 謝謝
小白兔2018-12-05 03:36
交作業(yè)了。
O回憶2018-12-05 03:15
真不錯(cuò),必看這種教程
qzuser2018-12-05 11:09
在這里真的學(xué)習(xí)了好多
幸運(yùn)四葉草[emoj2018-12-04 08:22
交作業(yè)了。
一方通行2018-06-13 03:04
第8步怎么弄出來的呀,我真的是弄不出來了婧滆揪 的原帖:這是我的作業(yè),白色轉(zhuǎn)得看不見了,換了個(gè)藍(lán)色好看點(diǎn)我的作業(yè):
溜達(dá)2018-06-13 12:07
這是我的作業(yè),白色轉(zhuǎn)得看不見了,換了個(gè)藍(lán)色好看點(diǎn)我的作業(yè):
溜達(dá)2018-06-13 12:07
弄得糙了!我的作業(yè):鐙愮嫄緗戝弸 的原帖:好厲害,弄出來了,我第8步不會(huì)弄
溜達(dá)2018-06-13 12:06
第8步的 然后對(duì)圖層進(jìn)行自由變換,逆時(shí)針90度,敲回車鍵 這個(gè)90度不會(huì)弄啊

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

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