digital-globe-sunburst

Illustrator Tutorial: Globe

digital globe with sunburst effect

Hello everyone, today I’m teaching you a nice tutorial which is very useful for every designer. I would show you with the help of this tutorial how you can make a nice globe with binary code on it. I will also show you how to create a stunning sunburst effect with the globe. So let’s get started.

Making the Background

1. In this image you can see 3 important parts – background, sunburst effect and globe. We will start with creating the background. Take a new file and make the artboard size of the file same as below.

2. Make a black box on the artboard.

digital globe with sunburst effect

3. Select the Mesh tool from the artbox.

digital globe with sunburst effect

4. Select the black box and go to Object > Envelope Distort > Make with Mesh. A window will appear in front of you, put the values shown below in this window.

digital globe with sunburst effect

5. After putting the mesh some boxes are created which are individually selectable. You can select the nodes by the mesh tool and fill the color shown below.

digital globe with sunburst effect

6.Now make a circle and fill it with the gradient color. Gradient color value is given in the image below.

digital globe with sunburst effect

7. Now copy this circle at many places as shown in the image below.

digital globe with sunburst effect

8. Keep on copying till a big group is made.

digital globe with sunburst effect

9. Now select the whole group and go to transparency box and give this group Color Dodge effect, as shown in the image below.

digital globe with sunburst effect

10. Now place this group over the black box.

digital globe with sunburst effect

11. Make one more box of the artboard size and fill it with the gradient color given below.

digital globe with sunburst effect

12. Place this box over the background

digital globe with sunburst effect

Creating Sunburst Effect

13. Lets start the work on sun burst effect. First make a circle over the background.

digital globe with sunburst effect

14. Fill this circle with the gradient color shown below.

digital globe with sunburst effect

15. Now make one more circle over this gradient circle and its value is given below.

digital globe with sunburst effect

16.Select the circle and go to Effect > Blur > Guassian Blurr. A window will open in front of you. Put the values shown below in it.

digital globe with sunburst effect

17. By doing this, the shape will get a blur effect.

digital globe with sunburst effect

18. Place this blurred circle under the gradient circle. Do this by pressing Ctrl+shift+{.

digital globe with sunburst effect

Making Globe Text Layer

19. So let’s working on the important part of this image i.e globe. To make the globe first make a circle.

digital globe with sunburst effect

20. Fill this circle with the gradient color shown below.

digital globe with sunburst effect

21. Copy this circle and fill the copied cirle with 10% gray color

digital globe with sunburst effect

22. Now make a box in half part of the circle as shown in the image below.

digital globe with sunburst effect

23. Go to windows and open pathfinder window and select the option given below

digital globe with sunburst effect

24. By doing this, the circle will be divided in two parts

digital globe with sunburst effect

25. Make a pattern of boxes.

digital globe with sunburst effect

26. Convert this pattern in the symbol

digital globe with sunburst effect

27. When you select new symbol option a window will open in front of you, insert the values shown below in that window.

digital globe with sunburst effect

28. So this way our pattern symbols will appear in the window and will completely turn into a graphic symbol

digital globe with sunburst effect

29.Let’s go to that half circle and select it then go here, Effect > 3D > Revolve.

digital globe with sunburst effect

30. A window will open in front of you, put the values shown below in it

digital globe with sunburst effect

31.When you click on the map art in this window one more window will open in front of you. Select all the options shown below in this window and then press ok

digital globe with sunburst effect

32. By doing this our pattern will rotate all round the circle, as you can see in the image below.

digital globe with sunburst effect

33.Select this circle and expand it. Go here to expand it Object > Expand Appearance. By doing this the circle will expand itself and will get separated from the pattern.

digital globe with sunburst effect

34. Now place this pattern over the blue circle.

digital globe with sunburst effect

35. After placing the pattern, fill it will gradient color as shown below.

digital globe with sunburst effect

36. Now draw an oval shape and fill it with normal gradient color. It should be a gradient from white to black.

digital globe with sunburst effect

37.Place this shape over the previous blue globe.

digital globe with sunburst effect

38. Open the transparency window and choose the option given below.

digital globe with sunburst effect

39. Select text tool from the toolbar

digital globe with sunburst effect

40. Type a pattern from this tool. You can use any font.

digital globe with sunburst effect

41. Download a world map from the internet and trace it.

digital globe with sunburst effect

42. Place this map over the text pattern and clip it. Select both shapes and press Ctrl+7 then go to Object > Clipping Mask > Make.

digital globe with sunburst effect

43. Now convert this pattern in symbol.

digital globe with sunburst effect

44. After converting this shape to symbol, it will appear in the Symbols window.

digital globe with sunburst effect

45. Map the symbol on the circle using Map Art.

digital globe with sunburst effect

46. After mapping, it will appear like this.

digital globe with sunburst effect

47. Expand this pattern and seperate it from the circle.

digital globe with sunburst effect

48. Now place this pattern over the blue circle and fill it with white color.

digital globe with sunburst effect

49. Our globe is ready and complete. Place this globe over the background.

digital globe with sunburst effect

50. Go to Toolbox and select the Lens Flare Tool.

digital globe with sunburst effect

51. With this tool draw lens flare effect on the globe.

digital globe with sunburst effect

52. Putting the lens flare will give the sun burst effect behind the globe.

digital globe with sunburst effect

53. Now draw a box with the size of art board over this whole artwork.

digital globe with sunburst effect

54. Mask the artwork with this box to frame it in the rectangle. The globe is now ready.

digital globe with sunburst effect

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!

premium content lock

Scroll to Top