Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. 3D & Motion Graphics
  2. Workflow
Cgi

Introduksyon sa mga Pangunahing Kaalaman sa After Effects Scripting

by
Difficulty:IntermediateLength:LongLanguages:

Tagalog (Wikang Tagalog) translation by Anna Nelson (you can also view the original English article)

Upang makasabay sa aming pinakabagong sangguni tungkol sa script development workflow, tayo ay pupunta sa mga pangunahing konsepto at mga mabubuting pagsasanay na kinakailangan upang makapagsimula magsulat ng After Effects scripts. Tayo ay pupunta sa mga karaniwang aksyon sa After Effects tulad ng: paggawa ng project, paggawa ng composition, paggawa ng layer, paggawa ng shapes, pagdagdag ng effects, pagpalit ng values at expressions, paggamit ng text at fonts, pagdagdag ng keyframes, paggamit ng functions, etc.

After Effects Scripts sa VideoHive

Kung ikaw ay naghahanap ng isang mabilis na solusyon gamit ang After Effects script, mayroong mahusay na koleksyon na mahigit sa VideoHive. O kaya, maaari mong isaalang-alang na mag-apply upang mag-sumite ng sarili mong mga script bilang manunulat!


Pagsusulat ng Iyong Unang Script

Tulad ng nakasaad sa sangguni ng build package installation at paggamit ng After Effects Sublime Text, ang scripts ay mga files na gumagamit ng Adobe ExtendScript language.  Ang ExtendScript ay isang pinalawak na anyo ng JavaScript na gamit ng ilang aplikasyon ng Adobe gaya ng Photoshop, Illustrator, at InDesign. Ang ExtendScript ay isang mabuti at mabilis na paraan upang makamit ang anumang nais mo sa After Effects.

Ang Scripts ay ginagamit ang Adobe ExtendScript language, na isang pinalawak na anyo ng JavaScript na ginagamit ng ilang aplikasyon ng Adobe tulad ng Photoshop, Illustrator, at InDesign

Ang sangguning ito ay pupunta sa mga pangunahing konsepto at mabubuting pagsasanay na kinakailangan upang makapagsimula magsulat ng After Effects scripts.


Paggawa ng Ating Unang Composition

Tayo’y magsisimula sa paggamit ng

method ng

object at pagsaklob nito sa gitna ng mga kulot na panaklong.

Ang

object ang ugat ng halos kahit anong kita dito sa schema:

Itong schema ay makikita sa Adobe After Effects CS6 Scripting Guide tulad ng karamihan sa aking mga ipapaliwanag sa sangguning ito.

Tayo ngayon ay gagawa ng ating composition sa paggamit ng

sub-object ng object

na naglalaman ng proyektong ginawa sa unang linya at ang

sub-object na nagbibigay sa iyo ng daan sa mga folders at compositions na iyong kita sa iyong project window sa After Effects.


Paglinis ng Ating Code

Ang pagsusulat ng malinis at napapanatiling code ay talagang mahalaga. Hindi na tayo nagsusulat ng mabilis at maduming mga ekspresyon. Dahil ating nais an gating mga scripts na maging madaling akyatin, ating kailangang yakapin ang panuntunan ng komunidad ng JavaScript.

Kaya, ating ihihiwalay ang pangunahing datos sa mga variables at papangalanan sila nang sang-ayon sa kanilang nilalaman. Maglalagay rin tayo ng mga kundisyon sakaling mayroon nang proyekto o composition sa ating After Effects file.

Ang

keyword ay nagsasaad na ang sumusunod na variable ay isang bagong variable. Ito ang dahilan kung bakit, sa line 9, hindi na natin ginagamit ang

keyword dahil nais nating gamitin

’s value (na siyang comp na kalilikha lamang natin).

Heto, linya sa linya, an gating ginawa sa simpleng Tagalog:

  • Line 3: Gumawa ng bagong variable

    na siyang magiging katumbas ng

    kung

    ay hindi undefined at kung kabaligtaran ay tutumbas sa

    .

  • Line 6: Paggawa ng bagong variables

    at

    na parehas tumutumbas sa isang bagong koleksyon ng values.

  • Line 7: Paggawa ng bagong variable

    na naglalaman ng pangalan na ating ibibigay sa ating comp.

  • Line 8: Paggawa ng bagong variable

    na magtutumbas sa 

    property ng ating

    object. Kung ito’y hindi undefined at kung kabaligtaran ay tutumbas sa resulta ng

    method ng

    sub-object ng

    kung kaninong tayo’y magpapadala ng koleksyon ng mga argumentong naglalaman ng:

    • Pangalan ng composition
    • Taba ng composition
    • Tangkad ng composition
    • Pixel ratio ng composition
    • Oras (sa segundo) ng composition
    • Frame rate ng composition
  • Line 9: Gamitin ang

    method

    na siyang magbubukas ng timeline para dito sa composition.

Oo, yan ay maraming methods at mga properties. Ulit, ikaw ay kakailanganing tumingin paminsan-minsan sa Adobe After Effects CS6 Scripting Guide upang matuto pa tungkol sa mga objects at ang kanilang mga nakahaing methods at properties.  Ang batayan ay mahusay na sinulat at ang isang mabilis na paghahanap sa Project object ay kaagad na magdadala sa iyo sa tamang impormasyon.


Mabilis na mga Kosepto ng Javascript 

  • Variable: Maaaring mag-imbak ng value, isang koleksyon ng values o isang object.
  • Array: Naglalaman ng maraming values. Ang arrays ay maaaring ideklara sa dalawang paraan.
  • Function: Bahagi ng code na dinisenyo upang gumawa ng partikular na gawain.
  • Object: Ang object ay mas kumplikado nang kaunti ngunit, sa ngayon, dapat mong malaman na ito ay may mga properties at methods.
    • Property: Halintulad sa isang variable
    • Method: Halintulad sa function call

Pagdagdag ng Undo Groups

Dahil karamihan sa mga operasyon ay mangyayari sa iyong script execution, iyong nanaising pagdesisyunan kung ano ang susunod na mangyayare kapag iyong pinindot ang

/

Ang paggawa nito ay madali lamang, kailangan lamang nating ibalot ang ating code sa pagitan ng

at

methods ng

object. Itong method ay kumukuha ng isang argumento na siyang pangalan na maii-display sa After Effects

menu.


Paggawa ng Background Layer

Upang gawin ang ating background layer, ating gagamitin ang

sub-object ng ating

Tawagin ang

method at ipadla dito ang mga sumusunod na argumento:

  • Kulay ng layer
  • Array ng mga lumulutang na numero (sa pagitan ng 0 at 1). Upang makuha ang value na iyon kailangan mong hatiin ang bawat isa sa RGB values sa 255 o gamitin itong jsFiddle na aking ginawa: http://jsfiddle.net/seblavoie/mezGe/43/embedded/result/
  • Pangalan ng layer
  • Taba ng layer
  • Tangkad ng layer
  • Pixel ratio ng layer

Pagdagdag ng Grid Effect

Ang pinakamainam na paraan upang magawa ang ating nakagitnang krus ay ang paggamit ng Grid effect sa ating background layer. Upang magawa ito, ating gagamitin ang ating

variable na nagtutukoy sa

at ating gagamitin ang kanyang

property.

May ilang bagay na iyong dapat mapansin dito. Una, ang

method ay chainable ibig sabihin maaari mo itong tawagin nang ilang beses upang maabot ang sub-property na iyong nais makuha.

  • : Opacity ng layer.

  • : Opacity ng grid effect.

Pangalawa, ating gagamitin ang paraang

kapag ating nais na maglagay ng value ngunit hindi natin nais maglagay ng expression.


Paggawa ng Wipe Layer

Upang maidagdag ang wipe effect, tayo’y gagawa ng bagong layer at gagamitin ang Radial Wipe effect.

Ating ginamit ang pamamaraang

upang ilagay ang keyframes at

makagawa ng animation loop (may katuturan tama?).


Pagdagdag ng Text Layer

Ang paglalaro nang kaunti sa text ay naiiba nang kaunti dahil kailangan mong palitan ang source text value properties nang direkta.

Ating pinalitan ang ating text value properties at ginamit ang

upang muling maipadala ito sa ating text layer. Gumamit rin tayo ng simpleng expression upang magawa ang ating countdown.

Ay isang JavaScript function na magtatanggal ng decimal na bahagi ng numero. Pagkatapos nito ating isesentro ang anchor point sa pamamagitan ng

method.


Pagdagdag ng Ellipses

Upang maidagdag ang ellipses ating gagamitin ang

method at bibigyan ito ng vector group at vector shape. Tayo ri’y gagawa ng maliit na function upang maiwasan ang pag-ulit ng code.

Line 5 ay talagang mahalaga dahil hindi mo mahahanap ang

property sa documentation o sa iyong After Effects interface sa kasalukuyan, salamat kay Dan Ebbert para sa kanyang tulong (http://forums.creativecow.net/thread/227/22280).

Kami ay gumamit ng natatanging maliit na function sa halip na kopyahin ang gawang ellipse. Maaari mong gamitin ang functions nang ayon sa iyong hiling.

Pangunahing alituntunin: Kung ikaw ay nag-copy paste ng mga linya ng code, pag-isipang gumamit ng function.

Para sa iba amin lamang binago ang properties ng shape. Maaaring iyong naising tumingin sa Adobe After Effects CS6 Scripting Guide upang makita silang nakalista.

Marahil ay iyong napansin ang

Linya ay mukhang naiiba pa nang kaunti sa ating naisulat. Ang JavaScript ay sumusuporta sa pagkadena sa maraming linya. Ang resulta ay magiging parehas at walang mabuti o masamang paraan, ito ay personal na istilo ng coding na maaari mong gamitin o hindi.


Konklusyon

Ang mga posibilidad ng scripting ay walang hanggan at maaaring makagawa ng talagang mahusay na kagamitan kapag nabusisi. Heto ang ilan pang dokumentasyon ukol sa scripting at JavaScript:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.