Using Overlord

 

Philosophy

Whether you draw your own illustrations and spend hours prepping Illustrator files for import, or work alongside a team and constantly have to remind designers how to split art onto layers, there should be a smarter way to work. 

Illustrator and After Effects should feel like companion applications, not rivals. Let each app's strength compliment the other. Let Illustrator become a plugin for After Effects.

Work with shapes, not files.

OL BraindumpHeader.gif

Open Host apps
 

  • Open up Illustrator and After Effects
  • Open the Overlord extension in both apps
    • Window > Extensions > Overlord

Selections

Select what you need and transfer it as you need it rather than spend all day splitting out layers for what you think you might need. 

Art is messy business and having to stop down to prep files for Ae import can kill the energy of a project. Shapes may be pulled from any Ai layer as needed.

Organization

This is, for the first time, totally optional. Feel free to transfer what you need and rename the Ae layers.

But if you prefer to keep those layers tidy, Overlord will also transfer naming so all your hard work wont be lost with a Convert to Shape Layers.


Push.png
Pull.png

Push and Pull

Shapes may be pushed or pulled based on your style of working. Select shapes and push them to the active Ae comp, or select a different comp and pull shapes to Ae to cut down on the app switching.  

Fills, strokes, naming, grouping and hierarchy will be preserved. Some Ai features are unsupported simply because Ae works different than Ai.

Editable Text

This shouldn't be a big deal, but it kind of is. Get to typing. 

Ai to Ae

This is the core mechanic of Overlord. Select the shapes you want in Ai, regardless of layering, and transfer them to Ae. 

This process my be modified by the small switches next to Push and Pull to explode shapes to layers, detect parametric ellipses and rectangles, and more. 

Modifiers keys

Holding SHIFT will add selected AI shapes to the selected AE layers.

Ae to Ai

Overlord is first of all a tool for After Effects, so priority is given to the transfer of Ai shapes to Ae. The vector editing tools in Ai are a lot easier to use than twirling menus in shape layers so Overlord allows you to send shape layers back to Ai for editing. This will effectively allow Illustrator to be used as the drawing interface for shape layers. 

Modifiers keys

Holding ALT will clear the AI document before adding sending shapes to it. It's a good idea to create a new dedicated document if this is how you plan to work. 


Transfer modifiers

These tiny switches adjust how shapes are sent to After Effects. They have no effect on how shapes are sent to Illustrator.

 

Explode

Enabling this option create new layers for each top-level shape or group selected. Shapes nested within a group will be combined into a single layer, so ungroup shapes as needed in Illustrator.

Disabling this option will cause all shapes to be transferred to a single layer.

For more advanced and flexible exploding and merging of shape layers, be sure to use Explode Shape Layers.

Parametric Shapes

All shapes in Illustrator are basic paths, but by enabling this option, the system will automatically detect Ellipses and Rectangles. 

Note: Vertical and horizontal scaling of a shape is fine, but any path manipulation or rotation to the shape will make it impossible for Overlord to detect these parametric shapes. If Overlord still isn't detecting shapes the right way, check out Parametric Converter.

Center Anchor Point

Enabling this option will automatically reposition the anchor point to the center of the shape(s).

Disabling this option will place the anchor point at the comp center. 

This is also available through the menu Layer > Transform > Center Anchor Point in Layer Content and with Motion 2.

Center Shape in Comp

When working off an oversized artboard it might me desirable to simply send objects to Ae to be repositioned later.

Enabling this option will automatically reposition the anchor point to the center of the shape(s) and adjust the position to comp center. This will also enable the Center Anchor Point option.


Switch Apps

Switch.png

It's simple enough to switch between apps with a CMD/ALT+Tab, but if you're juggling email, chats, and countless browser windows, it can be more than a single keystroke to switch. 

Clicking without a companion app open will launch the most recent version of it (if you have multiple copies of Adobe apps installed). 

New Artboard

New Artboard.png

Artboards in Illustrator may be any size, but it's a good idea to work at the same size and aspect as your comp in AE. This button will create a new artboard (or new document if selected in Settings) matching the size of the comp to send shapes to.

Modifiers keys

Holding ALT will create the non-selected option without having to update your settings. Example: with New Document selected in settings, holding alt will create a new artboard.


Push Swatches

Push Swatches.png

Color swatches live in the swatch palette. Select a set of Illustrator color swatches and click to send to AE. There are a couple different transfer options available based on context and in Settings.

  • Transfer to the current comp as a guide layer
    • This is the default action
    • The size and orientation is selectable in Settings
  • Create a new Ray palette
    • Enabling this preference (along with having Ray installed) will create a new Ray palette comp
  • Add to and replace a Ray palette
    • If you are currently inside of a Ray palette, sending swatches will add colors to the current palette
    • Holding ALT on the keyboard will create a new layer to add colors to –nondestructively replacing the palette
       

Push Guides

Guides.png

These special layers are invisible (like in AE) but do not actually import along with art in Illustrator files. A click will send all guides to AE in relation to the current artboard. This might mean guides outside of the active artboard appear offscreen in Ae.


Unsupported features 😕

After Effects => Illustrator
 

  • Gradient fills/strokes *coming soon*
  • Layer transforms
  • Parametric Stars(convert to path first)
  • Parametric Polygons (convert to path first)
  • All shape layer effects
    • Trim Paths
    • Repeater
    • etc.

Illustrator => After Effects
 

  • Masks
  • Blends
  • Transform duplications
  • Unexpanded Pathfinder shapes
  • Text kerning
  • Gradient colors
  • Tapered strokes
  • Rounded Rectangles to shape layer rounded rectangle (will be transferred as a path

Settings

 
Screen Shot 2017-10-24 at 10.51.39 AM.png

updates

Updates will appear here when available. Click to download and the panel will reload with no need for restarting or manually installing ZXPs. 

Check out the change log to see what's new.

New Artboard

This toggles the functionality of the New Artboard panel button between creating a new document or adding a new artboard to the existing file.

Holding ALT while clicking the button will do the opposite of this preference.

Swatches

Define the vertical or horizontal orientation, along with the swatch size.

Swatches may also be added to a new Ray Dynamic Color palette. Ray must be installed to enable this feature.

Analytics

As you use Overlord, data about your operating system, Adobe apps, and button presses will be anonymously logged with Google Analytics. They may be turned off if you're an overly private person. Privacy info.

Disable Ae App Switching

Some Windows systems have a problem with resizing the whole After Effects window when switching between apps. Users report fullscreening Ae with Ctrl+\ instead of dragging the window to the top of screen fixes the problem. If that doesn't fix the problem for you, this option is available. (v1.02)


Tips

Multiple open versions

Selected shapes from Illustrator will be sent to all open versions After Effects. So if you happen to have CC2014 and CC2017 running at the same time, shapes will go to both. To limit confusion, close the Overlord panel in the app you do not wish to send to.