How to Create an Out Of This World Vector UFO in Adobe Illustrator

alien_shipIn the following tutorial, you will learn to create a simple flying vector UFO in Adobe Illustrator. Using 3D effects and Gradient Mesh, you will learn to create this piece with realistic effects.

Tutorial Details

  • Program: Adobe Illustrator CS6
  • Difficulty: Beginner
  • Topics Covered: Basic Tools and Effects, Gradient Mesh basics
  • Estimated Completion Time: 50 minutes

Final Image

alien_ship

Step 1

Create an artboard that is 800 x 600px. Select CMYK color mode, Screen (72ppi) and make sure that the “Align New Objects to Pixel Grid” box is unchecked before your click OK.

Step 2

Create an ellipse with the Ellipse Tool (L). You don’t need to set a size. Just make sure that it is similar to the one on the image below. Duplicate the ellipse (Ctrl +C, Ctrl + F) and move it down with the Down Arrow Key.

ufo_0020_Layer 1

Step 3

Create a rectangle with the Rectangle Tool (M). Place it between the two ellipses.

ufo_0019_Layer 2

Step 4

Create a new, smaller ellipse and place it over the other shapes. While the new ellipse is selected, press the Shift Key and select the other from the top. On the Window > Pathfinder Panel, select the Minus Front option.

ufo_0018_red

Step 5

Create two rounded rectangles with the Rounded Rectangle Tool. You can increase or decrease the angle by pressing the Up or Down Arrow Keys while holding the Left Mouse Button. Place them on the top and bottom of the other shapes.

ufo_0017_Layer 4

Step 6

Select all shapes and press Unite on the Pathfinder Panel. Now you have the silhouette of a UFO.

ufo_0016_red copy

Step 7

We need to create a 3D object. We will use the Revolve effect. For this, we need to cut the silhouette in half. Create a rectangle, and place it to overlap the half of the UFO ‘s shape. Select both shapes and press Minus Front on Pathfinder Panel.

ufo_0015_red copy 2

Step 8

Go to Effect > 3D > Revolve and use these values for X, Y and Z axis. Press OK.

3d-effect

Step 9

You can play with the values as you want until you get the perfect position and angle for your UFO.

ufo_0014_Layer 9

Step 10

While the object is a 3D object, you can’t edit as a vector shape, so you need to convert it to regular vectors. To do this, go to Object > Expand Appearance. You transformed the 3D object into a group of shapes.

ufo_0013_Layer 10

Step 11

In order to manipulate the shapes further, you will first need to go to Object > Ungroup (Ctrl + Shift + G). Select every shape and press Unite on the Pathfinder Panel.

 

ufo_0012_red copy 3

 

In some cases, the expanding process results in compound paths that need to be released. To release the compound paths, click on them with the Right Mouse Button and select Release Compound Path.

ufo-tut

Step 12

After expanding the 3D objects, you get some hidden objects which you don’t need. To remove them, select all visible shapes by clicking on them while holding the Shift key. When you’re done, use the Rectangular Marquee Tool (while holding the Shift key), and make a box around the design. Doing so, you will deselect all the items you need and select all the shapes you don’t need. Press delete. If you see that something is missing, go to Edit > Undo, and repeat the selection until you get the correct results.

hint

Another way to get rid of the shapes you don’t need is to select all the visible shapes one by one while holding the Shift Key. Place these shapes to the Clipboard (Ctrl + X), and delete any other shapes.

ufo_0010_Layer 13

Step 14

Now place back everything from the Clipboard (Ctrl + F). Fill every shape with a color. Think about the color of the margins that every shape will have after you use the Mesh Tool (U).
Create two ellipses. These will be the reflections on the “glass cockpit” of the UFO.

ufo_0009_Layer 14

After expanding the 3D object, the resulted shapes have lots of anchor points. To use the Mesh Tool, some of the points must be removed. Go to Object > Path > Simplify. Set the Curve Precision to 100% and press OK.

Step 15

Now you can start using the Mesh Tool. Let’s start with the cockpit. Click anywhere on the shape’s area. After converting a shape into a mesh, you can select its points with the Mesh tool, Direct selection tool or the Lasso tool. Now you can add a color to the mesh. Select a color from the swatches palette, or use the Eye Dropper Tool (I) to select a color from an image.

ufo_0007_Layer 16

Step 16

Select the other shapes and add points and color to them. In this case, add the color white.

ufo_0006_Layer 17

ufo_0005_Layer 18

Step 17

On the bottom part of the UFO, add points as you see on the image and add colors as you like.

ufo_0004_Layer 19

Step 18

Remember those two ellipses?  Fill them with a gradient of blue and set the opacity of the second color to 0% as pictured below using the Gradient Panel.

ufo_0003_Layer 21

Step 19

We’re done with the UFO. Now we’ll create the light rays beneath it. Create two ellipses, and place them below the UFO.

ufo_0002_Layer 22

Step 20

With the Pen Tool (P), create a trapeze by connecting the margins of the ellipses. Select all three shapes and unite them (Unite – Pathfinder Panel).

ufo_0001_Layer 23

Step 21

Fill it with a gradient starting with yellow (C0 M8 Y50 K0), then lightblue (C20 M0 Y0 K0), and finally white.

ufo_0000_Layer 25

Step 22

Create multiple instances of this shape, rotate them and place them so you get a light ray effect. I found this free Jumping Cow vector file, and I thought it would be perfect to use on the final image.

alien_ship

That’s it! I hope you liked this tutorial. Have fun practicing these techniques you’ve learned today!

Author: Zoltan Ordog

Zoltan is a designer from Transylvania, working with Adobe Illustrator and Photoshop. His design interests include user interface design, icon design, branding and identity design. Visit Vectorgraphit.com to read his other tutorials.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

6 thoughts on “How to Create an Out Of This World Vector UFO in Adobe Illustrator

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>