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

所需工具：AE，一丁點(diǎn)代碼知識(shí)（一丁點(diǎn)代碼也不會(huì)也沒(méi)關(guān)系）

1、新建一個(gè)800*600的合成，如果你要新建其他尺寸的合成，那么你要對(duì)代碼進(jìn)行相應(yīng)的調(diào)整，后面步驟中會(huì)有調(diào)整方法的說(shuō)。時(shí)間為10s。如圖（一）。

圖（一）

2、在合成中新建一個(gè)形狀圖層，對(duì)該圖層添加“效果與預(yù)設(shè)-生成-寫(xiě)入”。如圖（二）。

圖（二）

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

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];

圖（三）

圖（四）

試著運(yùn)行，你會(huì)發(fā)現(xiàn)一個(gè)優(yōu)美的圖形慢慢的浮現(xiàn)出來(lái)，是不是很神奇呢？

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

圖（五）

圖（六）

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

圖（七）

哈哈，本教程就這么結(jié)束啦，大家盡情點(diǎn)贊吧···