Feature Focus: Customize Transparency Grids and Panel Background Colors
Copy link to clipboard
Copied
Version 25.1.41 of After Effects Beta introduces support for customizing the Transparency Grid and Background Color for the composition, footage, and layer panels.
Our latest update introduces two helpful new features that will improve the way you design and preview your visual compositions. With the ability to adjust transparency grids and customize panel background colors, you will now have more granular control over the appearance of your workspace. This will allow you to customize the design context to better match the destination of your graphics!
Adjusting the size and colors of the transparency grid behind your composition elements can enhance visibility by providing better contrast against various elements. This makes it easier to distinguish transparent areas from the rest of your design. Additionally, customizing the grid colors to match your personal preferences or project requirements can make your workspace more comfortable and efficient. You can use a very dark grid to be able to simulate how your artwork will look on a dark background while still clearly seeing your layer’s transparency edges. Working on a black logo and needing to keep an eye on your alpha edges? Set your transparency grid to light and work with confidence. Customizing the size will let you better regulate the transparency visualization you need no matter your comp resolution.
You can also customize the appearance of the empty fallow area (fallow area is the grey background panel around your composition) in the Composition, Layer, and Footage panels by setting a background color of your choice. You can select from five different shades of gray presets, or you can choose a custom color to match your needs, providing a more personalized and visually efficient workspace. Creating a video that will be shown on a webpage with a white background? Change your fallow area and you can see how your design will look in context while you work. This color is also used for the Extended Viewport in the Advanced 3D engine which gives you even more options to make sure you have the visual clarity you need while working.
Getting Started
Transparency Grids: Modify the grid size (choose among small, medium, and large squares), and the grid colors (with the option of creating your custom grid color).
- Mac OS: In the Application Menu, go to ‘After Effects (Beta)’ -> ‘Settings’ -> ‘Grids & Guides’ or use the keyboard shortcut: Command + Option + ‘:’ and navigate to ‘Grids & Guides’
- Windows: Go to ‘Edit’ -> ‘Preferences’ -> ‘Grids & Guides’ or use the keyboard shortcut: Ctrl + Alt + ‘:’ and navigate to ‘Grids & Guides’
- Modify ‘Grid Size’ and ‘Grid Colors’ in the ‘Transparency Settings’ section
Panel Background Colors: Customize the appearance of the empty fallow area in the Composition, Layer, and Footage panels by setting a background color of your choice.
- Right-click anywhere on the empty fallow around your composition in the Composition, Footage, or Layer panels; from the context menu, select Panel Background Color OR, In the Application Menu, go to ‘View’ -> ‘Panel Background Color’
- Select from the five different shades of gray presets or select “Select Custom Color” to use a different color
- Select “Custom” if you want to choose the background color you last used
Known Issues and Feature Limitations
- An identical Panel Background Color applies to the Composition, Footage, and Layer panels. It is not possible to use different background colors for the three panels.
- Custom Transparency Grid colors are not retained when the color choice is switched to a predefined color or to another custom color. Please tell us if this capability would help you.
Please give this new functionality a try and let us know how it is working for you. We are excited to hear feedback on accessibility of the features, the presets provided, and anything else about the features that impact your experience.
Copy link to clipboard
Copied
Using AE 25.1.0 (Build 41)
Nothing happens in the Layer panel.
In the Composition panel, it works, but if I go to:
Panel Background Color > Select Custom Background Color...
and then cancel, it restores my default background color.
Same result when going through the View menu
Copy link to clipboard
Copied
Hello @Airweb_AE!
Thank you for the feedback. We are adding a fix to prevent the background color to go back to default on cancelling a custom color. It should retain the last chosen background and not reset to default.
On the layer panel, I wanted to confirm you are referring to the layer panel and not the timeline? We do see the option to make the change in the layer panel.
The panel to the right of the composition panel below is the layer panel (which opens when you double-click on a layer). However, noted that there should not be an option for "Panel Background Color" when right-clicking on the Timeline.
Copy link to clipboard
Copied
Yes, I tried on the timeline instead of the layer panel.
I tried on the layer panel, I have the same result as the composition panel.
Copy link to clipboard
Copied
@Avi_AEcould you add an option to hide the title of a panel? 🙏🏻
When you have a very narrow panel it looks ugly to see the title letters cut off. thanks.
Copy link to clipboard
Copied
Really like the customizability. I think the Large setting is still slightly too small though. And small is hypnotizingly unsusable to me. I don't know if screen/OS resolution influences this but I'm on a 4K display with no additional scaling.
Personally I doubt anyone has a use for a grid that small? Maybe all sizes can be shifted one step up, or an aditional Extra Large is needed? Maybe even a custom size slider/valuebox could be practical? Where the presets would make the slider/value just jump to it's preset value but can be overriden with a custom value which in turn would make the preset dropdown menu jump to it's Custom entry.
Large:
Small:
Copy link to clipboard
Copied
Hello @Shebbe,
Had meant to respond previously. The grid, like all the other ui elements, is based on resolution/scaling. So with your very high resolution it is pretty small. Good input for high resolution usage.
Jessica McMillan - AE Engineering
Copy link to clipboard
Copied
I also would like to see an additional “Extra Large” grid size. I use a 4K 27" display on macOS with scaling (which ends up being 6012×3384px / “looks like” 3008×1692pts) and find the largest grid size in all the Adobe apps to be smaller than I’d like, including AE v25.2.0b75. The new Large size is significantly better than before though!
(I realize this is pretty late in the beta process to ask for more sizes, but hey, worth a shot.)
Copy link to clipboard
Copied
Love these options, but would also appreciate if these could come out of the preferences panel, which can take several seconds to load on my machine. Transparency settings should also be accesible on some sort of flyout menu like the panel background color options, since it is something I would like to be able to change and audition on the fly and not be potenitally obsurced by a preferences panel.
Copy link to clipboard
Copied
Hello @scrozier
Thanks for your suggestion. We will discuss how this might best be exposed in the UI outside of the pref panel. If there is a strong desire for frequent switches when working, it makes sense to move it to a more accessible location vs having to go through preferences to keep changing it.
Jessica McMillan - AE Engineering

