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

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片(4)

來源:theoat.com.cn 作者:玖玖 學(xué)習(xí):4845人次

今天教大家如何用ps快速繪制一個(gè)加載效果,不用ae也不用flash,就用ps就可以做出來。

 動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

下面我們來學(xué)習(xí)具體制作步驟吧!

第一步

這個(gè)畫布我建立的是300×300,給它改了顏色,建一條參考線,畫一個(gè)圓200就可以

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第二步

改個(gè)顏色,讓它可以適當(dāng)暗一點(diǎn),control+alt+t復(fù)制變換,點(diǎn)擊鎖鏈,讓它寬和高百分比縮小20%,確定

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第三步

選擇里面減去頂層形狀,合并一個(gè)組,成功之后,然后我們?cè)谶@個(gè)窗口這里找到時(shí)間軸。

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第四步

創(chuàng)建視頻時(shí)間軸,然后control+J復(fù)制這一個(gè)橢圓,拷貝下,隱藏,選擇下方橢圓,給它建一個(gè)樣式

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第五步

雙擊它的圖層,來到它的漸變,疊加,這兩個(gè)顏色無所謂,選什么都可以,比如說來這個(gè)黃色,我們只要這一個(gè)黃色,紅的藍(lán)的都刪掉

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第六步

上邊這個(gè)色標(biāo)改為不透明度為0,把它放在上方,注意要改為角度漸變,確定,這是第一個(gè)

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第七步

同樣的方法依次類推,在下一個(gè)10幀再雙擊更改,它會(huì)自動(dòng)回附上這個(gè)樣式,點(diǎn)擊漸變,我們就25、25的漲

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第八步

將上一圖層拖至下一圖層尾部,保守起見做一點(diǎn)點(diǎn)重疊

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

將樣式復(fù)制到上面圖層中,往回做漸變

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第九步

把它調(diào)回頭,放大,一定要放大,要不然圓一偏,它在旋轉(zhuǎn)的時(shí)候就會(huì)有誤差,所以圓一定要正好

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第十步

調(diào)整一下,吸取它的一個(gè)顏色

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

Control+J復(fù)制這個(gè)圓,給它做一個(gè)底對(duì)齊可以,為了方便調(diào)整,我們把這兩個(gè)圓合在一個(gè)圖層,直接轉(zhuǎn)換為智能對(duì)象,也不合并形狀了直接轉(zhuǎn)換智能對(duì)象,這樣方便我們調(diào)整

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第十一步

在第一個(gè)個(gè)橢圓前面點(diǎn)擊變換,選擇一個(gè)變換之后我們還是回到最原始的那個(gè)位置效果,第十幀這里,選擇編輯,選擇變換,選擇順時(shí)針90度,以此類推,每10幀都做一遍

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

第十二步

當(dāng)旋轉(zhuǎn)的時(shí)候,它會(huì)有兩個(gè)圓,我們?cè)谶@里再畫一個(gè)圓,蓋上這個(gè)圓就可以了,

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

改一個(gè)顏色,雙擊智能對(duì)象,把下方這個(gè)圓隱藏,保存一下

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

然后control+s保存,循環(huán)選項(xiàng)改為永久,播放一下,動(dòng)態(tài)加載圖標(biāo)就快速制作完成了

動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片_theoat.com.cn

怎么樣!很厲害吧!

PS是平面設(shè)計(jì)重要工具之一,也是設(shè)計(jì)師必備技能之一,大家趕緊跟著練習(xí),實(shí)踐才是硬道理!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
7r2019-01-07 04:13
加油
hdbdjs我還是個(gè)孩紙2019-01-07 03:49
點(diǎn)贊
天天2018-05-11 03:51
太喜歡了
墩兒墩兒貓2018-05-10 09:39
感謝分享
墩兒墩兒貓2018-05-10 09:39
感謝分享
血染彼岸凝成花2018-05-10 05:59
說得清楚,講的明白!
煮酒狂客2018-05-10 05:52
不錯(cuò)哦,學(xué)習(xí)
煮酒狂客2018-05-10 05:52
不錯(cuò)哦,學(xué)習(xí)
kobeliuxin2018-05-10 02:56
學(xué)習(xí)了,很好的帖子
kobeliuxin2018-05-10 02:56
學(xué)習(xí)了,很好的帖子
娟寶貝1102018-05-10 12:00
真的很棒……謝謝!
娟寶貝1102018-05-10 12:00
真的很棒……謝謝!
薄涼夢(mèng)時(shí)光2018-05-09 11:22
前幾天進(jìn)了一個(gè)攝影器材群,看他們都在聊相機(jī),鏡頭,光圈,感光度。大法和尼康攜手對(duì)抗佳能,吵得一地雞毛,群主盤查我的身份,我說我用的是徠卡,于是一群人點(diǎn)贊!毒!德味兒!大師!學(xué)習(xí)了!群主崇敬地問我用的是徠卡哪個(gè)型號(hào),我說華為Mate9,然后……我被踢了出來。
薄涼夢(mèng)時(shí)光2018-05-09 11:22
前幾天進(jìn)了一個(gè)攝影器材群,看他們都在聊相機(jī),鏡頭,光圈,感光度。大法和尼康攜手對(duì)抗佳能,吵得一地雞毛,群主盤查我的身份,我說我用的是徠卡,于是一群人點(diǎn)贊!毒!德味兒!大師!學(xué)習(xí)了!群主崇敬地問我用的是徠卡哪個(gè)型號(hào),我說華為Mate9,然后……我被踢了出來。
擬嘛啦各比2018-05-09 10:20
好用

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

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