gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 01:45 AM
    Crashes in GIMP 2.6.6
  2. gimp-docs | yesterday 11:28 PM
    Can the gimp-help-2 module be maintained using Damned-Lies?
  3. gimp-user | yesterday 11:25 PM
    Error on script-fu
  4. gimp-developer | yesterday 10:55 PM
    Summary: How to submit gimp/gegl bugzilla with GIT patch
  5. gimp-docs | yesterday 10:01 PM
    Where have all my pictures gone?

External news

Poll

Did you ever buy products (books, video dvds) about GIMP?

No, never did

Yes, helped alot (please post)

Yes, helped a little bit (please post)

Yes but I was disappointed (why? please post)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

07 Sep 2007 12:15 PM, by devvv (Bernhard Stockmann)

Planet in a wireframe model

You'll see these so-called wireframe models mostly in the 3d-sector of computer graphics. They just look pretty cool when they're faded into the real looking object. The problem is that you cannot use any 3d coordinates in image manipulation programs such as GIMP. In this How To I will show you how to make such an effect by using a planet that is being faded into a wireframe-globe.

This article has been written using GIMP 2.4 rc2. It's divided into 14 steps and takes about 15 min to complete for an average user. 78350 times read so far. Category: Special FX, required skill: 2 of 5

15 comments have been posted so far.

Available in other languages:

Files you need if you try this tutorial:

  1. 1
    Create a new File: 600x600px. Background shall be black.
    - Layer / Transparency / Add alpha channel
    Screenshot of step 1
    Click to enlarge
  2. 2
    Filter / Render / Pattern / Checkerboard: 20px.
    Screenshot of step 2
    Click to enlarge
  3. 3
    We're making a nice grid from the chessboard now: Filter / Edge-Detect / Edge. Use the Sobel-Algorithm, Amount: 2, and Smear. (that yould be all on by default).

    Optional you could have used Render / Pattern / Grid. But for this tutorial we don't need a pattern that is such detailed.
    Screenshot of step 3
    Click to enlarge
  4. 4
    Now choose Filter / Map / Bumpmap. As bumpmap choose the same layer you're just working on.

    Map-Type: linear
    Compensate for darkening: checked!
    Azimuth: 0
    Elevation: 90
    Depth: 6

    The remaining options set to 0.
    Screenshot of step 4
    Click to enlarge
  5. 5
    Now choose Filter / Map / Map Object:

    SETTINGS:
    Map to: Sphere
    Transparent background: checked.
    Enable antialiasing

    LIGHT:
    No light

    MATERIAL:
    Intensity
    ----------
    Ambient: 0.3
    Diffuse: 1

    Reflectivity
    ----------
    Diffuse: 0.5
    Specular: 0
    Highlight: 27

    In the orientation tab use these values:

    Position: 0,5 | 0,5 | 0
    Rotation: -1,5 | 70 | 45

    After applying you should get this result:
    Screenshot of step 5
    Click to enlarge
  6. 6
    The wireframe cannot be seen so clearly, so we're enhancing the contrast now.

    Colors / Colorize: 195 / 100 / 20

    After that go to Colors / Brightness & Contrast: 60 / 70
    Screenshot of step 6
    Click to enlarge
  7. 7
    Goto Colors / Color to transparency and choose black as color.

    Create a new layer, move it to the total bottom in the layers dialog and fill it black. Name that layer: "BG".
    Screenshot of step 7
    Click to enlarge
  8. 8
    Choose the wireframe layer. Goto Layer / Duplicate.

    Name the top layer "Wireframe front". The one below name "Wireframe back". The layers should look like this now:
    Screenshot of step 8
    Click to enlarge
  9. 9
    Activate the "Wireframe back" layer and set the transparency to 50%.

    Activate the Flip-Tool now (SHIFT+F). Hold down CTRL and click in the image to flip the layer vertically.

    Now you should get the impression of a transparent 3d-wireframe-sphere.
    Screenshot of step 9
    Click to enlarge
  10. 10
    Now we're doing the earth-part. Save the image of your choice (top right) - Earth or Moon.

    Choose File / Open as layer and use the file you downloaded to open it as a seperate layer.
    Screenshot of step 10
    Click to enlarge
  11. 11
    - Layer / Scale Layer: 301x301. Move the earth / moon exactly above the the wireframe.

    After that change the layer order so that the earth is between the two wireframes.
    Screenshot of step 11
    Click to enlarge
  12. 12
    We're almost done. Set the layer mode of the "Wireframe front"-layer to Screen.

    We're applying a layer mask now for all layers to get a nice gradient. Right click each layer in the layers dialog (except the background-layer) and choose "add layer mask".
    Screenshot of step 12
    Click to enlarge
  13. 13
    Select the standard preset colors by pressing D (Black and White). Choose the gradient tool (L) and be sure to make the gradient in the mask from left to right.

    For the earth-layer-mask drag the gradient from top right to the bottom left third of the image.
    Screenshot of step 13
    Click to enlarge
  14. 14
    We're done! Voila ;)
    Screenshot of step 14
    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. Photoshop Tutorials, 13 Sep 2007 03:50 AM

    Awesome tutorial, whenever I saw such useful GIMP tutorials on net, they force me to use GIMP instead of PS.

  2. Nano, 18 Sep 2007 02:27 AM

    1 point, if after you flip Wireframe back vertically you also flip it horizontally it'll make the lines line up for a better effect. Great tutorial.

  3. Black Jack, 29 Sep 2007 02:01 PM

    And switching to the GIMP was the best choice you ever made ;-)

  4. PhotoMan, 14 Oct 2007 11:46 AM

    Where do I find Color to transparency with GIMP 2.2?

  5. Traveosa, 22 Oct 2007 10:40 AM

    No planet to download. Atleast i can't find one. Anyone have any ideas?

  6. redforce, 22 Oct 2007 04:15 PM

    Sir/Mam, here it is, Sir/Mam!

  7. Jason, 01 Jan 2008 02:51 AM

    I have a problem.
    After the Bumpmap, I try to do the Map to object, but the result is just a transparent layer.
    I have re-read the tutorial twice to check every passage, and I've done everything right. What's the problem?

  8. Beaniebaby2468, 04 Apr 2008 11:32 PM

    Awesome! Thanks! I REALLY loved this tutorial... Just curious, how do you make a tutorial?

  9. devvv, 05 Apr 2008 03:35 PM

    first i try something by myself - play around. when i like the result ill try to reproduce it in form of a tutorial ;)

  10. Beaniebaby2468, 06 Apr 2008 03:44 PM

    Thanks, bu I meant, How do you actually put one up?

  11. devvv, 06 Apr 2008 04:08 PM

    only administrators (like me and redforce) can put up tutorials into our database. if you want to submit one please email me the result picture to team@gimpusers.com. our quality standards are pretty high though =)

  12. DemonicBlaze, 16 Jun 2008 12:32 AM

    For the moon--on step 11, when you scale the layer to 301x301..it makes the moon too small for the wireframe. Did I miss something there?

  13. devvv, 16 Jun 2008 12:44 AM

    if you use the moon you have to adjust the values - the tutorial is focused on the earth ;)

  14. corinne, 24 Nov 2008 11:48 PM

    good tutorial, but one thing.
    when it says colors-> colors to transperancy, I can't find it...

  15. Dazza, 01 Jun 2009 03:48 AM

    Thx for nice tute. Well written and a lot of fun. I do have to agree with Corinne though - I couldn't locate this menu either so just used seelct color and del ;)

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