動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片(4)
今天教大家如何用ps快速繪制一個(gè)加載效果,不用ae也不用flash,就用ps就可以做出來。
下面我們來學(xué)習(xí)具體制作步驟吧!
第一步
這個(gè)畫布我建立的是300×300,給它改了顏色,建一條參考線,畫一個(gè)圓200就可以
第二步
改個(gè)顏色,讓它可以適當(dāng)暗一點(diǎn),control+alt+t復(fù)制變換,點(diǎn)擊鎖鏈,讓它寬和高百分比縮小20%,確定
第三步
選擇里面減去頂層形狀,合并一個(gè)組,成功之后,然后我們?cè)谶@個(gè)窗口這里找到時(shí)間軸。
第四步
創(chuàng)建視頻時(shí)間軸,然后control+J復(fù)制這一個(gè)橢圓,拷貝下,隱藏,選擇下方橢圓,給它建一個(gè)樣式
第五步
雙擊它的圖層,來到它的漸變,疊加,這兩個(gè)顏色無所謂,選什么都可以,比如說來這個(gè)黃色,我們只要這一個(gè)黃色,紅的藍(lán)的都刪掉
第六步
上邊這個(gè)色標(biāo)改為不透明度為0,把它放在上方,注意要改為角度漸變,確定,這是第一個(gè)
第七步
同樣的方法依次類推,在下一個(gè)10幀再雙擊更改,它會(huì)自動(dòng)回附上這個(gè)樣式,點(diǎn)擊漸變,我們就25、25的漲
第八步
將上一圖層拖至下一圖層尾部,保守起見做一點(diǎn)點(diǎn)重疊
將樣式復(fù)制到上面圖層中,往回做漸變
第九步
把它調(diào)回頭,放大,一定要放大,要不然圓一偏,它在旋轉(zhuǎn)的時(shí)候就會(huì)有誤差,所以圓一定要正好
第十步
調(diào)整一下,吸取它的一個(gè)顏色
Control+J復(fù)制這個(gè)圓,給它做一個(gè)底對(duì)齊可以,為了方便調(diào)整,我們把這兩個(gè)圓合在一個(gè)圖層,直接轉(zhuǎn)換為智能對(duì)象,也不合并形狀了直接轉(zhuǎn)換智能對(duì)象,這樣方便我們調(diào)整
第十一步
在第一個(gè)個(gè)橢圓前面點(diǎn)擊變換,選擇一個(gè)變換之后我們還是回到最原始的那個(gè)位置效果,第十幀這里,選擇編輯,選擇變換,選擇順時(shí)針90度,以此類推,每10幀都做一遍
第十二步
當(dāng)旋轉(zhuǎn)的時(shí)候,它會(huì)有兩個(gè)圓,我們?cè)谶@里再畫一個(gè)圓,蓋上這個(gè)圓就可以了,
改一個(gè)顏色,雙擊智能對(duì)象,把下方這個(gè)圓隱藏,保存一下
然后control+s保存,循環(huán)選項(xiàng)改為永久,播放一下,動(dòng)態(tài)加載圖標(biāo)就快速制作完成了
怎么樣!很厲害吧!
PS是平面設(shè)計(jì)重要工具之一,也是設(shè)計(jì)師必備技能之一,大家趕緊跟著練習(xí),實(shí)踐才是硬道理!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)態(tài)圖片
- 動(dòng)畫教程
- 加載效果
- 加載圖片
- 玖玖
學(xué)習(xí) · 提示
相關(guān)教程
- 卡通動(dòng)畫,用PS制作有趣的卡通動(dòng)物表情
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖
- 下雨效果,下雨動(dòng)圖制作視頻
- 動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果
- 漸變動(dòng)畫,教你做漸變GIF動(dòng)圖教程
- 動(dòng)畫教程,秋葉變綠葉的動(dòng)漫效果
- 動(dòng)畫教程,PS如何制作GIF動(dòng)畫圖片
- 皮卡丘,讓皮卡丘圖片動(dòng)起來
- 動(dòng)畫教程,制作一個(gè)3D立體球GIF動(dòng)畫教程
推薦教程
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- 照片加水波動(dòng)畫特效IR教程
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫之三
- PS制作心電圖動(dòng)態(tài)效果圖
- ps制作佛光閃耀GIF動(dòng)畫
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- photoshop如何做河水流動(dòng)效果
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫效果
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片