How to Draw Globe Icon Using Photoshop
- 2 December 2010
- Tutorials
- This post was written exclusively for PV.M Garage by Mohammad Jeprie
- Comments (36)»
In this tutorial, we will draw a nice globe icon using Photoshop. The globe is made from a simple glossy 3D ball with a modified continent map on in.
Step 1: Create a 3D Ball
Our first step is creating a 3D ball. Let’s start by creating a new file with size 512×512 px. Draw a circle on its center. You can see any color you want, it doesn’t matter. We will change it using layer styles.
Step 2
Double click layer shape to open Layer Style dialog box. Add Inner Shadow, Outer Glow, Inner Glow, and Gradient Overlay.
Step 3
I believe we will have this result.
Step 4
Ctrl-click circle shape to create selection based on its shape. Create new layer and paint lower part of the ball with black. Use a very big and soft brush, hardness: 0%.
Step 5
Create new layer and draw a radial gradient from white to transparent.
Step 6
Create an elliptical shape, reduce its Fill to 0%. Add layer style Gradient Overlay from white to transparent and set its blend mode to Screen. This will add a highlight to the ball.
Step 7: Adding World Map
We’re done with the 3D ball. Now, we need to add the continent map. Drawing this manually takes more time and skill. So, we’ll use a nice free vector stock from Vector Open Stock. You can download the stock from Vecteezy. Open the file in Illustrator. We will use vector map from bottom right artwork.
Step 8
Double click shape. Select the dots shape and delete it. This will left us with the map only.
Step 9
Select the continent maps and hit Ctrl + C to copy it.
Step 10
Paste the vector map to Photoshop (Ctrl + V). Click Add Adjustment Layer icon and select Solid Color. Use #005d2c for its color. Copy path from our first circle and paste it onto the map. Select Intersect from option bar.
Step 11
Add Gradient Overlay with this settings.
Step 12
Let’s duplicate continent map layer shape. Change its color to lighter green. Select all continents path, without selecting the circle path, and move it 5 pixel up and 5 pixels left. Next, select circle path only and resize it to 101%. This will add extra tickness to the continent and make it not so flat.
Step 13
This is our globe so far. There’s something wrong with its perspective. If you notice the emboss effect on the continents, it seems flat.
Step 14
Activate lower continent map. Select some of the points using Direct Selection Tool and move them until we have correct perspective. You can see the difference before and after moving some of the points.
Step 15
Activate topmost continent map and add layer style Gradient Overlay.
Step 16
Ctrl-click its thumbnail layer and create new layer.
Step 17
Paint outer part of the selection with black. Use big and soft brush (Hardness: 0%)with low opacity (20%).
Step 18
Let’s add more highlight onto the map. Create an elliptical selection. Add new layer. Fill selection with white to transparent gradient. Deselect and give it a Gaussian Blur (Filter > Blur > Gaussian Blur) with big radius.
Step 19: Draw Shadow
Create new layer and place underneath all layers. Draw an elliptical selection. Create new layer, fill selection with black. Deselect. Soften it by adding Gaussian Blur (Filter > Blur > Gaussian Blur).
Step 20: Draw Background
Activate Background layer. Draw a radial gradient from white to #c7c7c7.
Step 21
Duplicate layer by pressing Ctrl + J. hit Ctrl + T and transform layer. See picture below for reference.
Final Result
Here’s our final result. I hope you like it.
25 Great Stock Images Plus with $100 Subscription Giveaway
Entrepreneurs that inspire you to grow your internet business
Unique Handwritten Free Fonts For Your Next Designs
A Roundup of 45 Industrial Free Fonts
55 Unconventional And Original Free Fonts For An Unique Design
Nice tips Jeprie..
very easy to practise, thanx a lot..
Thanks!!
This tutorial helped me in my work.
beautiful design you done in this tutorial.
i will try it today.
i was wanted to draw them on photoshop and your step by step leading help me so much and i would like to thanks you on your brilliant work which is great to see and its very useful information for me and everyone
Muy buen tutorial justo lo que necesitaba felicitaciones
Hey igw2zodz6ywb4mrc5kly, very interesting post, it really got me thinking. kmhyhwzxbu srqnjdj4xl Thank you. 3fuiowhob9
hayifqyyri
Thank you so much for giving everyone an extraordinarily splendid opportunity to check tips from this web site. It is usually very enjoyable and as well , jam-packed with amusement for me personally and my office co-workers to visit your site at minimum thrice in one week to see the latest items you will have. And of course, we are always fascinated considering the tremendous secrets you give. Some 3 facts in this post are easily the most efficient we have had.
I couldn’t have asked for a much better blog. You are always at hand to offer excellent suggestions, going directly to the point for straightforward understanding of your subscribers. You’re really a terrific expert in this area. Thanks for remaining there visitors like me. Pristina Weather
Wow, wonderful blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is excellent, let alone the content!
Once again great post! Really enjoying reading your stuff here today! Glad I found your blog online:)
I couldn’t have asked for a much better blog. You are always at hand to present excellent guidance, going instantly to the point for straightforward understanding of your visitors. You’re truly a terrific specialist in this area. Many thanks for being there for an individual like me.
I am unable to thank you sufficiently for the articles on your web site. I know you placed a lot of time and energy into these and truly hope you know how much I enjoy it. I hope I am able to do something identical for another individual one of these days.
Would it be possible to PM me and tell me few more thinks about this. I am really a fan of your blog.
Would it be possible to PM me and tell me few more thinks about this. I am really a fan of your blog.
There are a lot of strange comments on here. People must be using SCRAPEBOXLIST.COM
no matter what you are saying, you got it
Thank you for taking the time to write this!
Ha ha… I was just online around and took a glimpse at these remarks. I can’t believe that there’s still this much fascination. Thanks for writing about this.
Whats up very cool blog!! Guy .. Excellent .. Wonderful .. I will bookmark your blog and take the feeds also…I’m happy to search out numerous helpful info right here within the post, we’d like develop extra techniques on this regard, thank you for sharing. . . . . .
This particular blog is definitely cool as well as diverting. I have chosen many handy things out of this amazing blog. I’d love to come back every once in a while. Thanks a bunch!
I don’t agree with most people here; I found this post strong-communities.org I couldn’t stop until , although it wasn’t just what I had been trying to find, was indeed a very good read though todoneapp.com. I will instantly take your feed to stay in touch of future updates. This is a great point right there. I made a investigation on the topic and found most people will agree with your article. http://www.ludomancer.com Any way I’ll be subscribing to your feed and I wish you post again soon.
Audio started playing as soon as I opened this internet site, so frustrating!