25% OFF Everything* with code CYBER during our Cyber Extravaganza! *Click for details

FX Gradient

  • Compatibility After Effects
    Please check exact version compatibility under the "COMPATIBILITY" tab below

Author: Fremox

Subscribe for notifications
Subscribe for new version notifications Subscribe
Name Your Own Price Individual users can pay any amount, the price displayed is a suggestion. Businesses, teams, etc must pay the suggested price to receive a valid license. See full terms.
Add to Wishlist

Quick Overview

The most user-friendly way to create advanced gradient ramps in After Effects! Easily create and edit linear, radial, angular and reflected ramps with the click of a button, and colorize them with one of the 30 trendy and useful color presets. Even add some special FX options like tiling, grain and turbulence !

FX Gradient

More Views

Videos

Most of the Adobe applications come with some small icons that allow you to choose a gradient type among presets (for both shape and color) before applying it.

But, curiously, After Effects doesn't offer such some gradient options ! AE's gradient ramp just come as a rather limited effect, that you have to apply manually onto your layer. It only offers 2 basic modes - linear and radial (that you have to re-center each time manually), plus it always begins with black and white and doesn't offer any angle, tiling nor special FX option...

A really nice other plugin called YY Ramp+, available here on aescripts also as a Name Your Own Price product, allows you to choose from additional shapes, like angular, reflected or diamond (and does offer some useful other options like midpoint, opacity per color, blending mode...), but you still have to apply this effect again and again on each layer, and to tweak the colors and options afterwards, in order to achieve the desired result.

Being able to just create horizontal linear ramps, simple centered radial gradients or angular ramps that you can turn with an angle parameter (useful for creating "radar" like designs for example) shouldn't be that frustrating, so... I decided to create my own toolset !

 

Introducing ...

 

FX Gradient script for After Effects 

 

A simple toolset that allows you to create your desired gradient type in a really fast and convenient way, by clicking the corresponding icon button, just like you would do within other Adobe Programs.

 

 

The 4 gradient type buttons react differently depending on the shortcut you use while pressing them :

  • with SHIFT (+ click), you can rotate the gradient shape by 90° (way more convenient than tweaking both the start and end point of the native gradient effect !)
  • with ALT (+ click), you can invert the 2 colors of the gradient ramps (does the same as if you had clicked on the "Swap colors" button in the native effect).
 
FX gradient shortcuts
 

 

Before clicking on the gradient type button (but you can do it afterwards as well, as long as you respect a few conditions, as explained in the next paragraph), you can choose a color scheme among 30 carefully hand crafted presets :

 

 30 color presets to choose from

 

The 21 first ones (shown on the left) are simply a combination of 2 colors, while the 9 last ones in the dropdown list (shown on the right in the image above, and containing a (C) letter in their name) work a bit differently. Indeed, these 9 specific color presets will apply a Colorama effect, that allow you to add more than 2 colors in the color wheel, and to adjust their transparency individually (the Alpha (C) preset is a bit more specific ; you'll have to colorize it with a fill effect on top of it since it comes in black color only).

Keep in mind that you will be able to change the colors of your gradient afterwards by changing the preset selection in the dropdown list while your layer with FX gradient applied to it is selected, BUT, if you have begun by applying one of the 21 first "basic 2 colors ramps" presets, you won't be able to apply a (C)olorama based preset. Conversely, if you had begun to apply one the 9 last (C)olorama based presets, you won't be able to change the colors by just selecting one of the 21 first "basic 2 colors ramps" presets afterwards.

Another nice addition is that, just by changing the selected preset in the color dropdown list, it will automatically apply these 2 colors scheme to any "Gradient ramp" or even "Tint" effect already applied to your selected layer. This is a neat way to test different colors to tint some footage with the keyboard's UP and DOWN arrows !

 

Fully compatible with the YYramp+ plugin

Compatible with the YYramp+ plugin

 

The FX gradient toolset is fully compatible with YY Ramp+, and, it works even better with it !
Indeed, YYramp+ creates real gradients - whichever shape it is - in no time since it is a plugin, while - without this plugin - while FX gradient by its own kind of "mimics" these exact same shapes (angular, reflected...) and options, by stacking a few effects on the layer and controlling them with a lot of expressions. So, even without YYramp+, the FX gradient toolset will definitely help you create the 4 gradient types, but it will be a bit heavier to compute due the expressions and long stack of effects.

Knowing that, it would be a bit silly to not benefit from both product's strength, since they can be both downloaded for free thanks to their "Name your own price" status :)

 

The SFX option

The FX gradient toolset has been packed with a bunch of tilling options and "Special FX" features, available by default whether you have installed the YYramp+ plugin or not.

 

FX gradient - Tiling overview

 

You can play with some tiles options inside the
FX gradient's "Tilling options" (Number of Tiles,
Tiles Angle, Cycle
 and Seamless) in order to
create interesting complex gradients
(the "Tiles Angle" option alows you to rotate
the "Angular Ramp" around its center Point too).

FX gradient - SFX Arty Grain overview

 

You can use the "Arty grain" options
(Grain diffusion, Clamp Colors and Grain Evolution)
to achieve this really trendy "retro" look
that everybody loves nowadays.
The "Clamp Colors" option's effect won't be
visible unless you use a multi-color gradient.

FX gradient - SFX Turbulence overview

 

And you can use the "Turbulence" options
(Amplitude, Scale, Complexity and Evolution)
in order to bring a little bit more chaos and
natural look to your gradient skies, water or
wood illustrations, just like your would do
inside the Cinema4D's Gradient shader.

 

Keep in mind that these are only native AE effects, that are just linked to the main FX gradient pseudo-effect via expressions, so feel free to dive deeper into them by twirling down the renamed effects at the bottom of the stack (the 8th one that creates the Turbulence FX is "called "_______", if you want to change the Turbulent displacement type to "Vertical only" for example).

 

Sometimes, you may not want to end up with the full stack of effects, because you just want a basic, simple gradient.

This is why you have the ability, only if you have installed the YYramp+ plugin, to toggle the SFX option off.

When SFX is ON, which is the case by default, you'll see some little stars sparkling on the icon button, while when it is OFF, the SFX is greyed out and doesn't show these little stars. In this case, each time you'll create a new gradient on a selected layer, it will just apply the YYramp+ effect to the layer, with the choosen shape and color preset.

If you haven't installed the YYramp+ plugin yet, you will just see a greyed out SFX button without any stars and with a thin cross onto it ;
it is just a visual clue that reminds you that you don't have YYramp+ plugin installed in your current AfterEffects version, and you will be bound to apply the full stack of effects.


Note that it doesn't mean that the toolset won't be able to create the desired gradients, but it will be "fake" them by stacking native effects linked to the main Pseudo-effect through more expressions, which involves of course, a little bit more computer ressources.
There are other small limitations especially while creating an "Angular" type of gradient ramp, onto Shape Layers, Text layers and Masked Layers, because it's really difficult to mimic this kind of gradient with non plain solid, rectangular or footage layers.

So, again, if you want more flexibility and faster performances,
I strongly advise you to install the YY Ramp+ plugin in addition to this FX gradient toolset !

   FX Gradient - SFX buttons states

 

 

Note to CS6 users :
CS6 users won't be able to view the color presets as nice round icons ; they will only see their written name instead (due to some AE CS6 scripting UI limitations).
Plus, the FX gradient will appear as "missing effect", but don't worry, all the features will work perfectly otherwise !

After Effects 2025, 2024, 2023, 2022, 2021, 2020, CC 2019, CC 2018, CC 2017, CC 2015.3, CC 2015, CC 2014, CC, CS6
  • FX StrokeSetter

    Fremox

    • Compatibility After Effects

    FX StrokeSetter

    The missing Stroke panel for After Effects! Change Stroke Caps, Corners, and Alignment on several Shape Layers at once. Add Taper, Wave, or Dashes to your Strokes, and control them with expressions locally (effects created on each layer) or globally (effects on a master Null) thanks to easy shortcuts!
    Add to Cart
    $19.00
  • Moglyph FX 3

    Fremox

    • Compatibility After Effects

    Moglyph FX 3

    Generate and animate glyph clones procedurally, just like in Cinema 4D's Mograph module. You won't believe what you gonna create within one text layer! New "Moglyph-PixelMatrix" font  + new shortcuts to change default Formula and Delay Effector animation, and the Random Seed stays now truly identical for Multiple layers that have a Random Effectors in Wiggle mode

    Add to Cart
    $39.99
  • E3D Mografter FX

    Fremox

    • Compatibility After Effects

    E3D Mografter FX

    E3D Mografter FX is a toolset that allows you to control your Element 3D plugin like a C4D Mograph module. Say 'Hello' to the famous Cloner, Fracture and MoText, right inside After Effects !

    Please note that Element 3D is required to use this tool. Grab it in a bundle and save!

    Add to Cart
    $39.99
  • Isomatic FX

    Fremox

    • Compatibility After Effects

    Isomatic FX

    Finally, isometric graphics made easy within After Effects ! Two useful modes (faked 2D or true 3D) to choose from... and tons of possibilities!

    Add to Cart
    $29.99
  • easyShape FX

    Fremox

    • Compatibility After Effects

    easyShape FX

    A simple yet useful tool for After Effects that allows you to apply cool effects to your selected shape layer with the click of a button

    Add to Cart
    $19.00
  • FX TextFlow

    Fremox

    • Compatibility After Effects

    FX TextFlow

    Make your After Effects text flow over multi-columns paragraph blocs, just like inside Indesign ! Fill them with "LoremIpsum...", "QuickBrownFox...", or even some procedural text instantiated with its powerful SampleText Generator, and auto-align them thanks to a useful Anchor Point feature !

    Add to Cart
    $29.00
View all Fremox products