Creating a Realistic Globe with World Map in Photoshop – Video Tutorial

Steps for creating a digital globe:

  1. Open Adobe Photoshop and create a new canvas from File > New.
  2. Select any Preset from the dropdown menu, I select Web
  3. Select any canvas size, I prefer to select 800px x 600px, with resolution 72dpi and background white. Click OK
  4. In the new canvas, you file find some tools related to the canvas. There is a palette, Layer Palette, where you will get a layer named background layer, which is locked by default.
  5. First we need to unlock the background layer by right click on the layer, and then select “Layer from Background”.
  6. You can change the name of the layer but also can leave it as Layer 0 by default. Then click ok.
  7. Now insert a layer from layer palette by clicking on the “Create New Layer” icon.
  8. After you create a new layer, come to Tools Palette and select “Elliptical Marquee Tool”.
  9. Now create a circle in the canvas by holding Shift+Click+drag.
  10. After you have created a circle, take the “Gradient Tool” from the Tool bar, and select 2 colors from the Gradient Option Panel on the top.
  11. Now open Gradient Editor and select #012079 as darker shade of blue and #1644c7 as lighter shade of blue as opposite.
  12. Select Radial Gradient from the option panel and drag the Gradient tool within the circle selected in the canvas. Make sure the lighter shade of blue will be on the top of the circle.
  13. Press CRTL + D to deselect the circle in the canvas.
  14. Open the Map image in Adobe Photoshop from your local drive.
  15. Press CRTL+A to select all, press CRTL+C to copy and again select the circle canvas, press CRTL+V.
  16. Now we need to scale the map image as per it needs to fit in the circle.
  17. Press CRTL+T to “Free Transform” and adjust the height as it should match with the height of the circle.
  18. Selecting the map layer, press CRTL and click on the circle layer icon in the layer palette to put a selection of the size of the circle in the map.
  19. Go to Select > Inverse and Press Delete. You will find the only the map image inside the circle is left and other areas are removed from the canvas.
  20. Press CRTL + D to deselect.
  21. Now select “Add Layer Mask” from the layer palette and with the help of Gradient tool drag the gradient on the circle to hid some parts of Map image from the top. It should be giving a fading image.
  22. Go to Filter Option > Liquify and and with the help of “Bloat Tool” and make the brush size bigger, click on the center of the circle to give a Bloat type effect. Click Ok.
  23. Now take the pen tool from the toolbar and in a new layer create a simple line like a glow on the bottom left of the globe.
  24. Convert the path to selection and fill it with white color.
  25. CRTL +D to deselect  and again go to Filter > Blur > Gaussian Blur. Enter 6px.
  26. Now take the Brush tool, from the Option panel, select “Feather Brush” with size 90px and color white, put a spot in the canvas just towards the upper right part of the globe. As it will look like a glow in the globe.
  27. The time is now to create the shadow, so click on the circle layer in the Layer Palette by holding CRTL key and put a circle selection around the circle.
  28. Insert a new layer just below the circle layer in the Layer Palette and fill the selection with Black color in the canvas.
  29. Press CRTL + D and go to Filter > Blur > Gaussian Blur again and fade the black a little as it should give a look like a fading shadow just below the globe.

Now we are done with the globe. If you want you can create several copies of globe in your canvas just like I did and also can apply a background image behind the globes.


VN:F [1.9.12_1141]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.12_1141]
Rating: 0 (from 0 votes)
This entry was posted in Tutorials, web graphics. Bookmark the permalink. Both comments and trackbacks are currently closed.