你肯定琢磨過電腦待機時屏幕上不斷變幻的圖形是怎么繪制出來的。它們美麗而神秘，經常讓人深陷其中。今天我借助AE以及一段簡單的代碼告訴大家這種圖形是如何繪制的，教程炒雞簡單易學哦。

所需工具：AE，一丁點代碼知識（一丁點代碼也不會也沒關系）

1、新建一個800*600的合成，如果你要新建其他尺寸的合成，那么你要對代碼進行相應的調整，后面步驟中會有調整方法的說。時間為10s。如圖（一）。

圖（一）

2、在合成中新建一個形狀圖層，對該圖層添加“效果與預設-生成-寫入”。如圖（二）。

圖（二）

3、展開寫入效果，按住ALT鍵，單擊“畫筆位置”，在展開的代碼輸入框中粘貼以下代碼，如圖（三），圖（四）。

r1 = 70;

r2 = -15;

o = 70;

v = 20;

s = 2.5;

r = r1 + r2;

x = r*Math.cos(time*v) - (r2 + o)*Math.cos(r*time*v/r2);

y = r*Math.sin(time*v) - (r2 + o)*Math.sin(r*time*v/r2);

[s*x + thisComp.width/2, s*y + thisComp.height/2];

圖（三）

圖（四）

試著運行，你會發現一個優美的圖形慢慢的浮現出來，是不是很神奇呢？

4、當然這還沒完，雖然我給大家解釋這段代碼是如何讓運行的你們肯定要打死我。但是我可以告訴大家，代碼中的r1,r2,o,v,s都是可以調整的，大家可以自己盡情去嘗試。我po兩張，如圖（五），圖（六）。

圖（五）

圖（六）

5、大家可以看看圖（六），大家可以先試試怎么做到縮放圖形的。好吧，在這里一般的縮放都會失效。只有預合成以后然后縮放或者改代碼，但是預合成然后縮放點會變得非常密集。所以我是復制一層以后把代碼中的r1,r2,o,v,s全部縮小了一半，然后調整了畫筆大小。現在大家明白了第一步中我說的不同畫布要相應調整代碼的意思了把：代碼中的數值會影響圖形的半徑，所以你的畫布如果更大，你就要相應的增大代碼中的數值。如圖（七）。圖（七）中代碼對應圖（六）。

圖（七）

哈哈，本教程就這么結束啦，大家盡情點贊吧···