Drawing a rocket with Inkscape is not rocket science

AddThis Social Bookmark Button

Introduction

Many places I go I meet people telling how much they liked graphic tutorials and how much they learned about using GIMP and Inkscape following them, and this makes me feel bad, as I am quite busy lately with a lot of things (video and photography ate a lot of my time) and rarely manage to write something new. But here is a perfect opportunity, Fedora 13 entered Alpha and had a code name (Goddard) and so far a visual theme based on rocketry, so it seems a tutorial titled "Drawing a rocket with Inkscape is not rocket science" would be just fit.

The target here is to produce something like this, not extremely realistic but easily recognizable as a rocket and the most important, fun (hopefully) and easy to create by someone who is using Inkscape for the first time.

inkscape rocket howto

Drawing the rocket

So start Inkscape and draw a rectangle, which must be more tall than wide (we are drawing a rocket!) and have straight, not rounded corners.

inkscape rocket howto

Then select it and convert to path, we will do node editing.

inkscape rocket howto

Now go in node editor and select the two top nodes. The following operation can be done (as far as I know) only from keyboard: press Ctrl + Alt + > to enlarge the segment, the result should be a trapezium with the big side up.

inkscape rocket howto

With the same two top nodes selected, add a new node in the middle of their segment.

inkscape rocket howto

Select the new node (only it) and move it up (keep the Ctrl key pressed to limit the movement to vertical only).

inkscape rocket howto

Select back the two nodes that were the top corners of the rectangle and make them symmetric, for a shape starting to look like a bullet/rocket.

inkscape rocket howto

To finish the bullet shape of the rocket body we need to make the bottom edge rounded: select the two bottom corners, add a new node in the middle, select it, move a bit up and made it symmetric, now we have a bullet, an aerodynamic shape.

inkscape rocket howto

A rocket needs some "wings", so we will create another rectangle, this time much smaller.

inkscape rocket howto

Select the rectangle and click on it once, this will put in in rotate/skew mode so we need to skew it a bit my dragging on the arrow on one of its edges.

inkscape rocket howto

Move it in position, next to the rocket body.

inkscape rocket howto

Again, in rotate/skew mode, rotate it a bit by dragging one of the arrows at the corners, until we like the alignment. Note: no worry if the alignment is not perfect, lower it under the body and when filled with color this won't be noticeable.

inkscape rocket howto

Select the wing and duplicate it.

inkscape rocket howto

Flip the new (duplicate) wing horizontally and move it to the other side of the rocket body (keep Ctrl pressed to limit the movement to horizontal).

inkscape rocket howto

The wing facing us is another thin rectangle, with the same height as the other wings (technically, we should have two rectangles, one for each edge, but for now use one for simplicity). To center the new wing to the rocket body, select it and the body, then use the Align and Distribute dialog to align them horizontally relative to the biggest item (the body).

inkscape rocket howto

Now you know what is needed for a funny rocket? A window, so the astronauts inside can look at the space. Start by drawing a circle, which will be the windows frame (I think I am boring repeating this, but keep Ctrl pressed, so what you draw is a round circle not an ellipse).

inkscape rocket howto

Select the circle and the rocket body and align vertically to the center of the body.

inkscape rocket howto

Another smaller circle will be the real window.

inkscape rocket howto

Select the two circles and align them horizontally and vertically.

inkscape rocket howto

Now color the items, using either the color palette at the bottom, the Fill and Stroke button in the toolbar or any of the other possible ways (there are quite a few). A rocket is usually silverish, so use shades of gray.

inkscape rocket howto

If you want the rocket less realistic but screaming "Fedora", make those grays a bit bluish or go the extra mile and straightly use the Fedora colors (light and dark blue).

inkscape rocket howto

Back to our rocket, let's make it fly. Take the Bezier tool (pen) and draw freely a few spikes, they will be the flame.

inkscape rocket howto

Color the flame red or a redish orange and lower it under the rocket body.

inkscape rocket howto

The core of the flame is supposed to be warmer, so let's draw a new set of smaller spikes in yellow.

inkscape rocket howto

Optionally, if we want the rocket cruising, not just taking-off, select everything and rotate a bit.

inkscape rocket howto

Prettyfication

A bit of beautification never hurt, so let's make the rocket a bit more realistic (if you can call that "realistic") and less cartoon. Remove the strokes (for example using the Fill and Stroke dialog) and use silver gradients for all metallic surfaces, do this by using the Gradient tool, dragging and editing colors.

inkscape rocket howto

Fill everything with gradients, including the flames and the window.

inkscape rocket howto

Select the inner (yellow) flame and using the Fill and Stroke dialog Blur it a bit for a more realistic (and prettier) look.

inkscape rocket howto

Blur also the outer (red/orange) flame. And that's about all.

inkscape rocket howto

Now our rocket can take-of and fly proudly. Go to the stars and beyond them!

inkscape rocket howto

Feedback

As usual, you can leave feedback, praises, complaints, suggestions and so on on my blog.

 a disclaimer will appear here soon



Many thanks to my friends at OpenArt.ro, www.xdrive.ro and Inovatika for motivating me to write this.