動態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動態(tài)過度(4)
加載中動態(tài)圖制作,適用于網(wǎng)頁、app、視頻等等加載中狀態(tài)的動態(tài)效果。
效果圖:
操作步驟:
1.調(diào)出標(biāo)尺,可以直接拉參考線或者用畫筆工具,直接用shift+兩點畫直線,畫好米字線。(這里我們直接用直線工具拉了一下。)
搜索公眾號photoshop教程論壇,免費領(lǐng)取自學(xué)福利
2.選擇橢圓工具,鼠標(biāo)放在中心點位置上,同時按住shift+alt+鼠標(biāo)左鍵,鼠標(biāo)往外拉,就可以畫好一個以鼠標(biāo)初始位置為中心的正圓,重復(fù)一次l;如圖畫好同中心的一個大圓和一個小圓。
3.用圓角矩形工具,在兩圓之間,畫好一個矩形;再用變形工具,將上兩角往外拉一些,調(diào)整一下四邊弧度,畫好如圖長條圓弧。
4.點擊圓角矩形工具,更改矩形填充為藍色,更改矩形邊框為無色。(這個填充色隨便選一個就可以,后面會調(diào)整)
5.復(fù)制矩形圖層,點擊編輯>變換>旋轉(zhuǎn),將矩形2旋轉(zhuǎn)到對應(yīng)位置;重復(fù)第5步,做好8個矩形并旋轉(zhuǎn)到對應(yīng)位置,如下圖。
6.刪除作為基準(zhǔn)線的幾個圖層。
7.合并矩形圖層。
8.新建圖層,右鍵建立此圖層為剪貼蒙版http://theoat.com.cn/tags/38847/;點擊圖層欄下標(biāo)fx,選擇漸變疊加。
9.漸變疊加,樣式選角度,角度設(shè)置為71;再點擊漸變,修改漸變狀態(tài)和顏色,邊修改邊看畫面顯示,改到合適狀態(tài)即可。
10.窗口調(diào)出時間軸,將蒙版圖層1時間長度拖到05f。
11.復(fù)制蒙版圖層1,得到蒙版圖層2 ;選擇蒙版圖層2,點擊編輯>變換>旋轉(zhuǎn)。
12.修改選轉(zhuǎn)角度為45度即可。
12.復(fù)制前一個蒙版圖層,重復(fù)11、12步驟,每次角度都順時鐘旋轉(zhuǎn)45度。共復(fù)制7次即可完成整個動作。
13.動作在上部就完成了。這里講一下導(dǎo)出。如果不要背景,那么把背景圖層前面的眼睛點掉,然后存儲為web所用形式,gif格式,循環(huán)選永久,確認(rèn)既可以;如果要背景,直接存儲為web所用形式,gif格式,循環(huán)選永久,確認(rèn)既可以。
14.看一下沒背景和有背景的動態(tài)加載圖最終效果。
無背景
有背景
以上就是加載中動圖的基本制作
學(xué)習(xí) · 提示
相關(guān)教程