Baby Fenix

by Medina

Super simple starter pack to create animated subtitles

Engine: After Effects
Aspect Ratio: Horizontal
Typeface: Montserrat
Download Style Pack
Baby Fenix

mainComp

Main composition where all elements live. This is the principal comp where all the video created by the user and the system will live. Inside mainComp you’ll find a null called “globalControl”.

Shots

mainControl

Inside this null you’ll find three properties called FORM, FLOW and PRESSURE, corresponding to the Trinity controls, that you can use to link to properties all over your Style, allowing the user to control your package to suit their story better.

You will also find three color controls, that can be linked to colors on the Style. These color palette follows the universal 60,30,10 rule of color distribution.

signal null

Caption comp

This is the pre-comp where the text from the user’s story section lives. Any style changes or animation should be applied to the “textBlock” layer within the target.

The name of this pre-comp should be the same name as the “shot” + “-t1” at the end.

    shot-name: "tiza"   
    caption-name: "tiza-t1"

Inside the caption comp we find the textBlock, the layer that holds the text coming from the section.

frame comp

The frame is a comp where videos, stills, and gifs of the section live.

controller null

The controller is a null-layer that the designer can use to add animation to the elements in the shot. As of today we support two kind of animations:

  • Enter An slider called “enter” with two keyframes that represent the start and end keyframes of the enter animation.

  • Exit An slider called “exit” with two keyframes that represent the start and end keyframes of the exit animation.

The sliders represents the progress of the animation in a pecentage basis, first keyframe is 0 and the second keyframe is 100.

So you can link simple animations like Range Selector Offset without dealing with expressions or you can use expressions to link to the controller by referencing at the time of the keyframes. Here are a few expressions. You can take it an step further and wrap that linked expression into a conditional statement linked to the trinity or if the shot isframe or not.

Basically there are two main elements to the enter and exit controlls:

  • Progress (0%-100%) where 100% is the enter/exit animation completed.
  • Time, you can use the time information of the keys ignoring it’s values. This is helpful to link complex animations to the controller.

Poster

Include any gif in the folder of your Style and it will be used as animated poster when published. The gif should be one second long and best represent the Style.