1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[tut] Starry/space effect

Discussion in 'Gimp Tips & Tutorials' started by Barbiene, Nov 13, 2008.

  1. Barbiene

    Barbiene New Member

    Joined:
    Nov 11, 2008
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    USA (New Jersey)
    Home Page:
    Hello. ^^

    I'm posting my first tutorial here, and will soon post another one.

    [​IMG]

    Today you will be learning how to make a starry/space effect with the GIMP.

    ------------------

    First, start out with a medium sized canvas (I used 400 x 300).

    - Fill it with black

    Select the blend/gradient tool, make the foreground color #0c072b and the background color #000000 (black). Also make sure that the shape of the gradient is on "Radial".

    Click and drag from the middle to the bottom left corner (like shown below)

    [​IMG]

    Now you should have something a little bit like this:

    [​IMG]

    ------------------

    Make a new layer and name it "stars". Make sure it is above the background layer in the layers dialog box.

    - Fill the "stars" layer with black (Bucket fill tool)
    - Click Filters > Noise > HSV Noise (make sure the settings are like the ones shown below)

    [​IMG]

    To tone it down a bit, click Colors > Brightness/Contrast
    (brightness -35 | contrast = 55)

    Now your canvas should look something like this:

    [​IMG]

    Highlite the stars layer and change the opacity to 50.5.

    Now you should have something like this:

    [​IMG]

    Really, this is where you should stop if you don't want text on your canvas.
    If you DO want text on it, continue to the next step.

    Select your font and text size. I used Georgia Bold Italics size 50 # FFF for my choice.

    [​IMG]

    Now highlite the text layer and tick the "Lock Alpha Channels" button at the top of the layers dialog box.

    [​IMG]

    OK. Now select the blend/gradient tool and pick out your desired gradient. I chose "Abstract 3". Make sure that the shape of your gradient is on "Linear" instead of "Radial". Now hold down the "CTRL" button and click just to the left of your text, drag it over to the right, and let go.

    (Holding down the CTRL button will keep the lines straight.)

    [​IMG]

    You should have a nice, smooth gradient crossing over your text (like shown below).

    [​IMG]

    Right click on your text layer and click "Alpha to selection".

    [​IMG]

    You should now have moving dotted lines around the border of your text.

    [​IMG]

    - Right click on your canvas and choose Select > Grow (3px)
    - Make a new layer, rename it "Text border" and place it under the text layer.

    Highlite the "Text Border" layer, take the bucket fill tool and pick the color of your border. Click on the text with the fill tool and voila! You should have a smooth 3px border around your text.

    [​IMG]

    Now for the last step, to remove the dotted lines around your text click Select > None.

    [​IMG]

    And that is your finished product.
     
  2. MattSomethin

    MattSomethin Active Member

    Joined:
    Sep 22, 2008
    Messages:
    1,258
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    school
    Location:
    Oregon
    Home Page:
    Thats pretty cool, I like the gradient that you used!
     
  3. Barbiene

    Barbiene New Member

    Joined:
    Nov 11, 2008
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    USA (New Jersey)
    Home Page:
    Thank you! I hope to have this tut posted on gimp-tutorials.net asap. ;)
     
  4. Amuro Ray VV

    Amuro Ray VV Member

    Joined:
    Oct 25, 2008
    Messages:
    554
    Likes Received:
    0
    Trophy Points:
    16
    Occupation:
    Graphic Dersigner
    Location:
    Ha Noi, Viet Nam
    Good work :D thanks for the tut.
     
  5. Oakesyboy

    Oakesyboy Active Member

    Joined:
    Sep 11, 2008
    Messages:
    1,852
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    Melbourne, Australia.
    ahhh, so that how you do it... nice tut.
     
  6. Ajit

    Ajit Active Member

    Joined:
    Mar 29, 2008
    Messages:
    3,535
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    Student
    Location:
    Texas
    Home Page:
    nice simple tut :)
     
  7. Siddharth

    Siddharth Active Member

    Joined:
    Nov 27, 2007
    Messages:
    1,829
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    India
    Home Page:
    simple tut :)
     

Share This Page