OGIM Help
Search HELP:  by:
Chapter - 1.1 Gradient Types



There are 6 types of gradients could be created while blending colors assigned to 9 color points. Depending on a gradient type you have selected, the effective image tile size (width and heigh) would be different. Image Tile is generally referred here to the image generated by OGIM engine. Image you see in the preview area is tiled (repeated) in the direction respective to the selected Gradient Direction and do not correspond to the actual image size. Direction of tiling is always opposite to the Gradient Direction. Vertical gradient is tiled horizontally and vise versa. To view a full screen tiling click icon. At the resulted screen you may choose the tiling direction or view the actual generated image size by selecting No Tile.

Here are the characteristics for each type of gradient:

  1. Line - Basic linear gradient type which blends colors vertically or horizontally. Gradient Image Size is applied as following. Horizontal gradient: Image height is always 1px. Image width equals to the selected from Size selector. Vertical gradient: Image width is always 1px. Image height equals to the selected from Size selector.

    The Height/Width for the 5 remaining types of gradients could be freely selected from Size and Alternative Image Side.
     
  2. Angle - Colors are blended diagonally under 45 degree angle by default. Alternate color blending direction by the mean of Mirror button and Gradient Direction selector. You may however set your own gradient direction angle. When this type of gradient is selected, an angle text box would be revealed next to the gradient direction selector. Type any numeric angle value to change the gradient angle.
     
  3. Radial - Color blending forms an inner circle (or ellipse if width/height are unequal). The remaining outer circle area at image corners filled with color assigned to the 1-st color point.

    Circle (ellipse) could be expanded (blown) by specifying the expansion value in blow box. Blow allows covering outer circle area with radial gradient by expanding it. This value measured in px.
     
  4. Diamond - Color blending forms a diamond. The remaining outer diamond area at image corners filled with color assigned to the 1-st color point.

    Diamond could be expanded (blown) by specifying the expansion value in blow box. Blow allows covering outer diamond area with gradient by expanding it. This value measured in px.

  5. Rectangle - Color blending forms a rectangle.

  6. Oval Rect. - Color blending forms an oval rectangle. Aside from Oval Rectangle Gradient, which forms an image body, this type of gradient also creates oval corners by default. Oval Radius and Background Color (outside corners) controlled at the Round It section. The check box next to Round It does not have to be checked because round corners are default for this type of gradient. Rounding can also be assigned/removed to/from any designated corner. Use red visual corner selector for that. To smooth round corners this type of gradient would automatically use Anti-Aliasing (regardless of Anti-Aliasing setting located below color slider).

  7. Sector - This is a specific type of color blending. Image tile rectangle area is divided into 8 triangular sectors spanned from the center of the image to the sides and correspond to color points 1 through 8. The first sector is located at the top left corner of the image and remaining sectors spanned clockwise. The 9th color point is assigned to the center of the image. So there are 2 types of blending occur. One is between neighboring sectors and another is between center point and all sectors. Blending between sectors occur clockwise. If any color point is not assigned, a color from the nearest assigned point on left takes its place (unlike other types of gradients where blending occur over unassigned points). If 1-st color point is not assigned then the first sector (and all consecutively unassigned sectors) would become transparent. Unassigned 9-th point would render the center area as transparent.
2003-2007  Online Gradient Image Maker  GA Soft