Online Gradient Image Maker with Button Generator
Older Text-It Samples Reference



Sample Images OGIM Ext. Images Text Layer Styles
Button is similar to the icon within IE error page. Font symbols on a flat white base. None ie-1
ie-2
ie-3
ie-4
ie-5
Simulated Netscape navigation button. A few symbol font layers on a flat gray base. None Netscape-L1
Netscape-L2
Netscape-L3
Mid size navigation button with a few layers on a flat white base image. None small-red-L1
small-red-L2
small-red-L3
small-red-L4
small-red-L5
Marble like base image generated with oval rectangle in OGIM + reflected text and decor layers. None retro-L1
retro-L2
retro-L3
Ball is generated with radial gradient in OGIM + hatch border. Reflection spot and compass symbol layers in Text-It. None blue-geo-ball-L1
blue-geo-ball-L2
A few layers + reflection spot on oval rectangle base image. None brown-button-L1
brown-button-L2
brown-button-L3
brown-button-L4
Layers of text and a symbol on a glass like oval base rectangle. Single semi-transparent stripe 2 with a shadow used to render right shaded area of the base image in OGIM. If you need to stretch the base image, then disable stripe 2 and it's shadow, enable stripe 3 and play with stripes spacing to align shaded area horizontally. None next1-L1
next1-L2
Similar to the above but the with left shaded area. Unlike the above button, base image for this one can be stretched up to 400px without the need to reconfigure stripes in OGIM. None login-L1
login-L2
login-L3
Button on a base image with gray angle gradient + round corners. Text shadow positioned for "engrave" effect. None engrave-button-L1
engrave-button-L2
Button on a base image with gray angle gradient + round corners. Text shadow positioned for "bevel" effect. None raised-button-L1
raised-button-L1
Glass-like button with reflection spot. None fire1-L1
fire1-L2
fire1-L3
Base image was made with "blown" radial gradient + horizontal gradient stripe at the top. Top color for text and a symbol is at 40%opacity to blend with reflective top. None next-L1
next-L2
Split angle gradient + shadow like border for OGIM base image. Raised text and a symbol with 3 layers for Text-It. None blogit-L1
blogit-L2
blogit-L3
Split angle gradient with solid border for OGIM base image. Raised text and a symbol with 2 layers for Text-It. None green-button1
green-button1
Fairly complex image was generated on a flat white base image. A few layers of symbols properly colored, sized and positioned, create a glass like button/badge. Play with colors and center symbol to vary the appearance. None blue-badge-L1
blue-badge-L2
blue-badge-L3
blue-badge-L4
Same technique as above. Horizontal "flip" was used to create text reflection. Semi-transparent made "moon" from "photoshop" symbols font was used to matte top reflection. None green-badge-L1
green-badge-L2
green-badge-L3
green-badge-L4
green-badge-L5
Pretty much the same as above - different symbols, colors and text. None red-badge-L1
red-badge-L2
red-badge-L3
red-badge-L4
red-badge-L5
Armenia symbol button. Manipulate flag colors and upload your own symbol to create a button for the country of your choice. Layer1:
Download
Armenia-L1
Armenia-L2
armenia flag symbol   
Shiny buttons series (in 4 sample colors). OGIM generated base image could have any color. Just change radial gradient and border color points. If you change the base image size, make sure that the "Round-It" radius = half of the image size for a perfect circle as well as play with the font size for a shiny spot of the first layer in Text-It. click at respective button on left None Large-button-L1
Large-button-L2
 
Oval rectangle with shifted to the top gradient center + stripe 1 shadow to "cool off" bottom of the base image. This is an easy customizable base image. Just change color point 1 and 2 for the main gradient and possibly stripe 1 shadow color in OGIM and get an infinite color variations for this "stick". "SF Shaded" font used for the text. None accent-button-L1
accent-button-L2
Sample Menu Navigation buttons for black background. The symbol at the center could be changed by using variations of Layer 2 (Menu-L2, Menu-L2a, Menu-L2b..etc). You may also upload your own symbol images/icons and use them at layer 2. The "glass" effect is created at layer 3 by using semi-transparent white oval with transparency transition. Button surrounding background could be changed by varying "Round-It" canvas color. If you change the base image size, make sure that the "Round-It" radius = half of the image size for a perfect circle as well as play with the font size for layers in "Text-It" None Menu-L1
Menu-L2
Menu-L3

Note: use Menu-L2a through Menu-L2g as layer 2 for different button symbols.
 

Oval glass button based on flat white base image. There is one image needs to be uploaded into Layer 2 in Text-It before you apply layer styles. Download image with the link on the left or use reference link if need to modify it before uploading to Layer 2. Layer 2:
Download
Reference
glass-oval-L1
glass-oval-L2
glass-oval-L3
glass-oval-L4
glass-oval-L5
Split angle gradient with solid border for OGIM base image. Raised text and a symbol with 3 layers for Text-It. None yellow-button-L1
yellow-button-L2
yellow-button-L2
LCD screen base image was generated in OGIM using blown radial gradient for center, shape-burst border and gradient stripes for side panels. "Welcome" text and top reflection with 2 layers in Text-It. If you need to change base image width in OGIM, play with stripes width and spacing for proper right side panel alignment. None LCD-L1
LCD-L2
An abstract image was created with 6 layers. Observing individual layer's styles might give some ideas about painting in Text-It, creating transparent layers, reflections.... etc. None Abstract-L1
Abstract-L2
Abstract-L3
Abstract-L4
Abstract-L5
Abstract-L6
Simple reflection demo. Reflected text was generated with "horizontal" flip, added hatch, scaled height and opacity control in Text-It. None reflected-L1
reflected-L2
Fairly simple but effective logo. 2 external images were used for layer 1 and layer 2. Download images from provided links and then in Text-It window upload to the respective layer before applying layer styles. Layer1:
Download
Reference

Layer2:
Download

logo-L1
logo-L2
logo-L3
logo-L4
Slight variation from the above. Only layer 2 requires an external image. Layer2:
Download
logo-L1
logo-L2
logo-L3
logo-L4
Complex banner made easy in Text it. Only one external image to upload (laptop image). The rest of the design attributes are generated in OGIM and Text-It.

Layer3:
Download

banner-L1
banner-L2
banner-L3
banner-L4
banner-L5
banner-L6
banner-L7
8 randomly selected shared images (click on image to load it into OGIM)  All Shared Images
OGIM· OGIM Gallery· OGIM Gallery RSS· OGIM Help· RC-OGIM Templates
About Text-It· Text-It Samples· Text-It Samples (older)· Text-It Tutorials
Armenia Flags Special· Russia Flags Special· USA Flags Special· UK Flags Special· Canada Flags Special