Gradients 101

From Filter Forge Wiki

Jump to: navigation, search

Introduction

In digital image editing lingo, the term gradient is used to describe a gradual blend/transition between two (or more) color values. Gradients have been a long-time staple in graphics software, and Filter Forge is certainly no exception in this regard. Out of the box, Filter Forge provides six Components from the Gradient category that generate various kinds of color gradients:


The Gradient components inside the Filter Editor
The Gradient components inside the Filter Editor



"That's nice and all," you might say, "but where are my radial gradients, angle gradients, and all the others I know from [insert your favorite image editing application here!]? I only see linear gradients here!".

Good question! Here's the catch: Any gradient that goes beyond those shown above you'll have to construct yourself! Sounds inconvenient and complicated? Well, it's not that bad, really. In the course of this article, we'll get our heads around the fundamental design philosophy of Filter Forge and learn how to make use of the basic building blocks it provides to construct any gradient we could ever need. Sounds good? Then read right on...

Gradient Types

Gradients here, gradients there, gradients everywhere!

The information on the various gradient types has been structured into dedicated sections, which contain guides on efficient gradient construction, alternate construction techniques, useful gradient variants, filter library examples of gradient usage, snippet recommendations, and more. Just follow the links below and explore away!

[Note that the sections have been loosely sorted by difficulty level. Advanced sections expand on construction techniques discussed in the more basic sections, so be sure to read and absorb them all.]


Linear Gradient Bi-linear Gradient Sawtooth Gradient
[Under construction!]
Triangular Gradient
[Under construction!]
Image:Square_gradient_thumb.jpg Image:Corner_gradient_thumb.jpg Image:Diamond_gradient_thumb.jpg Image:Cross_gradient_thumb.jpg
Square Gradient
[Under construction!]
Corner Gradient
[Under construction!]
Diamond Gradient
[Under construction!]
Cross Gradient
[Under construction!]
Image:Radial_gradient_thumb.jpg Image:Spherical_gradient_thumb.jpg Image:Cone_gradient_thumb.jpg Image:Corner_angle_gradient_thumb.jpg
Radial Gradient
[Under construction!]
Spherical Gradient
[Under construction!]
Cone Gradient
[Under construction!]
Corner Angle Gradient
[Under construction!]
Image:Angle_gradient_thumb.jpg Image:Conical_gradient_thumb.jpg Image:Polygonal_gradient_thumb.jpg Image:Star_gradient_thumb.jpg
Angle Gradient
[Under construction!]
Conical Gradient
[Under construction!]
Polygonal Gradient
[Under construction!]
Star Gradient
[Under construction!]
Image:Spiral_gradient_thumb.jpg
Spiral Gradient
[Under construction!]


Index of Gradient Types

For a complete alphabetical index of all available gradient types go here.

Personal tools