動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

2022-12-25 10:00:42 來源/作者: / 己有:19人學(xué)習(xí)過

加載中動(dòng)態(tài)圖制作,適用于網(wǎng)頁、app、視頻等等加載中狀態(tài)的動(dòng)態(tài)效果。

效果圖:

 動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

 動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

操作步驟:

1.調(diào)出標(biāo)尺,可以直接拉參考線或者用畫筆工具,直接用shift+兩點(diǎn)畫直線,畫好米字線。(這里我們直接用直線工具拉了一下。)

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

2.選擇橢圓工具,鼠標(biāo)放在中心點(diǎn)位置上,同時(shí)按住shift+alt+鼠標(biāo)左鍵,鼠標(biāo)往外拉,就可以畫好一個(gè)以鼠標(biāo)初始位置為中心的正圓,重復(fù)一次l;如圖畫好同中心的一個(gè)大圓和一個(gè)小圓。

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

3.用圓角矩形工具,在兩圓之間,畫好一個(gè)矩形;再用變形工具,將上兩角往外拉一些,調(diào)整一下四邊弧度,畫好如圖長條圓弧。

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度

4.點(diǎn)擊圓角矩形工具,更改矩形填充為藍(lán)色,更改矩形邊框?yàn)闊o色。(這個(gè)填充色隨便選一個(gè)就可以,后面會(huì)調(diào)整)

動(dòng)態(tài)圖片,可用于網(wǎng)頁或視頻加載中的動(dòng)態(tài)過度