OGIM Help
Search HELP:  by:
Chapter - 2.0 Buiding Image Border
All images created with OGIM (except images created with line gradient type) may have a variable width border (configured individually for each side). Border surrounding the image is just another layer drawn behind the main gradient image. Height, width and position of border image is calculated in respect to the selected border width for each side of the main image.

Border width could be individually selected for each side within Border Size selector. If sync box (next to the selector) is checked, then the width assigned to any border side, would automatically be inherited by the 3 remaining sides. Otherwise, if sync box is unchecked border width is assigned independently for each side of the main image.

Border coloring is done by assigning a certain gradient type with 4 transitional color points + center and hatch color.
All sample border display images were create with a plain yellow image surrounded by a thick 20 px. border with bright colors as they have assigned on a configuration displayed below:

There are 4 types of the border could be created (gradient configuration vise).

Gradient none

Classic Border. Gradient points 1-4 render respectively: top, right, bottom and left border.

Gradient Blend Corners

Similar to none. Gradient points 1-4 render respectively: top, right, bottom and left border. Corners however are blended.
In addition the center color is used to blend from center to sides. Although in the most of the cases this type of blending is masked by the main image, it does set the shade for all 4 border colors. Darker center color creates darker border shade.

Here is the same image with fully transparent main gradient so that border image is completely revealed.

Gradient Angle

Color points 1-4 are used to render gradient across all 4 sides of border image.

Border Angle gradient with 90 degrees
Border Angle gradient with 0 degrees
Border Angle gradient with 45 degrees
This type of border gradient could be split at the center. Check the split box below gradient selector. Here is a sample with split:
If color points 2 and 3 use the same color, the gradient would become reflected.

Here is a split reflected border gradient with color points 2 and 3 assigned green and points 1 and 4 - black

Gradient Shape Burst

Color points 1-4 are used to render gradient across all 4 sides of border image in respect to the image shape- from side to the center.
Center color is used to blend color point 4 with the center of the border image. Although in the most of the cases this type of blending is masked by the main image, in certain cases (when border width is different for each side) it would partially be revealed.
Here is the same image with fully transparent main gradient so that border image is completely revealed.
2003-2007  Online Gradient Image Maker  GA Soft