Gel Botton

Discussion in 'GR Classic Archive' started by Bird, Nov 6, 2005.

  1. Bird

    Bird Senior Member

    Posts:
    306
    Likes Received:
    0
    Joined:
    Nov 6, 2005
    Make a new document, 200 wide by 200 high. Select the colour 18BE0C as your foreground colour. Then select the rounded rectangle tool, set the radius of the tool to 20px and draw a rectangle the size that you want your button to be.

    [​IMG]

    Right click on the layer and select Rasterize Layer option. Then right click on the layer again and select Blending Options. Don't close the window that opens until the last stage.
    In the, now opened, layer style window click inner shadow, set the variables as below.
    Blend Mode : Normal
    Colour : FFFFFF (white)
    Opacity : 60%
    Angle : 90
    Distance : 10px
    Spread : 0%
    Size : 0px

    [​IMG]

    Now click gradient overlay. Set the colour to 0034A9 and other variables as follows:
    In the Gradient heading:
    Opacity : 60%
    Style : linear
    Colour : from 999999 to FFFFFF.

    [​IMG]

    Now select stroke and set up the options as below:

    Size : 1px
    Posisiton : outside
    Blend Mode : Normal
    Distance : 4px
    Colour : 16A00B

    [​IMG]

    Next move on to the inner glow options.

    Size : 5px
    Opacity : 60%
    Colour : FFFFBE

    [​IMG]

    Last Step! Select the drop shadow option.
    Angle : Untick 'Use global Angle' and enter 120
    Spread : 2px
    Size : 5px You can now click ok on the layer style window, because the effect is finished.

    [​IMG]

    Final Product

    [​IMG]
     
  2. .entropy

    .entropy Senior Member

    Age:
    35
    Posts:
    3,318
    Likes Received:
    0
    Joined:
    Oct 9, 2005
    Thats pretty neat.
    Very well done for a first.
    GJ m8.
    +rep for you.
     
  3. Bird

    Bird Senior Member

    Posts:
    306
    Likes Received:
    0
    Joined:
    Nov 6, 2005
    Thank you. I better go read what a rep is
     
  4. Magnesium

    Magnesium Well-Known Member

    Posts:
    462
    Likes Received:
    0
    Joined:
    Sep 20, 2005
    Nice tut, would look greta on some invasion board skins.
     
  5. koolkidd

    koolkidd Well-Known Member

    Posts:
    4,218
    Likes Received:
    0
    Joined:
    May 30, 2005
    doesnt look like gel at all
     
  6. koolkidd

    koolkidd Well-Known Member

    Posts:
    4,218
    Likes Received:
    0
    Joined:
    May 30, 2005
  7. Bird

    Bird Senior Member

    Posts:
    306
    Likes Received:
    0
    Joined:
    Nov 6, 2005
  8. Ice92888

    Ice92888 Well-Known Member

    Posts:
    2,495
    Likes Received:
    0
    Joined:
    Aug 4, 2005
    Yeah, got to agree with koolkidd, it doesn't look anywhere like gel, but nontheless pretty nice result.
     
  9. deei

    deei Well-Known Member

    Posts:
    5,317
    Likes Received:
    0
    Joined:
    Aug 14, 2005
    Nice tut, might try this sometime :)
     
  10. FLIP.

    FLIP. Well-Known Member

    Age:
    36
    Posts:
    1,377
    Likes Received:
    0
    Joined:
    Jul 8, 2005
    its pretty rough on the edges of the final results and ex.

    rep= reputation
     
  11. EvoGod

    EvoGod Well-Known Member

    Posts:
    899
    Likes Received:
    0
    Joined:
    Aug 29, 2005
    yes no where close to looking like Gel..but it is a simple tut..I think i might have seen this on another site
     
  12. VoiD

    VoiD Well-Known Member

    Age:
    37
    Posts:
    528
    Likes Received:
    0
    Joined:
    Jun 22, 2005
    Location:
    Brazil.
    i like it alot. and ur a nice guy :) +rep.
     
  13. RuNeKnIgHt

    RuNeKnIgHt Well-Known Member

    Age:
    34
    Posts:
    814
    Likes Received:
    0
    Joined:
    Aug 15, 2005
    Location:
    Connecticut
    Yeah, looks pretty nice. Not really gel but still a good effect :P
    But you spelled button wrong XD
     
  14. Bird

    Bird Senior Member

    Posts:
    306
    Likes Received:
    0
    Joined:
    Nov 6, 2005
    thank you everyone, I feel very welcome here.
     

Share This Page