Everything you need to start coding conveniently.

Ae - Set-up your Scripting environment for After Effects

Everything you need to start coding conveniently.

Setting up a scripting environment for After Effects

What’s a Rich Text element?

What’s a Rich Text element?

What’s a Rich Text element?

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Long story short, adobe used to make “ExtendScriptToolkit” which was a text editor for writing and executing code. It had some good integration with other adobe software but it has been discontinued a few years back. You can still download it if you want to, but it is pretty outdated at this point and performs pretty poorly on mac.

To start scripting for After Effects my personal recommendation would be to use Atom + a package that sends scripts directly to After Effects created by the almighty renderTom

How to install:

Let’s set up your coding environment:

  1. Download and install Atom. it is a free and open source text editor made by github, it’s very customizable using ‘packages’ that you can download and install easily from inside the app, as well as themes to make it pretty and fun to stare at for hours and hours.
  1. Install Adobe Script Runner. Installing this package will give you the functionality to quickly send and test the scripts you will be writing to After Effects.

Best Seller
Recolor entire comps like in Illustrator
Convert an image to a palette like in Procreate
Work with palettes like nowhere else
There is no looking back
Colors is the quick and intuitive Color Sampler Adobe forgot to put into After-Effects. People who used Colors have said they can't see themselves going back to working without it ever again
Key Features
  • Quickly sample frames from photos / videos into a palette
  • Generates beautiful new palettes for you
  • Left-Click to apply Fill, Right-Click to apply Stroke. With no layers selected it will quickly create a new coloured solid for you.
  • Lets you save palettes for easy use across multiple projects
  • Recolor entire comps including nested comps in a few clicks
  • Easily edit palettes
Buy if...
  • You often find yourself feeling uninspired
  • You don't understand color science well enough, finding it hard to come up with beautiful color combinations
  • You are constantly using workarounds to pick colors, including the Character panel's color picker.
  • You feel like After-Effects is holding you back from being a better designer
  • You are often working with references online, importing screen-grabs and manually sampling color palettes
Why Buy?
Good Boy Ninja
75% OFF
Promo ends 30 Aug, 20:00 UTC

Setting up & getting comfy:

Once you have those two installed, you can use Ctrl+N / Cmd+N to create a new document. In the bottom right corner of Atom you will see “Plain Text”. This means the current document doesn’t use any special formatting. If you click it and change it to ‘JavaScript’ you will notice that once we start coding Atom will automatically use contextual text colors to help you navigate easily through the code.

Now if we write the following code in our new document:

alert("I’ve been a good boy!");

We can press Ctrl+Alt+R / Cmd+Alt+R and look at that:

Shape layers on steroids
Why Buy?
Endless Possibilities
Unleash 11 new exciting ways to animate shape layers like the pros
Key Features
  • Reshape, Subdivide, Fractalize and Connect points on your path
  • Instantly add dynamics by sequencing each effect along the path points, making each point animate with a specified delay
  • Reorder the effects for virtually endless combinations
  • Automatically animated to an input wave for instant creativity
  • Plug multiple effects to the same animator for synced motions
Buy if...
  • You are often being told to make an illustration 'breathe' for long loopable projections in keynotes and events
  • You are often asked to add dynamics to boring, regular geometric shapes in logos or symbols
  • You often work with loops, music or other rhythmic elements
  • You are underwhelmed by the limited set of shape animators in After-Effects
  • You are into modular, procedural systems
  • You are looking for hours of fun

If you set up everything correctly your code was successfully sent to After Effects. The ‘alert()’ function creates a popup window that can display a string of text you enter inside the round brackets, inbetween quotation marks.

You can now save your file. Try to make sure you save it as “fileName.jsx”. As we’re mostly working with JavaScript we use the .jsx extension to save our files in a compatible format for After Effects to read.

Getting even comfier:

You’re ready to start writing scripts. I would also like to recommend you some other packages you can install now inside Atom to make the writing experience even nicer.

1. Atom Beautify will make your code pretty in 1 click. It never changes your code, but only cleans up the formatting so it looks tidy.

2.  Atom Brackets Glow really helps identifying pairs of brackets. You use a bunch of brackets in code of different kinds ( (), [], {} etc ) and you want to make sure you don’t leave them open. This packages highlights pairs when your typing courser approaches next to one of them.

Give shapes soft-body like physics,
Create loose-tracking
and smooth slippery motions
Why Buy?
Noodle saves your butt
By adding secondary motions automatically, it will save you from evil clients who ask for too many last-minute changes.

It's the animator's wettest dream.
Key Features
  • Simulate 'soft' / 'delayed' parenting
  • Create 'soft body' like effects by making paths react to layer transforms
  • Adds 'jello' effect to puppet-pin rigs
  • Updates automatically to changes in the original motion
  • Point-by-point control for shape layers squash and stretch
  • Bake / Unbake for maximum performance
Buy if...
  • Your clients often harras you with too many last minute changes
  • You are often facing tight deadlines and looking for ways to animate more easily without compromising on quality
  • Your timelines are often bloated with keyframes
  • You are missing 'soft body' like simulators from other software which do not exist in After-Effects
  • You are animating NSFW illustrations or images and looking for a quick way to add bounce and jiggle to your products

3. Minimap helps you navigate longer codes by previewing the code page next to the scrollbar.

4. Highlight Selected highlights the current selected words throughout the entire code sheet, you can navigate your way around longer codes easily.

That should help you get off to a good start, you’ve got everything you need to start coding conveniently. Wiggle Wiggle Wiggle and good luck with your new adventure!

Paths from Nulls
Why Download?
What does it do?
It connects existing nulls with a new path
Key Features
  • Connect multiple nulls with a path
  • Choose whether the new path points follow the nulls using an expression or not
  • Hold Alt while hovering the interface to reveal the options to connect other layer types (like solids and footage) instead of nulls
  • Optional: simulate ropes when bringing the new path points closer together
Download if
  • Eager clients often ask you to connect a lot of corporate logos and trademarks with a line, or a dashed line
  • You often import 3D camera tracking data from other software and interested in creating bridges / geometric shapes using the tracked points
  • You are intrested in a free, easy plexus alternative
  • You like free tools!
How to install
the tools of the
Good Boy Ninja?
(Make Money)
Good Boy Ninja
Motion Designer since 2008.
Maker of tools for Adobe After-Effects
Quick jump:
May 12, 2020
Similar Posts