| 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 |
|
|
|
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 |
 |
