Results 1 to 6 of 6

Thread:
How to add gloss to text

  1. #1
    Supreme Overlord
    Administrator
    JoostinOnline's Avatar
    Join Date
    Mar 2011
    Location
    Behind you!
    Posts
    7,811
    Thanked: 1521
    Blog Entries
    10
    Mentioned
    12 Post(s)

    How to add gloss to text

    Here is one way of adding a glossy look to text using GIMP. For this tutorial, we'll make a HacksDen.com banner. The tutorial looks long, but that's only because I've broken it down into small steps. Once you get the hang of it, adding gloss should only take a few minutes.

    Before you start



    Create a new file


    First start out by making a new project. Set the size to 600x150, and make sure to fill it with Transparency. If the X and Y resolution isn't 96, that's fine. Just leave it at the default. The Color space should be RGB by default, but change it if not.

    Choose the font


    For this banner, we'll go with Impact Condensed. It's a font included with Windows, an it has a nice bold look. Set the size to 90.

    Choose a color


    When adding gloss to text, you always want to go with a color that is a shade darker than what you want, since the gloss will make it lighter. Pick the stock purple for this banner.

    Add a text layer


    Click in the top-left corner and type "HacksDen.com". A text layer will automatically be created. Move the text layer around if it isn't centered.

    Create your sheen layer


    Click the Layers menu and choose "Add new layer", then name it Sheen. Make sure the fill type is Transparency and don't change the dimensions.

    Adjust the Opacity


    In your layers tab, click Sheen layer. The opacity needs to be adjusted, as 100% will look too bright (at least for my taste). Usually 70% looks good, but it varies by color. You can adjust it later if you don't like 70%.

    Set the Blend gradient


    Click the Blend icon in the list of tools, then the picture next to "Gradient". You need to change it to Flare Rays Radial 1. Leave everything else alone.

    Adding the gloss


    First make sure that Sheen is the active (highlighted) layer. This is very important! Now use the Blend tool. Click a little bit below the bottom of the text, and while holding Ctrl, drag to the highest point of the text. If you don't like how it looks, press Ctrl+Z to undo it and try again.

    Select your text


    Right-click on the text layer and choose Alpha to Selection. Click on the Sheen layer. Again, this is VERY important.

    Deleting the extra gloss


    Your window should have blinking lines going around the text now. Press Ctrl+I to invert the selection, then Delete to clear the extra gloss.

    If you want to make any changes to the color or the opacity of the Sheen layer, now is the time to do it.

    Save Your image

    Save your image as a PNG file. Use the default settings. The end result should look like this.
    Last edited by JoostinOnline; 08-31-2012 at 05:59 PM.
    "Macs are the Perfect Computers," said the Perfect Idiot.

    (\__/)
    (='.'=)This is Bunny. Copy and paste Bunny into your
    (")_(")signature to help him gain world domination.

  2. The Following 4 Users Say Thank You to JoostinOnline For This Useful Post:


  3. #2
    Founding Member peire's Avatar
    Join Date
    Mar 2011
    Location
    england,liverpool
    Posts
    2,132
    Thanked: 588
    Blog Entries
    3
    Mentioned
    2 Post(s)
    great guide mate, moved to gimp tutorials

  4. The Following User Says Thank You to peire For This Useful Post:


  5. #3
    Supreme Overlord
    Administrator
    JoostinOnline's Avatar
    Join Date
    Mar 2011
    Location
    Behind you!
    Posts
    7,811
    Thanked: 1521
    Blog Entries
    10
    Mentioned
    12 Post(s)
    Thanks. Gloss is simple to add, but it can make a huge difference. Most of the changes I made to the GCMM Plus background was just gloss.
    "Macs are the Perfect Computers," said the Perfect Idiot.

    (\__/)
    (='.'=)This is Bunny. Copy and paste Bunny into your
    (")_(")signature to help him gain world domination.

  6. #4
    HacksDen Staff
    Moderator
    RobGee789's Avatar
    Join Date
    Mar 2011
    Posts
    4,694
    Thanked: 1659
    Mentioned
    10 Post(s)
    very nice written tut the mate
    Need any gfx making HERE is where to ask

  7. The Following User Says Thank You to RobGee789 For This Useful Post:


  8. #5
    Supreme Overlord
    Administrator
    JoostinOnline's Avatar
    Join Date
    Mar 2011
    Location
    Behind you!
    Posts
    7,811
    Thanked: 1521
    Blog Entries
    10
    Mentioned
    12 Post(s)
    Thanks guys.

    At first I was planning on making a separate guide for a reflection, but since a large portion of the guide will just be a duplicate of this one. What do you think of me merging them?
    "Macs are the Perfect Computers," said the Perfect Idiot.

    (\__/)
    (='.'=)This is Bunny. Copy and paste Bunny into your
    (")_(")signature to help him gain world domination.

  9. #6
    Founding Member peire's Avatar
    Join Date
    Mar 2011
    Location
    england,liverpool
    Posts
    2,132
    Thanked: 588
    Blog Entries
    3
    Mentioned
    2 Post(s)
    separate guide seem ok to me as its a different technique

  10. The Following User Says Thank You to peire For This Useful Post:


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •