OGIM Help
Search HELP:  by:
Chapter - 6.0 Round Corners Mask Generator

 

  • There is a special Round Corner Generator integrated into OGIM. Round corner generator is located at the top-right side of the screen. There is no reference or preview for the corner mask images. You need to assign colors, radius, transparency options and click respective corner icon ( ) to download generated images. Generator features "Anti-aliasing" and "Matting" techniques to create high quality images with the best possible blending and smoothing to overcome a visible pixilation at the oval transparent area caused by the nature of drawing curves at pixilated screen. Three types of corner images could be generated and those types relate to the type of box and surrounding layer background color/pattern used during site design.
     
  • Solid corner images

    A square image rendered with a solid oval on a solid background. Transparent check box should be un-checked. The oval color is selected at Inner column and the background color is selected at Outer column. Solid corner images are suited for the case, when you have a box filled with solid color and that box is positioned at layer also filled with solid color. Inner color in this case should match the inner box background color and the Outer color should match the outer box background color.
     
  • Inner Transparent corner images

    A square image rendered with a transparent oval on a solid background. Transparent check box should be checked. In addition make sure a radio button below the Transparent check box is checked within Inner column. Inner Transparent corner images are best suited for the case when you have a box filled with gradient or other patterns and that box itself is surrounded with solid background. Select the Outer color to match the box outer background color. Now look at your inner box pattern specifically near the corners where corner images would be positioned. Set the Inner color to the value which closely match the pattern at the box corner. If the pattern uses contrast colors, then choose the color which prevails within the pattern near corners. You may also set the Inner color separately for each corner. You may ask why set Inner color if the oval is transparent anyway? The Inner color in this case is used as "Matte" color to smooth ruff transparent oval edges where it meets solid background color. The closer shade of the Inner color to the box inner pattern the smoother and more realistic round corners would look like.
     
  • Outer Transparent corner images

    A square image rendered with a solid oval on a transparent background. Transparent check box should be checked. In addition make sure a radio button below the Transparent check box is checked within Outer column. Outer Transparent corner images are best suited for the case when you have a box filled with solid color and that box itself is surrounded by a background filled with gradient or other patterns. Select the Inner color to match the box inner background color. Now look at the box outer area near the corners where corner images would be positioned. Set the Outer color to the value which closely match the pattern outside the box near corners. If the pattern uses contrast colors, then choose the color which prevails within the pattern near corners. You may also set the Outer color separately for each corner. As oppose to Inner Transparent, the Outer Transparent corner images use Outer color as "Matte" color to smooth ruff transparent oval edges. The closer shade of the Outer color to the box outer pattern the smoother and more realistic round corners would look like.

    Note: On a rear occasion, under specific Outer/Inner color combinations you may get a slightly grainy solid color on an image.
     

 

2003-2007  Online Gradient Image Maker  GA Soft