首頁>軟件教程>AE教程>    教程內(nèi)容

AE代碼繪制美麗神秘圖形

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

theoat.com.cn_03320343H-0.gif

 

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

 

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

theoat.com.cn_03320352Q-1.jpg

圖(一)

 

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

theoat.com.cn_0332031526-2.png

圖(二)

 

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

theoat.com.cn_03320342C-3.png

圖(三)

 

theoat.com.cn_0332036060-4.png

圖(四)

 

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

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

theoat.com.cn_03320312a-5.gif

圖(五)

theoat.com.cn_0332033340-6.gif

圖(六)

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

theoat.com.cn_0332034643-7.png

圖(七)

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

 

theoat.com.cn_0332031437-8.png

 

theoat.com.cn_0332032308-9.png

 

學(xué)習(xí) · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以關(guān)注我們小程序,每天都有新教程:點我用微信掃一下
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

  網(wǎng)友求助,請回答!