Interior Design  ·  Level 5
Computer Graphics
Chapter 3: Create and edit vector graphics
📚 14 Topics

3.1 Introduction to Adobe Illustrator

Adobe Illustrator is a professional vector graphics program used to create and edit artwork made from points, lines, curves and shapes rather than pixels. First released in 1987, it is part of Adobe Creative Cloud and is the industry-standard tool for logos, illustrations, icons, signage, patterns and layouts that must stay sharp at any size. In interior design, Illustrator is used to produce clean coloured plans and elevations, signage and wayfinding graphics, wall graphics and murals, custom patterns for textiles and wallpaper, diagrams and presentation layouts. Example: an interior designer branding a new co-working space draws the client's logo, door signs, a large wall mural and a custom carpet pattern in Illustrator, then sends the same files to the signwriter, the large-format printer and the carpet manufacturer.

Uses of Illustrator in interior design

  • Coloured plans and elevations: Importing CAD drawings and adding colour, textures, symbols and labels for presentation.
  • Signage and wayfinding: Designing room signs, directional signs and building directories.
  • Wall graphics and murals: Creating large decorative graphics that print sharply at full wall size.
  • Patterns and textiles: Designing repeating patterns for wallpaper, upholstery, curtains and tiles.
  • Logos and branding elements: Preparing or adapting client logos for interior branding.
  • Diagrams: Drawing zoning diagrams, circulation diagrams and concept sketches.
  • Cutting files: Preparing outlines for laser cutting, CNC routing and vinyl cutting of screens, panels and lettering.

Key capabilities of Illustrator

Capability What it allows the designer to do
Drawing tools Create precise shapes, lines and curves with the Pen, Shape and Curvature tools
Path editing Adjust anchor points and curves for exact forms
Colour, gradients and patterns Apply solid colours, gradients and repeating patterns to shapes
Typography Set and style text, including text on paths
Multiple artboards Design several boards, signs or pages in one file
Effects and appearance Add shadows, strokes, transparency and stylised effects
Image Trace Convert raster sketches and logos into editable vectors
Precise measurement Work to exact sizes and scales in millimetres

Illustrator and Photoshop compared

Feature Adobe Illustrator Adobe Photoshop
Graphic type Vector (shapes and paths) Raster (pixels)
Scaling Any size without quality loss Loses quality when enlarged
Best for Logos, signs, patterns, plans, line art Photos, renders, photo-realistic visuals
File size Usually small Often large
Typical files AI, SVG, EPS, PDF PSD, JPEG, TIFF, PNG
Interior design role Graphic production and technical presentation Image editing and visualisation

Advantages of Illustrator for interior designers

  • Infinite scalability: Artwork prints sharply from business cards to building walls.
  • Precision: Exact dimensions and alignment suit technical and production work.
  • Editable artwork: Shapes, colours and text remain easy to change.
  • Production-ready output: Files are accepted by printers, signwriters and cutting machines.
  • Integration: Works smoothly with Photoshop, InDesign and many CAD programs.

Limitations of Illustrator

  • Subscription cost: Ongoing payments are needed for the full program.
  • Learning curve: Tools such as the Pen tool take practice to master.
  • Not suited to photo editing: Detailed photographic work is better done in Photoshop.
  • Complex files can be slow: Many effects and embedded images slow performance.
  • Compatibility: Native AI files may not open fully in other programs.

Key Illustrator terms for beginners

  • Artboard: The page or printable area of a design.
  • Path: A line or shape made of anchor points.
  • Anchor point: A point that defines the shape of a path.
  • Fill and stroke: The inside colour of a shape and its outline.
  • Bounding box: The rectangle around a selected object for moving and resizing it.
  • Swatches: Saved colours, gradients and patterns.

Steps for launching Illustrator and exploring a file

  1. Launch Illustrator: Open it from the Start menu, Dock or Creative Cloud app.
  2. View the Home screen: See recent files, presets and learning resources.
  3. Open a sample file: Use Open to load an existing artwork.
  4. Select an object: Click a shape with the Selection tool to see its bounding box.
  5. Zoom in deeply: Zoom to a very high level to see that edges stay sharp.
  6. Check the artboards: View the artboards in the Artboards panel.
  7. Close without saving: Close the file to keep the sample unchanged.

Worked example: scaling a vector logo for a wall

Scale factor = new size ÷ original size

A logo for a microfinance bank's reception wall is designed 50 mm wide and must be printed 2,000 mm wide.

Scale factor = 2,000 ÷ 50 = 40 times

In Illustrator the logo is simply enlarged 40 times with no loss of sharpness. A raster version printed at 150 ppi would instead need:

Width in inches = 2,000 ÷ 25.4 = 78.7 inches

Pixels needed = 78.7 × 150 = 11,805 pixels wide

The rest of this chapter
🔒

Create a free account to open more of this chapter.

Free: practical guides, quick cards, workplace scenarios and more.

Create a free account
🔒3.2 Adobe illustrator configuration

Configuring Adobe Illustrator means installing it correctly and setting up its workspace, preferences, units, colour settings and shortcuts so that it suits the designer's work. Illustrator's default settings are general, often using points or inches, so inter…

🔒3.3 Creation of new documents

Creating a new document in Illustrator means setting up a blank file with the correct size, units, number of artboards, bleed, colour mode and resolution for the artwork to be produced. These settings determine how the design will print or display, so choosing…

🔒3.4 Using existing templates

A template is a ready-made Illustrator file that contains a preset layout, artboard sizes, colours, fonts, guides, placeholder text and graphics, which designers open and adapt instead of starting from a blank page. Illustrator templates are saved in the .ait…

🔒3.5 Creation of vector objects.

Vector objects are the shapes, lines and paths that make up Illustrator artwork, each defined by anchor points and segments rather than pixels. Illustrator provides shape tools for regular forms such as rectangles, ellipses and polygons, drawing tools such as…

🔒3.6 Editing of paths, anchor points and curves

Every vector object in Illustrator is made of paths, which are built from anchor points connected by straight or curved segments, and the shape of each curve is controlled by direction handles on the anchor points. Editing paths means changing these parts to r…

🔒3.7 Application of object attributes

Object attributes are the visual properties given to a vector object, mainly its fill, stroke and colour, together with gradients and patterns applied as fills or strokes. In Illustrator, the shape of an object is set by its path, while its attributes decide h…

🔒3.8 Organization of layers and groups

Layers and groups are the two main ways of organising artwork in Illustrator. Layers are like transparent sheets stacked on top of each other, each holding related objects that can be shown, hidden, locked or reordered, while groups bind several objects togeth…

🔒3.9 Text insertion, formatting and styling.

Text in Illustrator is created as editable type objects that can be placed freely, poured into shapes or run along curved paths, then formatted with fonts, sizes, spacing and alignment. Because text stays as live vector type, it remains sharp at any size and c…

🔒3.10 Application of Vector effects

Effects in Illustrator are live changes applied to an object's appearance, such as shadows, glows, distortions, rounded corners and 3D forms, without permanently altering the object's original path. Because they are live, effects can be edited or removed at an…

🔒3.11 Vector transformations and appearance settings

Transformations change the position, size, angle, direction or slant of vector objects, while appearance settings control how an object looks through stacked fills, strokes, effects, opacity and blending modes. Because vector objects are mathematically defined…

🔒3.12 Save files in editable formats

Saving in an editable format keeps every part of the artwork live, including layers, paths, text, effects, appearance settings and artboards, so the design can be reopened and changed later. Illustrator's native format is AI, but PDF and EPS files can also kee…

🔒3.13 Export vector graphics

Exporting converts Illustrator artwork into formats that other software, websites, printers and machines can use, while the original AI file stays as the editable master. Unlike saving, exporting usually produces a finished output file, such as a PNG for a cli…

🔒3.14 Artwork presentation.

Artwork presentation is the final stage of an Illustrator project, where finished vector designs are shown to clients, supervisors or assessors in a clear and professional way. Illustrator artwork can be presented on screen using Presentation Mode, shared onli…