May 17

globe24.jpg

This is an easy way to create your own glass globe. Some of the steps can be used to make famous glass balls :D Enjoy!

1. Create a blue circle in a new layer. Colour used here is #2982F1. The globe looks the best on a black background.
globe1.jpg

2. Make the selection from the blue circle and on the next layer fill that selection with gradient (from white to transparent).
globe2.jpg

3. Transform that layer using Edit>Transform>Distort
globe3.jpg

4. Rotate that layer (using ctrl+T). Place it in upper left side. This is the light relection on your globe
globe4.jpg

5. Duplicate the reflection and flip it vertical. Then place it on the other side of the globe
globe5.jpg

6. Apply Filter>Blur>Gaussian Blur. Choose the radius you want. Here is 10px
globe6_10-piks.jpg

7. Using ctrl+U change the colour of the inner glow. Remember to choose “Colorize”, set brightness at -10 and saturation at +100. The best colour here is something between green and blue. That way it looks like a real glow
globe7.jpg

8. Create the net using thin horizontal and vertical lines. Make them white.
globe8.jpg

9. You have to make your line look like parallels and meridians. Use Filter>Distort>Sphereize
globe9.jpg

10. Now lines are too big so use ctrl+T to rotate and fit the grid to the globe. After that choose the layer with the blue circle. Select the area around the circle with the wand. Go to the grid layer and delete all unwanted lines.
globe10.jpg

11. It is time for placing the continents. You need a gray silhouette. One used here is #828282. Rotate and scale the continents according to the grid. You also need to choose which side of the globe you wanna see. Delete other parts of the map the same way you deleted useless parts of the grid
globe11.jpg

12. Select the map layer and choose Multiply blend mode. Change opacity to 80%
globe12_opacity_77.jpg

13. Create elyptical open path around the globe
globe13.jpg

14. On a new layer stroke the path with 1px white brush
globe15.jpg

15. On a new layer stroke the path with 5px white brush. This time choose Simulate Pressure and duplicate this layer twice.
globe14.jpg

16. Use Filters>Blur>Gaussian Blur on those duplicated layers. Set the radius on 7px
globe17.jpg

17. Choose 5px line and add outer glow. The colour used here is #24FF00
globe16a.jpg

globe16.jpg

18. Choose the first blurred 5px line and add the same outer glow as previously

19. Add the outer glow to the second blurred 5px line. The setting are a little different
globe18a.jpg

globe18.jpg

20. Duplicate the layer with different outer glow. Create a layer from the style and remove that duplicated layer. Duplicated outer glow remains as a separate layer. Transform that glow
globe19.jpg

21. Duplicate transformed glow, move it a little and change brightness to white (ctrl+U)
globe20.jpg

22. Create another open path around the globe
globe21.jpg

23. Stroke the path with a 35 px soft brush #24FF00, and apply gaussian blur. Choose the radius to get a nice green reflection on the globe
globe22.jpg

24. Rotate and transform the reflection to fit it to the globe
globe23.jpg

25. At the end add inner shadow to the globe. Set the opacity to 100%. Experiment with the size, choke and distance of the shadow
globe23a.jpg

globe24.jpg

If you have problems with finding maps feel free to use this worldmap:
worldmap.jpg

************************ -->

21 Responses to “Photoshop tutorial: Glass globe”

  1. Annie Says:

    Great tutorial! Thanks :)

  2. Black Dragon Says:

    Yeah, great Tutorial, you rule! =)

  3. Het Up about Movie Says:

    Blurred Glass Lines…

    Blurred Glass Lines…

  4. Aurora Phuc Tien Says:

    many thanks, this is a great tutorials. y’re very good. thansk again!

  5. arcguy Says:

    very great tutorial i will write about this tutorial on my blog, thanks

  6. savio Says:

    Thanks for this tutorial, and I don’t know if it passable for you to more clear steps From (13 To 15) I really got headache with it :)

    Thanks again

  7. hawksmont Says:

    The most important thing in 13th step is to create a nice path. first create a line (one point for each side of the globe - they don’t have to touch the globe) then add another point in the middle of the line, and move it a little (left mouse + ctrl)
    Now add another two points to make your path look perfect. Drag them outside the globe and try to shape the curve using left mouse and ctrl.

  8. hawksmont Says:

    When your path is ready, you have to stroke it (right click on the path and choose stroke when your pen tool is active).
    You need to create three layers (one line - one layer):
    1. Choose 1px brush (brush tool) and stroke the path (pen tool)
    2. Choose 5px brush (brush tool) and stroke the path (pen tool) check “simulate pressure”
    3. Repeat second step on a new layer :)

  9. savio Says:

    Hello hawksmont,

    Thank you, I use Pen tool to draw the path and it still not working, I draw my path and it is active and i right click on it choose stroke, then stroke path window open I select brush and simulate pressure and click ok it give to many lines??

    I think these steps to be clear it must be explain graphically :-)

    Any way thank you for you helps.

  10. hawksmont Says:

    I guess I just don’t understand your problem :) My English sometimes is really bad. What do you mean by “to many lines”?

    And what exactly is not working?

    Then I’ll try to redo the explanation graphically :D

  11. savio Says:

    Hi,

    Here the setup I follow :

    step 1:

    http://www.9m.com/upload/23-07-2007/0.325411852228.jpg

    step 2:
    http://www.9m.com/upload/23-07-2007/0.7458301185223198.jpg

    step 3:
    http://www.9m.com/upload/23-07-2007/0.1785201185223235.jpg

    step 4:

    http://www.9m.com/upload/23-07-2007/0.9414501185223293.jpg

    This just for first layer.

    Thanks

  12. hawksmont Says:

    Oh…
    I don’t know why you have something like that. Maybe you should check your brush tip settings. I have hard round brush chosen with no shape dynamics and no scattering.

    I don’t know why, but your brush tip looks like some kind of url or something.

  13. rmp Says:

    When my brain grows a bit, I will have to re-try. It’s like looking into the sun… I like…but it’s killing me.

  14. flex Says:

    can you please elaborate on step 2 as i am unable to get the gradient to create the pic after blue circle (The lighter one). Please advise on which options to select. Im using CS3

  15. magpie Says:

    Same problem as flex… cannot create the picture after the blue circle. Also Im using CS3

  16. Will Knot B. Revealed Snr. Says:

    I was wondering how one wraps an image like that.

    Thank you hawksmont.

  17. kevin Says:

    this is an awesome tutorial, i’m a beginner in cs3 photoshop, i was fine until i got to step 14 and to the rest down, I’m not too familiar with the path, i manage to get the ellipse down, but i can’t get the it to shine bright like in ur example, could u please give me step by step instructions thanks you

  18. Addison Says:

    Maybe I am insane or incredibly daft, but where is the silhouette of the continents coming from?!

  19. nitesh Says:

    thanx dear,
    i did better than this… bt referance is more important. i was searching somthing like global effected image for work and u gave me whole creation.
    thanx again

  20. Nick Says:

    None of the images appear any more. You’ve probably moved the directory. Sigh.

  21. David Says:

    i can’t see picture either :/

Leave a Reply