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

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

來源:站酷 作者:你們的三先生 學習:22696人次

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

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

下面開始本篇動態(tài)教程的制作步驟。

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

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

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

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

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

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

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

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

5、接下來我們再創(chuàng)建一黑一白兩個像素為50X50的小圓形,放在放在適當位置

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

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

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

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

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

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

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

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

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

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

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

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

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

學習 · 提示

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

查查2019-11-06 01:24
把你時間軸的圖截圖發(fā)上來看看就知道為什么不能動了。PS:保存時按CTRL+ALT+SHIFT+S保存,格式選GIF
sei歐歐AI鷗2019-11-05 07:47
我的動不了
sei歐歐AI鷗2019-11-05 07:46
可以加個聯(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
真不錯,必看這種教程
qzuser2018-12-05 11:09
在這里真的學習了好多
幸運四葉草[emoj2018-12-04 08:22
交作業(yè)了。
一方通行2018-06-13 03:04
第8步怎么弄出來的呀,我真的是弄不出來了婧滆揪 的原帖:這是我的作業(yè),白色轉(zhuǎn)得看不見了,換了個藍色好看點我的作業(yè):
溜達2018-06-13 12:07
這是我的作業(yè),白色轉(zhuǎn)得看不見了,換了個藍色好看點我的作業(yè):
溜達2018-06-13 12:07
弄得糙了!我的作業(yè):鐙愮嫄緗戝弸 的原帖:好厲害,弄出來了,我第8步不會弄
溜達2018-06-13 12:06
第8步的 然后對圖層進行自由變換,逆時針90度,敲回車鍵 這個90度不會弄啊

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

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