Create a Vector, Space Rocket in Illustrator CS5


In this tutorial you'll learn how to create a colorful rocket from simple geometric forms and 3D effects. We'll use filters like Blur to create smoothness and movement in some of the illustration elements. Effects like Inner Glow will also be used to accentuate the depth of the 3D forms.

Step 1

Create an ellipse as shown in the example.

Step 2

Drag a vertical guide to the center of the ellipse. Drag a horizontal guide and put it a little below the center of the ellipse.

Step 3

Verify if the guides are locked at View Guides (Shift + Command + ;). Select the guides and the ellipse, then in the Pathfinder panel activate the Divide effect. This effect will divide the ellipse into four parts.

Step 4

Delete three parts of the ellipse, leaving only the superior right part. Fill that part with a red color. That object will be the origin for the rocket body.

Step 5

Use the same technique to create the objects that will be the origin of the rocket wings and the rocket tail.

Step 6

Now you will apply a 3D effect on the objects. Start with the main rocket body and the big gray tail area. The gray tail must be placed right below the main rocket body. It's important to verify that both objects are perfectly aligned at their left side, because the 360 degree axis that will be applied by the 3D effect is based on this alignment.

Step 7

Group the two objects (Command + G) and go to Effect > 3D to apply the Revolve option. Rotate the object a little to the right by manipulating the cube image at the options window. When the perspective looks right for you, click OK.

Step 8

We'll now use the effect settings that are now stored in Illustrator's memory. Select the smaller red object, which has the same form as the rocket's main body, and go to Effect > Apply Revolve (or press Shift + Command + E). This will apply to the small object the same effect with the same settings used previously on the main rocket body, also keeping the same rotation angle.

Step 9

Now, select the wing object to apply the 3D effect. Apply an Extrude Depth of 5pt. Use the Bevel option to apply rounded corners on the object. Then, apply a Height value of 7pt and press OK.

Step 10

Leave the wing above the rocket. Go to the Appearance panel and click twice on 3D Extrude & Bevel to use the 3D configurations. Manipulate the cube at the options window to rotate the wing, setting it in a position that fits nicely with the main rocket perspective.

Step 11

Make a copy of the wing and repeat the same process used previously to set its position.

Step 12

Now you must also make a copy of the small red propeller. Leave each of these propellers at the wings extremities.

Step 13

Now we'll create the elements for the rocket sticker. You can use geometric forms like the ones used on the example or you can create your own sticker. Remember that its possible to drag to the Symbols panel many elements like images, fonts, patterns, etc. Select the element you will use and, in case you want more than one element, drag one at a time to the Symbols panel.

Step 14

Select the rocket body and access the effect settings through the Appearance panel. Click on Map Art in the options panel. In Surface, you can navigate through all the mapped parts of the effect. Keep the Preview box enabled and choose the rocket body area where you want to apply the sticker. In Symbols, you have access to stickers saved previously. Click on a Symbol sticker to apply it to the map.

Step 15

To apply the same lighting effect of the rocket to the sticker enable the Shade Artwork box, which is located below the map visualizer.

Step 16

Apply some bolts to the gray rocket tail while still in Surface.

Step 17

Let's create the rocket hatch. Use two juxtaposed circles. One must be bigger than the other. Center these objects, select them both and go to the Pathfinder panel to apply the Minus Front effect. To create a smaller ellipse make a hole in the bigger ellipse by creating a ring. Fill that new object with yellow.

Step 18

Select the yellow ring and go to the 3D Extrude & Bevel Options. Change the settings in order to adjust the hatch perspective in relation to the rest of the rocket. Also make sure that the lights on the hatch match the lights on the main rocket surface.

Step 19

Now we'll create the dark screen of the hatch. Make a circle filled with black. Then, make a bigger ellipse without a fill color over the black circle. Position this ellipse in order to create an intersection area between the two objects.

Select both objects, go to the Pathfinder panel and select the Divide effect. This next part will make the bigger ellipse. Create a division on the black circle surface. Select the superior part of the black circle and apply on it a black and white gradient. Make sure that the white part of the gradient starts at the center and the black part ends at the border. Now you must group both parts of the circle.

Step 20

Go back to the 3D settings and use the Position resource to leave the black screen above the center of the hatch.

Step 21

To create a light effect above the rocket fuselage, make an ellipse part just like in the example, and position it above the rocket.

Step 22

Apply on the object a gradient composed of white and opacity zero. This creates a subtle light that makes your illustration more interesting. Apply reduced copies of this gradient in other parts of the rocket, as shown in the example.

Step 23

Reinforce the illusion of depth on the rocket by darkening the main body borders. Go to Effects > Stylize > Inner Glow to create a smooth halo around the selected object. For the color options, choose black and for the Mode choose Multiply. Enable the preview mode and choose an Opacity that fits your style. Repeat the process on other parts of the rocket.

Step 24

To create a flame that exits the rocket, you can use a flame shaped symbol already present in Illustrator. To access it go to the submenu in the Symbols panel, enable the Open Symbol Library option and activate the Nature library. Click on the flame symbol and drag it onto the main document.

Step 25

Give the flame symbol a Vertical Flip. Go to the main menu and click on Break Link to transform the symbol into a form.

Step 26

Create the effect of extreme movement on the flames by using Effect > Blur > Radial Blur. Position the Blur Center at the top of the preview. Choose an Amount value of 70.

Step 27

Maintain the object selected and at the main menu in Object activate the Expand Appearance option. Now rotate and position the flame at the exit of the big gray propeller.

Step 28

Now we'll create the universe! Start by creating a layer below the finished rocket layer, then make a rectangle filled with black.

Step 29

Access the Star tool in the Tools panel and make a small star filled with white over the black rectangle.

Step 30

Drag the star inside the Brushes panel and create a new brush with the Scatter Brush option.

Step 31

Use the Brush Tool loaded with the new Star Brush to create a line of small stars over the black background.

Step 32

Maintain the brush stroke selected and click twice on the Brush icon to activate the options panel. Now change all the panel attributes by using the Random option. Exaggerate the Scatter attribute in order to make the stars well scattered.

Step 33

Once the brush is configured, paint the stars over all the black background.

Step 34

Open a new layer between the rocket and the background and make an irregular shape filled with magenta.


Finally, apply a blur to the magenta object with Effect > Blur > Gaussian Blur. This will increase the emphasis on the rocket illustration. The final image is below.

Related Posts
  • Design & Illustration
    Create a Nautical, Sketch-Style in Adobe IllustratorPreview400x277
    In this tutorial I'll show you how you can sketch in Illustrator in a natural fluid style, almost as if you're drawing with pen and paper.Read More…
  • Design & Illustration
    Dragon in a Snow Globe: How to Vector a Baby DragonSnowglobedragon 400x400
    Do you remember how magic snow globes used to seem when you were a child? We can bring this magic back by creating a virtual snow globe with a little dragon inside. In the first part of this tutorial we've drawn a baby dragon, now it's time to create a home for it! You'll learn how to use a variety of Adobe Illustrator tools to create a complex illustration; textures, Clipping Masks, 3D tools, Gradient Mesh, color management and many, many more!Read More…
  • Photography
    Photo Effects
    How to Create a Magical Photo Manipulation: Post-Production0955 toys psdtuts toys in action 400x400
    Artists often work with a team of individuals to complete a project. This team could include a client, a creative director, an art director, a photographer, a retoucher, and a graphic designer. In this two-part tutorial, I teamed up with photographer Natalie Fobes to create a magical photo illustration that depicts a child interacting with toys that have come to life. In the process, we will show you how to not only shoot the photos that you need, but also, how to retouch them and combine them with stock photos to create artwork that closely resembles a sketch. Let's get started!Read More…
  • Design & Illustration
    Web Roundups
    The A to Z of Adobe IllustratorPre400
    The Adobe Illustrator toolbar is jam-packed with useful tools you may have used a million times or that may be entirely unfamiliar to you. Add to that the numerous panels and effects, and this program can create most any type of artwork. This A–Z list breaks down every tool in the Illustrator toolbar, with a link to a quick tip here on Tuts+ or a description of what each tool can do.Read More…
  • Design & Illustration
    How to Create a Neon, Stylized, 60's Inspired Portrait in IllustratorPreview1
    Turn out the lights and turn on the black light where neon shapes pop from fuzzy posters and the psychedelic fashion scene of the 1960's is alive once more. Join me in Adobe Illustrator, where we'll use the Gradient Tool, Pucker & Bloat Effects, and manipulate shapes to indicate a fuller composition within our picture plane. It'll be bright, fun, and down right retro.Read More…
  • Design & Illustration
    Tools & Tips
    Create a Portal Without a Portal Gun in Adobe IllustratorPortal400x400
    Welcome to the Vector Enrichment Center! The purpose of this test is to check if some people are able to create portals without the Aperture Science Handheld Portal Device, more commonly known as Portal Gun. Our sources report that Adobe Illustrator can be equally effective when using brushes and blurs. Cake, and grief counseling, will be available at the conclusion of the test. Read More…