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

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

來源:theoat.com.cn 作者:玖玖 學習:4845人次

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

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

下面我們來學習具體制作步驟吧!

第一步

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

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

第二步

改個顏色,讓它可以適當暗一點,control+alt+t復制變換,點擊鎖鏈,讓它寬和高百分比縮小20%,確定

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

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

第三步

選擇里面減去頂層形狀,合并一個組,成功之后,然后我們在這個窗口這里找到時間軸。

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

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

第四步

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

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

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

第五步

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

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

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

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

第六步

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

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

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

第七步

同樣的方法依次類推,在下一個10幀再雙擊更改,它會自動回附上這個樣式,點擊漸變,我們就25、25的漲

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

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

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

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

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

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

第八步

將上一圖層拖至下一圖層尾部,保守起見做一點點重疊

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

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

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

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

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

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

第九步

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

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

第十步

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

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

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

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

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

第十一步

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

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

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

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

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

第十二步

當旋轉(zhuǎn)的時候,它會有兩個圓,我們在這里再畫一個圓,蓋上這個圓就可以了,

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

改一個顏色,雙擊智能對象,把下方這個圓隱藏,保存一下

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

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

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

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

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

怎么樣!很厲害吧!

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

學習 · 提示

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

關注大神微博加入>>

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