Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
5

Feature Focus: Customize Transparency Grids and Panel Background Colors

Adobe Employee ,
Oct 15, 2024 Oct 15, 2024

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). 
 

  1. 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’
  2. Windows: Go to ‘Edit’ -> ‘Preferences’ -> ‘Grids & Guides’ or use the keyboard shortcut: Ctrl + Alt + ‘:’ and navigate to ‘Grids & Guides’
  3. Modify ‘Grid Size’ and ‘Grid Colors’ in the ‘Transparency Settings’ section 

avidipto_2657_0-1728500050810.pngexpand image

 

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. 

  1. 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’ 
  2. Select from the five different shades of gray presets or select “Select Custom Color” to use a different color
  3. Select “Custom” if you want to choose the background color you last used 

avidipto_2657_1-1728500050811.pngexpand image

 

Known Issues and Feature Limitations 

  1. 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. 
  2. 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. 

TOPICS
Performance
869
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Oct 16, 2024 Oct 16, 2024

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Oct 17, 2024 Oct 17, 2024

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.

Avi_AE_0-1729186343576.pngexpand image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Oct 17, 2024 Oct 17, 2024

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 24, 2024 Oct 24, 2024

@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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 01, 2024 Nov 01, 2024

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:

Shebbe_0-1730457723046.pngexpand image

Small:

Shebbe_1-1730457750802.pngexpand image

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 13, 2025 Jan 13, 2025

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.


All the best,
Jessica McMillan - AE Engineering
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jan 14, 2025 Jan 14, 2025

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.)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Mar 18, 2025 Mar 18, 2025

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. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Mar 19, 2025 Mar 19, 2025
LATEST

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. 

All the best,
Jessica McMillan - AE Engineering
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines