# How to Create a Cute Earth Illustration in Vector

In this tutorial, we'll explain how to create a cute earth illustration. We’ll use basic shapes and some Illustrator knowhow to make this. It’s a fun look at the earth, as seen from space, and interpreted in a cartoon vector style. Let’s get started!

### Final Image Preview

Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9\$ a month.

#### Tutorial Details

• Difficulty: Beginner
• Estimated Completion Time: 1 hours

### Step 1

Open up a new document and create a rectangle with the Rectangle Tool (M). Fill it with black. This will be the universe background.

### Step 2

Next, create a circle with the Ellipse Tool (L) and fill it with a blue.

### Step 3

Make a copy of the ellipse. Then select the Pencil Tool (N) and start drawing a wave like shape. Place it so it overlaps with the circle.

### Step 4

Select both, the circle and the wave and select the Add to Shape Area in the Pathfinder Palette.

### Step 5

This will be the basic background for the earth resembling the water.

### Step 6

Make a copy of the earth/water shape on top (Command + C + F) and fill it with a radial black to white gradient. Set the layer mode to Multiply at 41% Opacity.

### Step 7

Select the original circle and duplicate it. Overlap both until you can create a sickle like shape (Choose Subtract from the Pathfinder Palette). Fill it with a radial black to white gradient and set the layer mode to Multiply at 27% Opacity.

### Step 8

Place the first full circle on top of the earth and then the sickle like shape on top of that.

### Step 9

Let’s create the land pieces. Create another circle (the same size as the earth) and set the stroke to blue. Then start drawing shapes with the Pencil Tool (N) resembling land shapes. Make sure they overlap with the circle outline.

### Step 10

Select them all and fill them with blue, no stroke. You can easily achieve this by clicking Shift + X to swap the Stroke color to the Fill Color. Now select all the shapes and hit the Divide button on the Pathfinder Palette.

### Step 11

Delete the shapes you do not need. Now fill the remaining ones with a color of your choice. I chose a green gradient to represent the land masses.

### Step 12

Select the land shapes and go to Object > Path > Offset Path and apply the settings below.

### Step 13

Make a copy of the circle and then select it with the bigger offset shapes. Hit the Divide button in the Pathfinder Palette.

### Step 14

Use the Direct Selection Tool to select the overlapping parts, then delete them. Now make sure the shapes that are slightly bigger are placed behind the original shapes of the land. Then change the fill color to a light blue.

### Step 15

Select the light blue shapes and apply a Feather Effect and set the layer mode to 55% Opacity.

### Step 16

Place the earth shape with the radial gradient on top of all shapes.

### Step 17

Let’s move on to the smaller elements. We want to create some trees that are oversized and whimsical. Create a tree trunk with the Pen Tool (P) and fill it with brown.

### Step 18

Then create the leaf part and fill it with a radial green gradient.

### Step 19

Group both and apply a Drop Shadow (Effect > Stylize > Drop Shadow).

### Step 20

Make several copies of the tree and change the green gradient slightly. Overlap them and place them on top of one of the grass shapes. Rotate them as needed.

### Step 21

Let’s move on to the light house part. Create several red rectangles and place them apart, just like you see in the image below.

### Step 22

Then draw on top of the rectangles a light house shape filled with red.

### Step 23

Select all of the rectangles and the light house shape and hit the Divide button in the Pathfinder Palette.

### Step 24

Start deleting the unnecessary shapes and fill each second shape with white.

### Step 25

Add to the bottom red rectangle a path point with the Pen Tool (P). Then select the point with the Direct Selection Tool (A) and drag it downwards. Add path point handles by pressing Alt and once you move over the point, click and drag. Adjust the handles so the bottom of the rectangle becomes rounded.

### Step 26

Add some more shapes to complete the lighthouse. Now select all and group (Command + G). Skew or rotate the lighthouse.

### Step 27

Place the lighthouse on top of another land shape.

### Step 28

You can add as many fun objects as desired. For example, a house, a boat, some bushes etc. All can be achieved with simple shapes.

### Step 29

Let’s give the scene some drama. Create a funny shape like you see in the images below and fill it with a black to white radial gradient.

### Step 30

Place it on top of all the other shapes including the background. Then set the layer mode to Overlay at 100% Opacity.

### Step 31

Create a fairly big circle, fill it with black and place it behind the lighthouse, but on top of the background. Now add one mesh point in the middle with the Mesh Tool (U). Select the mesh point with the Direct Selection Tool (A) and fill the point with a dark grey.

### Step 32

Create another circle and repeat the same. But instead of selecting the middle mesh point, select the outer mesh point and fill the point with a lighter grey. This will make the circle look like another far away planet.

### Conclusion

This is it. Pretty straight forward and simple. I hope you had fun with this tutorial. I would like to thank Sean Geng who’s earth illustration inspired me to write a tutorial. Please check out his portfolio, DesignSpasm.net.

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.

• http://www.cocoamedia.co.uk cocoamedia

nice tut, covers a lot of technique, thanks ;o)

• Jack Nichols

Kind of an amateur illustration, don’t you think. Not all that impressed with this one I gotta be honest.

• Jakob

Tutorials are not about the finnish product.
Tutorials are about techniques,tips, and how things work.
The final product is just a bonus and it’s easier to explain how thing works when you can show it with an outcome

• Melody

Yeah…I’m not feeling “cute” on the final result

• 2cdsign

try to create youre own :) tutorial then

• http://simon.vansintjan.org Simon Vansintjan

The illustration may not be grand, but the techniques the author covers are pretty great and varied. It’s a simple and effective Illustrator tutorial, without having to deal with too much detail or extravagance.

• Tebe

Yes, the outcome may not be the very best but I think the tutorial can be a lot of use for beginners and the image can also work as inspiration for some. So thanks anyway!

• david

I don’t think a final product is important in a “beginner’s” tutorial, technique and tips are MUCH more important.

However, this must be reclassified as ‘advanced beginner’ as many steps are missing and other steps simply tell you to do something without telling you how.

• Theo hodkin

I agree with Jack Nicholas – the outcome looks pretty cheap, and the techniques used aren’t that advanced – I’m 15, and I already know how to use all the pathfinder tools, and everything else in this tutorial.

• http://www.webflostudios.com Travis

For those individuals that are new to Illustrator this is a great starting tutorial. vectortuts cannot only cater to the more advanced techniques like the gradient mesh tool, but should be a well balanced set of great tutorials for all skill levels. The outcome may not be the most polished piece of design out there, but the techniques are what matter most.

This is a fantastic tutorial for the new and not at all challenging or interesting for the average user and above.

Great tutorial.

• Johnny

I think it is a great tutorial and great outcome!!! Very cute! It’s great if people already know how to use all the tools, but some out there are just starting out. I am a beginner and it really helps me to understand the tools

• http://www.awalkinmyshoes.com Melody

Are the circles in the back planets? I agree with David, the tips and techniques are more important, who’s to say what is beginner or not anyway?

Some of the simplest designs throughout history are created by genius artists…

• http://creaturesland.com Armand

It looks like the one in our portfolio. http://cautatorul.ro/

• http://www.nurbsatwork.com osito

Nice tutorial, IF the tutorial is too simple for most of you, easy dont read it. But if you have gained alteast a little something from the author and his work. I think you should then give credit to where it is DUE!

• http://circleboxblog.com/ Callum Chapman

Very simple but great tutorial, cool outcome ;)

• http://sushimoronics.blogspot.com Sushimoron

nice techniques used. :|

• http://www.nouveller.com/ Benjamin Reid

Not a fan of the outcome but you explained the techniques quite well. A good introduction to a few different tools for people that aren’t that Illustrator savvy.

• http://psaiclub.blogspot.com HITESH

I DONT THINK THAT THE OUTPUT IS CHEAP IT IS NICE AND ALL IT MATTER IS THE SKILLS WHILE LEARNING FROM TUTORIAL NOT THE OUTPUT OF THE TUT

• http://boxedindesign.com Boxed In Design

I think there can always be good techniques from a tutorial to learn, and if you already know how to make the final image – use the idea as inspiration for a future project. :)

• http://www.crearedesign.co.uk/ rory

What a sweet world we live in….
Nice simple tutorial great for a mid week vector play. Might bring it into flash and give it some movement! KRAZZEE

• http://www.spgrafiks.com Simona

ah flash, that could be fun :)

• http://tuts.cgbaran.com/ CgBaran Tuts

Nice illustration thanks

• kenagesterbebebe

i don’t think you guys know what your talking about n00bs! i hope u all blow up inp a million pices

• Kat Haberlack

I thought it was a great tutorial. Even people who may be “advanced” in techniques can appreciate this tut. I often forget that I know how to do something and these are great refreshers. Every tut has it’s learning point.

Just because you didn’t like the outcome because perhaps someone thought it was too simple…think about logos that surround you, cartoons like South Park, icons, etc….all simple graphics that impact the every day living you breathe in.

I find the explanation to be user friendly, graphics are very soothing and positive. Great job!