Blog.SpoonGraphics Design Tutorials and Free Vector Downloads

A reader commented on a previous post with the great idea of creating a tutorial on how to produce vector illustrations in the style of the safety cards found in aircraft, as seen on examples from Airtoons.com. Follow this step by step guide to creating your own illustrations, ready for the combination with comedy captions!

Unless you are a talented artist, use photography as a base for your poses. This can be sourced from a stock photography website or quickly created by directing a group of friends into the relevant positions and poses. Open up your pictures into Adobe Photoshop.
Some people may want to import their images directly into Illustrator, however I find the Pen Tool much easier to work with in Photoshop.

Roughly trace around the outline of the character, minimizing some of the detail if necessary such as the folds and creases in clothing.

Continue by creating more paths outlining the shape of the face, here I’ve used my own discretion to give the character a stylish side parting.

Go into further detail and outline the main facial features such as the eyes, eyebrows, nose and mouth.

Select all of the paths with the Path Selection Tool and Copy (CTRL + C)
Swap over to Adobe Illustrator and Paste your selection (CTRL + V), choose the Compound Path option.

Click and drag a selection around your Path and Ungroup (SHIFT, CTRL + G).

Select only the complete outline path and add a 3pt stroke.

Next, select the paths that make up the inner details and add a 2pt stroke.

Now select the paths that make up the facial details and add a 1pt stroke.

Use this stage to draw in any additional areas of detail, such as the eyeballs.

Using a technique similar to previous character tutorials, roughly draw in a complete path keeping the points within the confines of the stroke, trace around the face to begin with.

Select your colour scheme for the illustration, here I’ve picked a trio of blues and filled the new facial outline with the lightest shade.
Press CTRL, SHIFT + [ to send the fill to the back of the objects.

Repeat the process by drawing another roughly path around the hair outline, this time fill with the darker shade of blue.

Continue with the eyebrows then move onto the rest of the character, filling each section with the relevant tone.

Once finished, you will be left with a stylized character illustration. However, the theme is not complete without a hazard to relate to the safety instructions.

Produce a generic flame shape by starting with an oval, with the Pen Tool selected hold ALT and click on the top and bottom points to remove their Bezier curves. Use the Direct Selection Tool (White Arrow) to individually select and rotate the Bezier curves of the left and right points by 45 degrees (hold Shift).

Copy and Paste the shape multiple times, rotate and reflect (Object > Transform …) each one to give a bunch of flames to represent a fire.

Give the flames a colour swatch of orange, starting with a dark tone at the base and giving the top flame the lightest shade. Make sure all the flames have a 2pt stoke.

To finish off the illustration Select All (CTRL + A) and Copy, then switch back over the Adobe Photoshop and Paste the image into a new document.
Duplicate the layer by dragging the layer into the New icon in the layers paletter.
Go to Filter > Pixelate > Color Halftone to give the impression of the cheaply printed feeling usually associated with these safety instructions.

In the Color Halftone options, enter 4px for the minimum size, then change the channels to 45.

Change the blending mode to Overlay at 50% opacity, then duplicate the original layer and place above all other layers. Change this layers blending mode to Multiply and drop the opacity to bring back the darker colour scheme while keeping the halftone pattern visible.

Finish off the illustration by drawing in a basic background of beige shapes using the Polygonal Lasso Tool on its own layer at the bottom of the stack.

Think of a comedy caption to compliment your safety illustration, then maybe draw up a few more to make a complete set of safety instructions. The key areas to remember are to begin with generic poses and give the characters blank facial expressions.

Spread the Word