Friday, August 31, 2012

How to Make a 3D Button

Preambule

In this tutorial, I will make a button look as like a 3D object with color gradient.
A button that ussualy used in webpage and other purpose. Cool 3D design to you.

Tools

Rectangle tools, Fountain Fill, Interactive Fill, Transparency, Blend


Step

  1. Create a rectangle object with size you want.
    [gambar]
  2. Create a gradient fill with Interactive Tool or Fountain Fill box.
    [gambar]
  3. Duplicate a rectangle
    [gambar]
  4. Resize to top
    [gambar]
  5. Fill with White color.
    [gambar]
  6. Set transparency to gradient transparent with down direction.
    [gambar]
  7. Click the rectangle 1, and duplicate it.
    [gambar]
  8. Resize to bottom.
  9. Set color to lighter than a rectangle 1.
  10. Blend from rectangle 1 to rectangle 3, customize the properties.

Result

Gambar Hasil