Skip to content
Author
Introduction
Extensions
Help
Downloads
Video Tutorials
Discord Community
More
Share
Explore
Placeholders

icon picker
Logo

1. Original Logo Colors

It’s very important for our users to have their Logo colored the way they want it to be colored, most often this means maintaining it’s Original Logo Colors.
If your template has a metallic logo effect, it should end with the reveal of Original Logo Colors.
If you want to give users the option to set custom logo colors, please create a
Dropdown
⁠
control called Original Logo Colors with 2 options: Original and Custom.
The default value of this control should always be set to Original. See screenshot #1.
If you want to handle which colors the logo uses on a single layer, it’s best to do this with a Tint effect with an expression on opacity.
The expression should set the Tint layer’s opacity to 0% if the users has set the colors to Original and to 100% if the user set the colors to Custom:
Create a
Color control
⁠
in addition to Original Logo Colors called Logo Colors.
Connect the Tint effect of both colors to this control.
If you have multiple logos in the template - e.g. one in the beginning and one in the end - just add Intro/Outro to the end of the placeholder/control names. See image #2 for example.
⁠
Screenshots
⁠
chrome_BZfYOJ2oqt.png
⁠
⁠

⁠
chrome_2iOnZR0Biq.png
⁠
⁠

2. Logo Fit/Zoom

The Logo Placeholder should always be set to Fit!
You can set the scaling in
Templater
⁠
or in
Author Mode
⁠
⁠
In the Author Mode, select the Logo and set the Image Type to Fit and set Type to Logo.
⁠
Screenshots
⁠
AfterFX_Ef0f0fgPpI.png
⁠
⁠

⁠
chrome_Grjk73KZLg.png
⁠
⁠

3. Logo Out of Bounds

The logo layer should always be the same size as the comp. Otherwise, users will have their logos cropped when editing the template.
If your logo image is larger than the comp, you can use
Image Placeholderize
⁠
from
Author Tools
⁠
to fix it.
⁠
Screenshots
DON’T ⛔
⁠
Bad Logo.png
⁠
⁠

DO ✅
⁠
Good Logo.png
⁠
⁠

4. Logo or Text

If you want to give users to have the option to use Text instead of a Logo, please create a
Dropdown
⁠
control called Logo or Text with 2 options: Logo and Text.
Use expressions to handle which layer should be visible (similar to the way we handled a choice of
original logo colors
⁠
above).
⁠
Screenshots
⁠
chrome_BZfYOJ2oqt.png
⁠
⁠


5. Square vs Wide Logo (Logo vs Logotype)

Generally speaking, a logotype is a logo which also uses letters, while a logo is exclusively a graphic.
Logos can often fit in a square, while logotypes will have a wider, rectangular shape.
An issue arises when a wider logo is fit inside a square composition, which scales it down making it small and hard to read.
In order to avoid this issue, it’s best to use a wide composition for the logo. This way both square and wide logos will display correctly. See screenshots below.
⁠
Screenshots
⁠
Vertical 1.png
⁠
⁠

⁠
Vertical 2.png
⁠
⁠


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.