Subscribe Via RSS

3588 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Vector Style Earth

August 5th, 2009 in Photoshop Tutorials by Richard Carpenter

Vector Style Earth

1 Star2 Stars3 Stars4 Stars5 Stars5 Votes, Rating: 4.40
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and Contributor for HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Good evening everybody, in this tutorial il be showing you how to create a simple vector earth from scratch. The PSD file is available free to download.

Creating a New Document

Were going to start off with a canvas size of 600 x 600 pixels for the purpose of this tutorial, feel free to make your canvas much bigger if you require the image in a bigger size, the results should be the same.

Step1

The Background

For the background il be using something relivantly simple, fill your background layer with a dark blue color the color code i used is #081122. Were now going to add some minor noise, go to “filter > noise > add noise”, use the settings below.

Step2

You should have something like this.

Step3

Creating The Globe

Select the circle tool or the elliptical marquee tool and create a circle covering most of the canvas. TIP: Holding the shift key whilst dragging will ensure the circle is the right aspect ratio.

Step4

Dont fill your circle just yet, first select the gradient tool with a radial gradient. Set your foreground color to #439abf and your background color to #033e76, drag the radial gradient from the top right corner of the circle down diagonally towards the bottom left.

Step5

You should have something like this.

Step6

Now add these layer styles to your globe.

Step7

Step8

You should now have something like this.

Step9

Creating The Islands

Select the pen tool and randomly create the points that make up your first of two islands.

Step10

Once you’ve closed your last anchor point right click inside the island with the pen tool and go to “fill path”.

Step11

You should have something like this.

Step12

We now need to cut into the island so it wraps inside our globe. Click your globe layer whilst holding down the CTRL key. This should load a selection around your globe, select your island layer while the selection is active. Now go to “select > inverse” and hit the delete key.

Step13

Now add these layer styles to your top island.

Step14

Step15

You should have something like this.

Step16

Using the pen tool once again create another island inside the island you just created, fill the inner island with the color #f5b47a.

Step17

Creating The Second Island

Using the same methods listed above and create another island somewhere on your globe. When adding the island layer styles leave off the drop shadow.

Step18

Adding Smaller Islands

Using the pen tool create some smaller islands dotted around the globe. The islands at the top fill with a darker shade of blue, the small islands at the bottom fill with a lighter shade of blue. Finally set the small islands layer opacity to about 20%.

Step19

Creating The Globe Shines

Select your globe layer whilst holding down the CTRL key, this should load a selection around your globe. Create a new layer above everything and fill the selection with the color white.

Step20

Using the elliptical marquee tool make a selection like the image below.

Step21

Once you’ve made the selection hit the delete key. Now set the layers opacity to 2%.

Step22

Repeat the steps above a couple of times, ive done it 4 times, 2 shines at the bottom and 2 at the top.

The Finished Result

The finished result looks something like this.

Finished Result

Many thanks for reading, il look forward to your comments.

License and Attribution

The PSD file is licensed under the Creative Commons license and can be used for personal purposes ONLY. No attribution is needed but it is always appreciated.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

16 Responses to “Vector Style Earth”

  1. EC says:

    nice

  2. EC says:

    Great outcome maybe i’ll test this

  3. Not only vectors! But looks good.
    Maybe Inkskape (or Illustrator if you love Mr. Adobe) is better for real vector graphics…

  4. leertaste says:

    Nice Idea :) Thank you :)

  5. lucas says:

    dude your amazing!

  6. Thanks for your comments.

  7. EC says:

    So thats how you look o.O

    Do you have a mc gang?

  8. MC GANG?????

  9. EC says:

    Well it looks like you have long hair and like a tail on your back and thats mc gang style XD and i see you have a ear ring :P just some stupid question of mine

  10. lol, well observed.!

    actually i have 4 ear rings, two in each ear, two on left lobe, one on right lobe and one at the top on right ear.

    also my hair is spikey cut into a V at the back.

    lol sounds like im on blind date

  11. EC says:

    “lol sounds like im on blind date”
    well thats nice ;) just kidding :P

  12. karna says:

    Its really very nice….

  13. /ro0t says:

    thanks thanks !!!!!!!

  14. Evan-XG says:

    Hi there . a web developper need some freebies to get started in design
    http://digg.com/design/Vector_Style_Earth

Leave a Reply