knowledgeDoc

Creating a vector image in Illustrator – Designing the background

Richard Kennedy
by Richard Kennedy

This article is the first in a series of three that will demonstrate how to create a vector image in Adobe Illustrator from a source file. This article will demonstrate creating a vector image of the Dell logo, which is labelled for reuse.

The steps we will cover comprise:

  • designing the background
  • designing the text
  • using the Pen tool.

Let’s get started!

Creating the vector image background

To create the vector image background:

  1. Open Adobe Illustrator.
  2. Open the source file for the image you want to create a vector image of.
  3. Click Illustrator Layers button.
    The Layers panel is displayed.
    Illustrator Layers panel
  4. Click Illustrator add a new layer button to add a new layer.
  5. Double-click the new layer.
    The Layer Options window is displayed.
  6. Rename the layer “Background”.
    Renaming layer
  7. Select the Ellipse tool.
    Illustrator select the ellipse tool
    Note: When a tool has a black arrow you can hold down the mouse button when selecting to access additional tools.
  8. Hold the Shift key to constrain the proportions of the ellipse.
  9. Click and drag to create a circle that covers the Dell logo.
  10. Click the circle while holding down the Alt key (Option on a Mac).
    The mouse cursor changes to .
  11. Drag away from the circle.
    The circle is copied.
  12. Click the Selection tool.
  13. Select one of the circles.
  14. Click the Eyedropper tool.
  15. Click the blue colour in the logo.

    The colour is applied to the circle.
  16. Click the Selection tool.
  17. Resize the remaining circle until it matches size of the white inner circle.
  18. Save the image.

You should save the file as:

  • Adobe Illustrator (.ai) file
  • Either
    • EPS file (page layout, word processing and graphics)
    • SVG file (web content).

And that’s the background ready!

Join me for the next article where we will create the text used for the Dell logo.

Back to blog home.