Interior Design  ·  Level 6
Computer Grapics
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 artwork from paths, shapes, lines and text that can be scaled to any size without losing quality. First released by Adobe in 1987, it is now part of Adobe Creative Cloud and is the industry standard for logos, signage, illustrations, patterns and technical graphics. In interior design, Illustrator is used to draw colourful presentation plans and elevations, design signage and wayfinding, create wall graphics and murals for printing or cutting, develop repeat patterns for fabrics, wallpapers and tiles, and prepare diagrams for presentations. Example: for a new headquarters of an agricultural cooperative, a designer uses Illustrator to draw the reception logo wall, office door signs, a floor directory and a decorative coffee-plant pattern for frosted glass partitions.

3.1.1 Uses of Illustrator in interior design

Illustrator's precision and scalability make it valuable at many stages of an interior project. Example: a designer working on a private primary school uses Illustrator to design classroom door signs, playful wall decals and a zoning diagram for the school board.

Main uses

  • Presentation plans and elevations: Adding colour, textures, symbols and labels to plans imported from CAD.
  • Signage and wayfinding: Designing room signs, directional signs and building directories.
  • Wall graphics and murals: Creating artwork for vinyl cutting, wallpaper printing and painted murals.
  • Patterns: Designing repeat patterns for fabrics, wallpapers, tiles and screens.
  • Logos and branded elements: Recreating client logos accurately for branded interiors.
  • Diagrams and infographics: Explaining zoning, circulation, lighting concepts and timelines.
  • Fabrication templates: Preparing cutting paths for laser cutting, CNC routing and screens.
  • Icons and symbols: Creating furniture symbols and icons for plans and boards.

3.1.2 Key capabilities of Illustrator

Illustrator's tools can be grouped into a few main capabilities, each covered in more detail in later topics of this chapter. Example: when designing a decorative screen for a hotel restaurant, a designer draws motifs with the Pen tool, repeats them with the Pattern tool and exports the cutting path for a laser cutter.

Capability What it allows the designer to do
Drawing tools Create shapes and precise paths with shape tools, Pen, Pencil and Curvature tools
Path editing Adjust anchor points and curves accurately
Fill and stroke Apply colours, gradients, patterns and line styles
Artboards Design several pages or sizes in one file
Layers and groups Organise artwork into manageable parts
Type tools Add and style text, including text on paths
Effects and appearance Apply shadows, 3D effects and multiple fills and strokes non-destructively
Transform tools Scale, rotate, reflect and align objects precisely
Image Trace Convert raster images such as sketches and logos into vectors
Output options Save editable files and export for print, web, cutting and CAD

3.1.3 Illustrator and Photoshop compared

Illustrator and Photoshop are often used together, but they do different jobs. Knowing which to use prevents poor-quality output, such as blurry signs or unnatural photo edits. Example: a designer for a beauty salon creates the salon's sign in Illustrator and edits photographs of the salon interior in Photoshop.

Feature Adobe Illustrator Adobe Photoshop
Graphic type Vector Raster (pixel-based)
Scaling Scales to any size without losing quality Loses quality when enlarged too much
Best for Logos, signage, patterns, plans and diagrams Photos, renderings, textures and realistic visuals
File size Usually small Large for high-resolution images
Typical output Print-ready signs, cutting files, scalable graphics Edited images, mood boards and photo-realistic visuals
Native format AI PSD

3.1.4 System requirements and alternatives

Illustrator runs on modern Windows and macOS computers and needs enough memory and a capable graphics processor for complex artwork. Requirements change with each version, so they should be checked on Adobe's website. Other vector programs exist and may suit some budgets, but Illustrator skills are widely expected by employers. Example: a design department at a youth polytechnic installs Illustrator in its lab and introduces Inkscape for students to practise at home.

Hardware requirements

Name Specification Use
Operating system Current 64-bit Windows or macOS Runs the current version of Illustrator
Processor Multi-core 64-bit processor Processes complex paths and effects
Memory (RAM) At least 8 GB, 16 GB or more recommended Handles large, detailed files
Graphics card GPU supporting Illustrator's GPU performance features Smooth zooming and display
Storage SSD with enough free space Installation and fast file handling
Monitor Full HD or higher Clear viewing of fine detail
Graphics tablet (optional) Pressure-sensitive pen tablet Freehand drawing and illustration

Alternative vector programs

Program Cost model Notes
CorelDRAW Subscription or one-time licence Popular with sign makers and printers
Inkscape Free and open source Good for learning and basic professional work
Affinity Designer Check the current offer on Affinity's website Professional vector and raster features
Online vector tools Free or subscription Simple graphics in a browser

3.1.5 Getting started with Illustrator

Getting started involves installing Illustrator, launching it and becoming familiar with the Home screen, from which new documents are created and recent files opened. Example: a new designer at a signage company installs Illustrator and opens an existing sign file supplied by a client to explore it.

Steps for installing and launching Illustrator

  1. Create or sign in to an Adobe account: Use an email address on Adobe's website.
  2. Choose a plan: Select an Illustrator or Creative Cloud plan, or a trial where available.
  3. Install Creative Cloud: Download and install the Creative Cloud desktop app.
  4. Install Illustrator: Click Install next to Illustrator.
  5. Launch Illustrator: Open it from Creative Cloud, the Start menu or the Applications folder.
  6. Explore the Home screen: View recent files, new file presets and learning resources.
  7. Open a sample file: Open an existing AI or PDF file to explore the workspace.

Measurement units in Illustrator

Illustrator measures stroke widths and text in points by default, while interior drawings use millimetres, so designers often convert between the two.

Worked example: converting stroke width from points to millimetres

Width in mm = width in points × 0.3528

A wall line on a presentation plan is set to 2 pt.

Width in mm = 2 × 0.3528

Width in mm ≈ 0.71 mm

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 setting up its workspace, toolbar, panels, preferences, colour settings and shortcuts so the program suits the work being done. Interior designers usually work in millimetres, need accurate guides and snapping, and must mana…

🔒3.3 Creation of new documents

Creating a new document in Illustrator means setting up the file in which artwork will be drawn, including its size, units, number of artboards, orientation, bleed, colour mode and raster effects resolution. These settings determine how the artwork will print…

🔒3.4 Using existing templates

A template in Illustrator is a ready-made starting file that already contains artboard sizes, guides, layers, colours, fonts, placeholder text and graphics. Opening a template creates a new untitled copy, so the original stays unchanged and can be reused many…

🔒3.5 Creation of vector objects.

Vector objects are the shapes, lines and paths that make up Illustrator artwork. Each object is defined by anchor points joined by straight or curved segments, and it can be filled, outlined, resized and edited without losing quality. Illustrator provides shap…

🔒3.6 Editing of paths, anchor points and curves

A path in Illustrator is the line that forms a vector object. It is made of anchor points connected by segments, and curved segments are shaped by direction handles that extend from the anchor points. Editing paths means moving, adding, deleting and converting…

🔒3.7 Application of object attributes

Object attributes are the visual properties applied to vector objects, mainly the fill, which colours the inside of a shape, and the stroke, which outlines its path. Attributes also include stroke weight, line style, colour mode, gradients, patterns and opacit…

🔒3.8 Organization of layers and groups

Layers and groups are Illustrator's main ways of organising artwork. Layers are like transparent sheets stacked in the Layers panel, each holding related objects such as walls, furniture, text or cut lines, while groups bind selected objects together so they m…

🔒3.9 Text insertion, formatting and styling.

Text in Illustrator is used to add titles, labels, notes, room names, sign messages and decorative lettering to vector artwork. Text can be inserted as point text, area text or text on a path, then formatted with fonts, sizes, spacing and alignment, and styled…

🔒3.10 Application of Vector effects

Effects in Illustrator are live changes applied to objects from the Effect menu that alter their appearance without changing the underlying paths. They include Illustrator effects, which are mostly vector-based, such as Distort and Transform, 3D and Materials,…

🔒3.11 Vector transformations and appearance settings

Transformations change the size, position, angle, orientation and shape of vector objects, using tools and commands such as Scale, Rotate, Reflect, Shear, Move, Free Transform, Align and Transform Each. Appearance settings, managed in the Appearance panel, con…

🔒3.12 Save files in editable formats

Saving in an editable format stores Illustrator artwork so that its paths, layers, artboards, text, effects, appearances, swatches and styles remain fully editable for future changes. The native Illustrator format (AI) keeps everything, while other formats suc…

🔒3.13 Export vector graphics

Exporting is the process of producing copies of Illustrator artwork in formats needed by other people, programs and machines, such as PNG or JPEG for screens, SVG for websites, PDF for printers, PSD for Photoshop and DXF or DWG for CAD and cutting machines. Un…

🔒3.14 Artwork presentation.

Artwork presentation is the way finished Illustrator designs are shown to clients, managers, examiners or fabricators so that they can understand, review and approve them. Illustrator artwork can be presented on screen using Presentation Mode, shared online fo…