原標題：傲視網：【AE教程】如何制作環形進度條(第一講)

大家好，福利來啦！這里將分享如何制作環形進度條，教你如何從入門到精通學AE。

環形進度條是個特殊的動畫，在旋轉的基礎上還要選擇性地顯示部分區域。制作起來需要花點心思。在AE中，可以使用圖層遮罩，做出真正背景透明的環形進度條。但核心仍然是左右兩個半圓分別旋轉。如下圖：

把圓分成左半圓(紅色)和右半圓(藍色)，限定兩個半圓的顯示區域在各自半邊空間里。底下再加一層靜止的右半圓(紫色)。

左半圓、右半圓、背景半圓

首先把靜止的素材準備好，也就是這3個半圓。

建立合成，隨意選了個720p的尺寸

畫圓，尺寸設為400*400。

把圓的位置(不是形狀圖層的位置)設為0, 0，圓就準確定位在畫布的中央。

在同一個形狀圖層中再畫個矩形，寬高設為200*400，半個圓的大小。

矩形的位置設為-100,0，剛好能蓋住左半邊圓。沒錯，這個矩形就是用來裁剪半圓的。

點此處的添加，選擇復合路徑。

模式設置為相交。這個和PS和AI里的路徑加減道理相同。

然后選中圓、矩形和復合路徑，command/ctrl + G編組。這個組就是我們需要的半圓。

展開組，復制其中的矩形，粘貼到組外面來。

這個新矩形才是真正用來做遮罩的，可以理解為PS里的矢量蒙版。AE本身也有遮罩功能，但是只能應用在圖層上，圖層旋轉，遮罩也跟著旋轉。我們需要的效果是半圓旋轉，遮罩層靜止不動。半圓轉到矩形外面的部分不可見。所以我們要再用一次復合路徑。

添加——復合路徑，模式仍然選擇相交。這回是新矩形和組的相交。

可以試著把組旋轉一下，超出矩形的部分確實看不見了。

旋轉歸位，給組的旋轉屬性加個關鍵幀，因為后面會用到。一層層點進來找實在太麻煩，如果有關鍵幀存在，按快捷鍵u就直接打開了。

現在我們可以開心地把這個圖層命名為“左半圓”了。

把右半圓再復制一個，改名為背景半圓，移到底層。把組內的矩形位置設為100, 0，圓完整了。至此，動畫所需的靜止素材都準備好了。制作旋轉動畫現在要讓半圓動起來。多按幾次快捷鍵u，之前展開的各種屬性都收起來了，只剩有關鍵幀的旋轉屬性。注意，這并不是圖層的旋轉屬性，而是每個圖層內那個組(靜止半圓)的旋轉屬性。右半圓和背景半圓的旋轉屬性的關鍵幀可以去掉了。不過右半圓的旋轉屬性我們還會用到，先不要折疊起來，不然找起來很麻煩。

點擊左半圓圖層的這個小圓點，只顯示當前圖層。相當于PS里按alt點圖層眼睛。

總結：由于教程比較長，時間原因小編分兩次分享，以上為第一講，敬請關注后續內容。

傲視網(www.aoao365.com)是一家致力于視頻制作周邊所有元素，視頻、音頻、圖片、插件、課程、定制一體，打造最專業的視頻制作交流平臺！傲視網是中國領先的視頻素材、AE模板的交易及下載網站，提供AE模板，會聲會影模板素材，pr模板，音頻素材，圖片素材，AE插件，手機海報，視頻定制等設計素材服務。返回搜狐，查看更多

責任編輯：

總結

以上是生活随笔為你收集整理的进度条上的小圆点怎么做_傲视网：【AE教程】如何制作环形进度条（第一讲）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。