動態圖片,可用于網頁或視頻加載中的動態過度

2022-12-25 10:00:42 來源/作者: / 己有:19人學習過

加載中動態圖制作,適用于網頁、app、視頻等等加載中狀態的動態效果。

效果圖:

 動態圖片,可用于網頁或視頻加載中的動態過度

 動態圖片,可用于網頁或視頻加載中的動態過度

操作步驟:

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

動態圖片,可用于網頁或視頻加載中的動態過度搜索公眾號photoshop教程論壇,免費領取自學福利

2.選擇橢圓工具,鼠標放在中心點位置上,同時按住shift+alt+鼠標左鍵,鼠標往外拉,就可以畫好一個以鼠標初始位置為中心的正圓,重復一次l;如圖畫好同中心的一個大圓和一個小圓。

動態圖片,可用于網頁或視頻加載中的動態過度

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

動態圖片,可用于網頁或視頻加載中的動態過度

動態圖片,可用于網頁或視頻加載中的動態過度

動態圖片,可用于網頁或視頻加載中的動態過度

動態圖片,可用于網頁或視頻加載中的動態過度

4.點擊圓角矩形工具,更改矩形填充為藍色,更改矩形邊框為無色。(這個填充色隨便選一個就可以,后面會調整)

動態圖片,可用于網頁或視頻加載中的動態過度