IZI INOUT ZONE - a system of adaptative smart zones for After Effects

ZI INOUT ZONE is the essential tool for laying a solid foundation in After Effects before adding effects and animations. Thanks to a system of smart zones, you can easily define:

✅ Element placement

✅ Ideal dimensions for a clean layout

✅ Automatic animation based on these zones

✅ Automatic positioning based on these zones

No more wasted time manually adjusting each element: your text, images, and shapes adapt perfectly to your structure as soon as they're imported.

👉 Save time and animate more efficiently with IZI INOUT ZONE!

you can join the discord here :
Tips & Explanations : https://discord.gg/JD6VBbW6

Introduction

IZI INOUT ZONE is a tool designed to optimize layout and animation in After Effects. It allows you to effectively structure a composition thanks to a system of smart zones, thus facilitating the positioning and animation of elements (texts, images, shapes, etc.).

For whom?

IZI INOUT ZONE is ideal for:

• Video editors : integrate animations without having to reposition manually.
• Graphic designers & AD : transform a model into animation without losing precision.
• Template creators : standardize and automate compositions for simplified use.

Main features

1. Simplifying the layout

• Creation of reference areas to structure the composition.
• Smart positioning elements in the defined areas.
• Automatic adjustment sizes and spacing.

2. Automatic Positioning & Animation

• The imported elements (texts, images, shapes) are placed automatically depending on the areas.
• Animation in one click thanks to a system based on check boxes.
• No more need to manage keyframes manually!

3. Facilitating the creation of templates

• Adaptable structure to adjust to different component sizes.
• Easy asset replacement without loss of scale.
• Optimized for After Effects users creating reusable templates.

How to use IZI INOUT ZONE?

Step 1: Installation

1. Download and install the script in After Effects.
2. Open the IZI INOUT ZONE panel in the “Scripts” window.

Step 2: Creating zones

1. Define one or more reference areas depending on your layout.
2. Adjust their sizes and positions as needed.

Step 3: Adding the elements

1. Import your texts, images, shapes, etc.
2. The tool automatically places the elements in the right areas.

Step 4: Simplified Animation

1. Activate animations via check boxes.
2. Customize the speed and type of animation according to your preferences.

Benefits

✔ Huge time saving avoiding manual adjustments. ✔ Smooth animations without complicated keyframes. ✔ Total flexibility for the different composition sizes. ✔ Intuitive tool, accessible even to beginners.

✅ Animate all the layers of your composition in just two clicks.

make them all enter from the left and exit from the right, or from the top and bottom, or mix them all up!

✅ Auto-Layout and Auto-animation relative to the composition's dimensions.

the logo in the top right will always be in the top right even if the composition's height changes.

✅ Change/replace text, images, and videos without size issues.

replace your 1920x1080 image with a 2160x3840 one without rescaling.

RESTRICTIONS
- the script takes the size of your entire layer, if you have alpha margins or a mask on it, you need to crop/precompose it for the script to work.
- it works for 2025 version (but you can ask me to adapt it to previous version)
- It need to set Javascript Expression Engine on your aep project
- anchor point is locked and drive by the script

quickly place your layers in zones, with margin rules

ensure enter/exit animations automatically always clean off-screen, even if item dimensions change

If you want to make Bento grids animations templates, you can use in addition my IZI BENTO GRID script here : https://lizik.gumroad.com/l/nercj

if you want even more powerful animation management, you can also use my UI CTRL script which will allow you to modify animations on several layers at the same time via a single UI interface :https://lizik.gumroad.com/l/vizscz