目錄

• • 一、項目介紹
  • 二、基本流程
  • • 2.1 新建畫布并設(shè)置參考線
    • 2.2 繪制圓形
    • 2.3 深色填充
    • 2.4 創(chuàng)建幀動畫
  • 三、效果演示

一、項目介紹

本文將介紹利用ps實現(xiàn)正在加載中動畫（即loading.gif），制作完成的效果演示可以查看第三部分。

二、基本流程

2.1 新建畫布并設(shè)置參考線

新建一個自定義大小的畫布（寬高自行設(shè)置），將背景設(shè)置為透明。

然后點擊視圖——>新建參考線，繪制水平和垂直兩條參考線，并將參考線位置設(shè)置為50%，如下：

繪制完的參考線如下：

2.2 繪制圓形

選擇橢圓工具，按住shift鍵，繪制一個正圓，作為目標圓的邊緣，如下所示：

然后在上述圓的周圍繪制八個小圓，如下圖所示：
（繪制完一個小圓后，ctrl+j復制圖層，復制該圓七次即可）

然后刪除該大圓圖層，刪除后效果如下：

2.3 深色填充

然后再復制一個圓（ctrl+j），作為轉(zhuǎn)動的點，使用深色填充，放在外面即可：

然后將圓圈上的八個點所在的圖層選中，按ctrl+e合并為一個圖層，合并后就剩兩個圖層，八個圓圈所在的圖層和深色圓圈所在的圖層，如下圖所示：

2.4 創(chuàng)建幀動畫

點擊“窗口”→“時間軸”→“創(chuàng)建幀動畫”：

然后開始第一幀制作：將深色圓形覆蓋住其中一個點，如下圖所示：

然后開始第二幀制作：
新建第二幀：

然后順時針覆蓋下一個點：

【注意】：下方的0秒表示延遲，如果覺得過快，可以將延遲適當增加。

其他幀以此類推…

ok，任務(wù)完成！點擊播放按鈕即可播放動畫了。

三、效果演示

【拓展】：
【1】可以考慮在圓圈里增加解釋性文字；
【2】可以考慮在圓圈下增加解釋性文字；
…

參考：
https://blog.csdn.net/weixin_45389633/article/details/104266226
https://jingyan.baidu.com/article/ff411625b5db1e12e48237ea.html?qq-pf-to=pcqq.c2c

---

ok，以上便是本文的全部內(nèi)容了，如果對你有所幫助，記得點個贊喲~

總結(jié)

以上是生活随笔為你收集整理的PhotoShop简单案例（4）——利用ps制作正在加载中动画（loading.gif）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。