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

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果(4)

來源:UI中國 作者:JennyLei 學(xué)習(xí):11522人次

有的時(shí)候就是需要換換動(dòng)態(tài)圖,來調(diào)劑調(diào)劑,第一次用PS CC做動(dòng)態(tài)圖,就用這個(gè)例子同大家分享下制作過程。

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

首先介紹一下工具:在窗口中先將時(shí)間軸面板調(diào)出

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

1、新建一個(gè)畫布,(大小自定)

2、在畫布上畫一個(gè)圓

3、處理這個(gè)圓的顏色:漸變所用到的顏色是#ffe689、#fa8b00,在添加漸變疊加效果,數(shù)據(jù)如下圖

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

4、開始為它做幀了(16XX8小編補(bǔ)充:看下圖,【不透明度】上面的【變換】默認(rèn)是【位置】,我們要把它改為【變換】,怎么改?右擊下圖右側(cè)紫色大長條有橢圓0的那條,會(huì)彈出一個(gè)【動(dòng)感】小窗口,把【無運(yùn)動(dòng)】改為【旋轉(zhuǎn)】,然后再按下面說的編輯~變換~水平旋轉(zhuǎn)去做。)

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

5、完成,就可以出現(xiàn)效果圖了

6、如何保存:文件--存儲(chǔ)為Web所用格式

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

7、打開所保存的文件查看效果:

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

8.題外話:

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

制作時(shí)根據(jù)所需靈活結(jié)合運(yùn)用不透明度、樣式

樣式:控制圖層對(duì)象樣式效果。圖層樣式是可以產(chǎn)生很豐富的動(dòng)畫效果,除了簡單的外發(fā)光、內(nèi)發(fā)光、投影等基本動(dòng)畫效果,里面的圖案樣式更可以應(yīng)付重復(fù)的背景場景,如飄雪,流星等效果

不透明度:是控制圖層對(duì)象的整體透明度。

運(yùn)用不透明度的一個(gè)效果:

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

你也可以按照你的想法做出奇妙的動(dòng)態(tài)效果。

9、時(shí)間軸的啟用

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.theoat.com.cn

點(diǎn)擊下最右邊的小鬧鐘狀的圖標(biāo)就可以啟用時(shí)間軸,菱形變?yōu)辄S色就是已經(jīng)啟用了,若要關(guān)閉,再次點(diǎn)擊小鬧鐘就行。

完成的最終效果圖

CC做動(dòng)態(tài)圖,制作旋轉(zhuǎn)掃描雷達(dá)動(dòng)畫效果_www.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)論
_性2019-09-21 05:51
貼主 能解釋下第4步是什么鬼嗎?不得要領(lǐng)啊 右鍵小窗口 選擇旋轉(zhuǎn)能理解,180度的旋轉(zhuǎn)在哪兒呢,找一下午了!
溜達(dá)2018-06-13 11:14
【不透明度】上面的【變換】默認(rèn)是【位置】,我們要把它改為【變換】,怎么改?右擊下圖右側(cè)紫色大長條有橢圓0的那條,會(huì)彈出一個(gè)【動(dòng)感】小窗口,把【無運(yùn)動(dòng)】改為【旋轉(zhuǎn)】,然后再按下面說的編輯~變換~水平旋轉(zhuǎn)去做。),這步找不到,無法找出來呢,有沒有什么操作截圖呢老師
抑郁小楓2017-05-28 12:09
為什么西游記里的女妖精都喜歡唐僧呢?因?yàn)椋笸降芙袩o空,就是沒空;二徒弟叫無能,你懂的;三徒弟叫無精;而唐僧叫,三丈。。。
多面霾伏2017-05-28 02:23
學(xué)習(xí)了!!贊。。!
多年以后看你爹2017-05-27 07:31
學(xué)習(xí)下

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

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