在瀏覽網(wǎng)頁的時(shí)候，發(fā)現(xiàn)那個(gè)等待loading挺好看的，所以搜了一下加載中的動(dòng)畫，雖然看起來感覺不一樣，但制作方法差不多。今天我們就來看看詳細(xì)的制作方法。

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安裝教程

• 類型：圖像處理
• 大小：1.93GB
• 語言：簡體中文
• 時(shí)間：2022-05-13

查看詳情

先發(fā)幾個(gè)效果圖

1.打開ps，新建畫布，命名

2.新建兩條參考線，為了讓制作的圖像居中。視圖-新建參考線，位置為50%，水平和垂直各一次

3.新建完就是醬紫的

4.新建圖層，用硬腳畫筆，大小為9像素（針對(duì)個(gè)人需要設(shè)置），在垂直參加線上面點(diǎn)一個(gè)點(diǎn)，如下圖所示位置。這個(gè)位置會(huì)覺得最終完成的圖片的形狀。

5.ctrl+t ，按住alt鍵，將黑點(diǎn)的重心點(diǎn)移到參考線的交點(diǎn)。設(shè)置旋轉(zhuǎn)角度為45度。enter確定兩次。

6.ctrl+shift+alt+t，重復(fù)變換并復(fù)制，按7次。

7.合并所有黑點(diǎn)圖層，選中所有黑點(diǎn)圖層，ctrl+e，合并。ctrl+h,隱藏參加線。

8.新建圖層，選一個(gè)喜歡的顏色，畫筆大小分別為11、13、15、17，在原黑點(diǎn)的基礎(chǔ)上點(diǎn)4個(gè)點(diǎn)，記得圓心要對(duì)準(zhǔn)。

9.將藍(lán)點(diǎn)圖層復(fù)制7次，一共8層。調(diào)出參考線，ctrl+h。先變換藍(lán)色點(diǎn)拷貝圖層，將中心點(diǎn)移到參考線交點(diǎn)處，改旋轉(zhuǎn)角度為45度。其他拷貝圖層依次旋轉(zhuǎn)90度、135度、180度、-135度、-90度、-45度。

10.旋轉(zhuǎn)完成后如下圖所示。

接下來開始做動(dòng)畫11.打開窗口-時(shí)間軸，將小三角的地方點(diǎn)上去，改為無延遲。關(guān)閉上面復(fù)制的藍(lán)色點(diǎn)圖層，效果如下圖所示。

12.點(diǎn)一下時(shí)間軸的新建幀按鈕，按鈕在左下角的箭頭處。戳瞎藍(lán)色點(diǎn)圖層的眼睛，打開藍(lán)色點(diǎn)拷貝圖層的眼睛，如下圖所示。

13.同上一步驟，為每一個(gè)拷貝層建一個(gè)新幀，當(dāng)然，黑點(diǎn)圖層的眼睛始終是亮著的。在左下角的箭頭設(shè)置動(dòng)畫播放的次數(shù)，這里選擇永遠(yuǎn)，設(shè)置好后點(diǎn)播放鍵?？梢园?strong>ctrl+h，隱藏參考線。

14.沒有問題后保存，文件-存儲(chǔ)為web所用格式，一般不需要改動(dòng)，點(diǎn)存儲(chǔ)，選擇存儲(chǔ)位置。完畢。

15.打開效果

以上就是ps做loading加載動(dòng)畫的實(shí)例，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

PS怎么制作小貓眨眼睛的GIF動(dòng)畫?

PS時(shí)間軸創(chuàng)建幀動(dòng)畫總是出bug怎么解決?

PS怎么制作一段動(dòng)畫? ps動(dòng)畫效果的制作方法

最新評(píng)論