電腦待機(jī)時(shí)屏幕上不斷變幻的圖形是怎么繪制出來的?

2018-08-03 2623 0

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

515f56efb8ba6ac7257d20b98e88.jpg


 

所需工具:AE,一丁點(diǎn)代碼知識(shí)(一丁點(diǎn)代碼也不會(huì)也沒關(guān)系)


 

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

a76d56efb8e96ac7257d2065e95f.jpg

圖(一)


 

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

913756efb91132f875a9448af7d2.jpg

圖(二)


 

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

圖(三)


 

圖(四)


 

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

4、當(dāng)然這還沒完,雖然我給大家解釋這段代碼是如何讓運(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)整了畫筆大小?,F(xiàn)在大家明白了第一步中我說的不同畫布要相應(yīng)調(diào)整代碼的意思了把:代碼中的數(shù)值會(huì)影響圖形的半徑,所以你的畫布如果更大,你就要相應(yīng)的增大代碼中的數(shù)值。如圖(七)。圖(七)中代碼對應(yīng)圖(六)。

d52456efba9f6ac7257d207f7b20.jpg

圖(七)

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


 

b45356efbfba32f875a9443f0cc1.jpg


 

 


 


16
評論區(qū)(0)
正在加載評論...