gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-developer | today 06:14 AM
    GIMP color-management spec and further discussion
  2. gimp-user | yesterday 11:13 PM
    collages in gimp?
  3. gimp-user | yesterday 08:29 PM
    Need help: "correcting" exposures in time-lapse imagesets
  4. gimp-developer | yesterday 07:07 PM
    Color management (UI perspective for GIMP 2.8)
  5. gimp-user | yesterday 02:42 PM
    printing

External news

Poll

Would you like to be able to use your Google/Yahoo/MSN (OpenID) login on gimpusers, too?

Definately! I would enjoy the possibility to use my OpenID on different websites!

I don't have a special need for OpenID but I think it could be useful

Doesn't matter to me

Never, OpenID is a pain regarding privacy and personal data protection!

No. (please post a comment)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

15 Jun 2007 06:56 PM, by devvv (Bernhard Stockmann)

Create a cool starfield

This is maybe one of the oldest desktop wallpapers - nevertheless it is still a great motive! In this tutorial I'm gonna show you how you create a cool very realistic starfield with all the little details.

This article has been written using GIMP 2.3.13. It's divided into 15 steps and takes about 15 min to complete for an average user. 82799 times read so far. Category: Photos / wallpapers, required skill: 2 of 5

35 comments have been posted so far.

Available in other languages:

  1. 1
    Create a new document: 1024x768 px (or any other size - just as you wish).

    Fill the background layer black. Go to Filter / Noise / HSV-Noise. Look at the picture and use these values
    Screenshot of step 1
    Click to enlarge
  2. 2
    - Colors / Brightness & Contrast -25 / +55.

    You should get some whie dots on a black background. Name this layer "small stars" or "kleine Sterne" (as me).
    Screenshot of step 2
    Click to enlarge
  3. 3
    Duplicate the layer (the background-layer), name it "big stars" or "große Sterne" (as i did).

    Again choose Brightness & Contrast from the colors menu: -70 / +40.

    Now we have to enlarge this layer by doubling the size. That helps us to make the small stars on this layer even bigger so that they become bigger ones. Press SHIFT+T (or use the scale tool) and enter 200% as value.
    Screenshot of step 3
    Click to enlarge
  4. 4
    We're going to enhance these stars to make them better visible.

    - Invert the layer by Color / Invert. That is to see the stars better.
    - Colors / Threshold. Click the "automatic"-button to the right. Our dots should now be much better visible.
    Screenshot of step 4
    Click to enlarge
  5. 5
    Now invert the layer again (Colors / Invert) to see a black layer again. Scale the layer back to its almost original size. Press Shift+T and enter 53%.

    Position the layer in the middle of the image. The easiest way to do this is to use the alignment-tool (which is a new tool since GIMP 2.3.x series).

    To use the alignment-tool do the following:

    - Click the tool to activate it
    - Click the layer in the image (that should be the big stars)
    - The preferences of this tool should become active now.
    - Choose "relative to image/picture"
    - Then click both middle icons in the preferences to position your layer exactly to the middle of the screen.

    The whole thing should look like this now:
    Screenshot of step 5
    Click to enlarge
  6. 6
    In the layers-dialog choose "Screen" in the layers mode dropdown menu. Now we have a zoom or echo-effect. To avoid this we simply rotate the layer by 180°. (Shift+R to use the rotate tool: enter 180°).
    Screenshot of step 6
    Click to enlarge
  7. 7
    Save your result.

    We're nowgetting to the point in which we give our plain starfield some live.

    Use the free selection tool (F) and select randomly all over the layer. This is a wild action ;) View my picture to see what i mean.
    Screenshot of step 7
    Click to enlarge
  8. 8
    Grow the selection (Selection / Grow: 8px) and after that delete the selected parts in the picture by pressing DEL (or CTRL+K if you still use GIMP 2.2).

    There should be only some big stars left in the image.
    Screenshot of step 8
    Click to enlarge
  9. 9
    Create a new layer below the "small stars" layer ("kleine sterne"). Fill this layer totally black.

    Now lets activate our small stars layer. Right click the layer in the layers dialog, choose "Add alpha channel".

    Again use the free selection tool to select some parts of the image by random move the selection tool all over the layer, but it should be much less than the wild selection in step 7.
    Screenshot of step 9
    Click to enlarge
  10. 10
    Selection / Fade: 50px. Remove the selected area by pressing DEL. The small stars should be still crearly visible but some parts are darker or completely black.
    Screenshot of step 10
    Click to enlarge
  11. 11
    To see what my layers look like:
    Screenshot of step 11
    Click to enlarge
  12. 12
    The next step is pretty easy: Image / Merge Image. Name this layer "Stars".

    Now use the clone-tool, in the preferences choose "Screen" in the layers mode drop down. Now use the "Sparks"-Brush (the yellow one).

    We're randomizing our stars now so that they look real. This step is easily done. Set a starting-point by holding down CTRL and click a part in the image. Then simply paint at any other part of the image. The area is then copied all over and added to the current position. They're added because we use the "screen"-mode in the preferences. That means that our stars never become less - the become more all the time. If you want lesser stars in an area you need to change the mode back to "normal" and clone a region that contains only few stars.

    Lots of text ;) now just start to give your space live! and repeat the action of cloning.

    My result looks like that:
    Screenshot of step 12
    Click to enlarge
  13. 13
    Duplicate the layer. Name it "Stars glow" or "sternen glühen" as me.

    - Filter / Blur / Gaussian Blur: 15px
    - Colors / Color Balance:

    Shadows: -100 / 0 / 40
    Mids: -100 / 30 / 40
    Highlights: -100 / 30 / 40

    - Set the layers mode to "addition" or "screen".

    Your starfield should now glow blueish. If you want to have it glow even more just duplicate the glow layer.
    Screenshot of step 13
    Click to enlarge
  14. 14
    Now some rather small steps follow to give our picture more cool details. We will make some bright glowing stars.

    Create a new layer: fill it black.
    - Filter / Light and Shadow / Supernova
    Having the filter dialog open enter any values you like to create you shining star. But don't make it too big for the first time and place it in the middle.
    Screenshot of step 14
    Click to enlarge
  15. 15
    Set the layers mode to "Addition" and move the layer to any position you want to have the star. Duplicate it, scale it (SHIFT+T) to a smaller or bigger size and move it to any other position.

    Repeat this until you are satisfied with the result.

    Optional: You can add some more color if you like. To do so you simply have to select the appropriate area in the "stars glow" layer with the free selection tool, fade this selection, and the apply Colors / Colorize to change the color of that area.

    My final starfield looks like this. Have fun creating you very own starfields ;) This can also be nicely used as a wallpaper.
    Screenshot of step 15
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Links (pingbacks)

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it. Of course, you can also ask in the chat.

Comments are chronologically arranged.

  1. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sat 15 Dec 2007 08:49:22 PM CET coche, 15 Dec 2007 08:49 PM

    Thanks for the tutorial. Indeed very cool starfield!

  2. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 09 Jan 2008 04:57:53 PM CET gimpy, 09 Jan 2008 04:57 PM

    great!

  3. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 14 Jan 2008 12:39:57 PM CET Slion, 14 Jan 2008 12:39 PM

    Fantastic! Thanks a lot for publishing that article.

    I could not get the part with Color / Colorize to work on my GIMP 2.4.2 in order to change the star glow color. That's no problem though, once you got the general method you can easily come up with variations to get the desired effect.

  4. http://www.gimpusers.com/tutorials/starfield-tutorial.html Tue 15 Jan 2008 09:09:39 PM CET Miroslav Karpis, 15 Jan 2008 09:09 PM

    many many thanks. Excelent

  5. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 30 Jan 2008 12:45:58 AM CET gimpqueen, 30 Jan 2008 12:45 AM

    Omg! That's a REALLY COOL tutorial!

  6. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 25 Feb 2008 05:24:45 AM CET John, 25 Feb 2008 05:24 AM

    Amazing. I made my own and set it as my desktop. Thank you!

  7. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 09 Apr 2008 02:00:07 AM CEST Pixkid, 09 Apr 2008 02:00 AM

    Wow... extremely realistic and visually appealing. Well put together.

  8. http://www.gimpusers.com/tutorials/starfield-tutorial.html Thu 10 Apr 2008 12:09:31 AM CEST Daniel, 10 Apr 2008 12:09 AM

    Really nice tutorial... I am going to use the image I made as a background for a game. Thanks.

  9. http://www.gimpusers.com/tutorials/starfield-tutorial.html Tue 13 May 2008 08:48:13 PM CEST amy, 13 May 2008 08:48 PM

    i couldn't enlarge the layer by 200% cos when i went to scale layer it just had the pixels option

  10. http://www.gimpusers.com/tutorials/starfield-tutorial.html Tue 13 May 2008 09:29:53 PM CEST amy, 13 May 2008 09:29 PM

    ignore that, i did it :)
    thankyou! great tutorial

  11. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sun 25 May 2008 08:08:54 AM CEST Sophia, 25 May 2008 08:08 AM

    Very nice, thanks!

  12. http://www.gimpusers.com/tutorials/starfield-tutorial.html Fri 27 Jun 2008 03:02:26 AM CEST band_geek_06, 27 Jun 2008 03:02 AM

    this is awesome, i just made one.

    http://www.flickr.com/photos/22476702@N02/2614041063/sizes/o/

    thanks for the great tutorial!

  13. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 07 Jul 2008 11:29:41 PM CEST Cr1mS0n, 07 Jul 2008 11:29 PM

    Nice Tutorial. thx. made one but it didn't came up as good as i wanted XD

  14. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sun 17 Aug 2008 06:06:23 PM CEST Noddy, 17 Aug 2008 06:06 PM

    This is the amazing. keep up the good work, i mad one and added other things to it.


    Click to enlarge

  15. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 15 Sep 2008 01:41:57 PM CEST peileppe, 15 Sep 2008 01:41 PM

    very nice tutorial as usual - made my own version here > http://openclipart.org/media/files/Peileppe/9789

  16. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 26 Nov 2008 03:26:12 AM CET Corinne, 26 Nov 2008 03:26 AM

    i can't find the fade.

  17. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 26 Nov 2008 01:15:07 PM CET devvv, 26 Nov 2008 01:15 PM

    you can fade selections by using Selection / Feather

  18. http://www.gimpusers.com/tutorials/starfield-tutorial.html Tue 13 Jan 2009 06:09:30 PM CET Thor, 13 Jan 2009 06:09 PM

    Thank you I had the same problem with the fade. Fade is only used (under edit)when you only use fill or blend.

  19. http://www.gimpusers.com/tutorials/starfield-tutorial.html Thu 22 Jan 2009 07:29:50 PM CET Kristian, 22 Jan 2009 07:29 PM

    Awesome tutorial, thanks!

  20. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 04 Feb 2009 03:52:01 PM CET Thomas, 04 Feb 2009 03:52 PM

    very helpfull indeed - thanks

  21. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 23 Feb 2009 06:19:00 AM CET shiggityshaggs, 23 Feb 2009 06:19 AM

    Been making starfields all night ;) Thanks!

  22. http://www.gimpusers.com/tutorials/starfield-tutorial.html Thu 05 Mar 2009 02:47:38 PM CET baz, 05 Mar 2009 02:47 PM

    FANTASTIC! many thanks.

  23. http://www.gimpusers.com/tutorials/starfield-tutorial.html Thu 12 Mar 2009 02:16:58 AM CET Igor, 12 Mar 2009 02:16 AM

    hey man i'm using gimp 2.6 and I can't find "colors / threshold"
    please help me

  24. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sun 19 Apr 2009 02:32:31 AM CEST Run, 19 Apr 2009 02:32 AM

    hmmm...its kinda strange
    in step 12 i choose the 'screen'-mode (or 'bildschirm' since i use the german version of gimp), but my stars just wont become more :(( the picked area is copied, but thats all...
    i dnt know if i did anything wrong, but i dont think so. well, i'll work on that problem

  25. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sun 19 Apr 2009 02:33:41 AM CEST Run, 19 Apr 2009 02:33 AM

    apart from my little problem:
    great turtorial, thak you very much for putting so much efford in explaining it all :)

  26. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sun 19 Apr 2009 02:48:20 PM CEST devvv, 19 Apr 2009 02:48 PM

    Run, maybe you would be happier with the german version of the tutorial -> see at top "available in other language". There is a translation of it ;)

  27. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sat 09 May 2009 01:11:13 AM CEST Aramaxus, 09 May 2009 01:11 AM

    I am using 2.6 and cannot find the "screen" option. I have tried a few tutorials and gimp 2.6 is different in every one. So frustrating.

  28. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sat 09 May 2009 09:25:26 AM CEST devvv, 09 May 2009 09:25 AM

    in the layers dialog above the opacity ruler is a dropdown field for the layer modes - in this you'll find the "screen" option. nothing of the workflow changed for 2.6

  29. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 08 Jun 2009 10:30:58 AM CEST Miripi, 08 Jun 2009 10:30 AM

    Thanks for the tutorial!

    It's my first starfield and I think it isn't very bad...

    [url=http://www.freeimagehosting.net/][img]http://www.freeimagehosting.net/uploads/b7728e607c.jpg[/img][/url]

    See next tutorial! (^_^)

  30. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 10 Jun 2009 04:11:34 AM CEST qaz32152, 10 Jun 2009 04:11 AM

    im using 2.6 and couldnt find some some of the steps. Also, mine looks nothing like the star field and i followed the steps i could do. i got up to the sparks just fine, after that it went down hill.

  31. http://www.gimpusers.com/tutorials/starfield-tutorial.html Wed 24 Jun 2009 04:48:03 AM CEST Evan, 24 Jun 2009 04:48 AM

    I have 2.6 and it worked great for me :)i added a planet that i learned to make in a different tutorial and it's my desktop now :)

    http://i238.photobucket.com/albums/ff72/skinnyforlife92/Universe.png

  32. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sat 04 Jul 2009 08:58:47 PM CEST Dur'Rean, 04 Jul 2009 08:58 PM

    nice tutorial!

    this is my 5th try
    http://picload.org/image/12431e231e5b75e81c41b8e8edbf14f1/space5.jpg

  33. http://www.gimpusers.com/tutorials/starfield-tutorial.html Sun 06 Sep 2009 10:07:40 PM CEST teddbear55, 06 Sep 2009 10:07 PM

    Great tutorial!! Very easy to follow and the result is beautiful!!
    Thanks!

  34. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 05 Oct 2009 06:04:26 AM CEST Rahil, 05 Oct 2009 06:04 AM

    Hi,

    I loved your tutorial and it's like a charm! I could create beautiful starfield at http://xdesigning.wordpress.com/2009/09/03/galaxy/

    Thanks, thanks a ton! :)

  35. http://www.gimpusers.com/tutorials/starfield-tutorial.html Mon 19 Oct 2009 11:37:09 AM CEST Stinne, 19 Oct 2009 11:37 AM

    Thanks mate, this is just what I needed! An easy tutorial yielding awesome results!

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services