Interior Design  ·  Level 6
Computer Grapics
Chapter 2: Create and edit raster graphics
📚 9 Topics
⚑ What you will be able to do

By the end of this chapter, you will be able to:

  • Set up the Photoshop workspace properly to fit the needs of your raster graphics projects.
  • Import, organize, and manage source images using good file management practices.
  • Edit, enhance, and retouch images accurately to meet project specifications.
  • Apply layers, masks, and adjustment tools effectively in your image editing.
  • Save your work in the correct editable file formats required for the project.
  • Export optimized images in the right formats for different uses.
  • Prepare and check image colors accurately for printing or on-screen display.
  • Present your raster graphics confidently, following industry standards.
  • Create new documents or adapt existing templates to start your projects smoothly.

Mastering these skills will help you create professional-quality graphics that stand out in the real world of design and printing.

The ability to create and edit raster graphics is essential for interior design professionals in Kenya to communicate design concepts visually. Raster graphics, composed of pixels, are ideal for detailed images such as photographs and textured surfaces that interior designers frequently incorporate into mood boards, presentations, and client proposals. Mastery of software like Adobe Photoshop enables designers to manipulate images with precision, enhancing realism and appeal of interior design projects. This chapter introduces Photoshop as a powerful tool tailored for interior design applications, focusing on creating and editing raster graphics effectively.

2.1 Introduction to Photoshop

Adobe Photoshop is a professional raster graphics editor used to create, edit, retouch and combine pixel-based images. It was created by brothers Thomas and John Knoll and first released by Adobe in 1990, and it is now delivered as part of Adobe Creative Cloud through a subscription. In interior design, Photoshop is the standard tool for editing site and product photographs, building mood boards, combining furniture and finishes into room images, enhancing 3D renderings and preparing images for presentation boards, print and social media. Its strength lies in non-destructive working with layers, masks and adjustment layers, which allows designers to change images repeatedly without damaging the original. Example: a designer refurbishing a coffee shop photographs the existing space, then uses Photoshop to show the client new wall colours, pendant lights and furniture placed realistically into the photo.

Uses of Photoshop in interior design

Photoshop supports interior designers from the first concept to marketing the finished project. Knowing its main uses helps learners see why the skills in later topics matter. Example: a designer working for a property developer uses Photoshop to produce marketing images of show apartments before construction is complete.

Main uses

  • Mood boards and concept boards: Combining images of materials, colours, furniture and inspiration into one visual.
  • Photo editing and retouching: Correcting lighting, colour and perspective in photographs of spaces and products.
  • Virtual staging: Placing furniture, curtains, rugs and decor into photos of empty or existing rooms.
  • Material and colour studies: Testing different paints, fabrics and floor finishes on the same image.
  • Rendering post-production: Adding lighting effects, people, plants and atmosphere to 3D renderings.
  • Texture preparation: Creating seamless textures of wood, stone or fabric for 3D software.
  • Presentation and marketing graphics: Preparing images for boards, brochures, websites and social media.
  • Colour-rendered plans: Adding colour, textures and shadows to floor plans exported from CAD.

Key capabilities of Photoshop

Photoshop's features can be grouped into a few core capabilities, each explored in detail in later topics of this chapter. Example: a designer preparing a bedroom visual for a resort uses selections to isolate the bed, layers to try different bedspreads and adjustment layers to warm the lighting.

Capability What it allows the designer to do
Layers Keep different parts of an image separate for independent editing
Selections Isolate parts of an image, such as a wall or piece of furniture
Masks Hide or reveal parts of layers without deleting pixels
Adjustments Change brightness, colour and tone, often non-destructively
Retouching tools Repair and remove unwanted parts of images
Transform tools Scale, rotate, distort and correct perspective
Text and shapes Add labels, titles and simple vector shapes
Filters Apply effects such as blur, sharpen and lens correction
Generative AI features Fill, extend or remove areas of images using AI tools
Output options Save and export for print, screen and web

System requirements

Photoshop handles large, high-resolution images, so it needs a capable computer. Working on an underpowered machine leads to slow performance, crashes and lost work. The exact requirements change with each version, so they should be checked on Adobe's website before buying hardware. Example: a design department at a technical training institute upgrades its laboratory computers' memory and graphics cards so that trainees can edit large rendering files smoothly.

Name Specification Use
Operating system Current 64-bit Windows or macOS Runs the current version of Photoshop
Processor Multi-core 64-bit processor Processes edits and filters
Memory (RAM) At least 8 GB, 16 GB or more recommended Handles large images and many layers
Graphics card (GPU) Modern GPU with dedicated memory Speeds up display, zoom and many tools
Storage SSD with enough free space for installation and scratch files Fast loading, saving and temporary storage
Monitor Full HD or higher, colour accurate Accurate viewing of colours and detail
Internet connection Broadband Installation, licensing, updates and cloud features
Graphics tablet (optional) Pressure-sensitive pen tablet Precise retouching and masking

Photoshop and alternative raster editors

Photoshop is the industry standard, but other raster editors are available, some free. Learners should know the alternatives, especially when budgets are limited, while recognising that many employers expect Photoshop skills. Example: a design student practises on a free browser-based editor at home and uses Photoshop in the college laboratory.

Feature Adobe Photoshop GIMP Affinity Photo Photopea
Cost model Subscription Free and open source Check the current offer on Affinity's website Free with adverts, paid option
Platform Windows, macOS, iPad, web Windows, macOS, Linux Windows, macOS, iPad Web browser
Opens PSD files Native Partly Yes Yes
Industry use Standard in design firms Common among hobbyists and some professionals Growing professional use Quick edits and learning
AI tools Extensive generative features Limited Some Some

Getting started with Photoshop

Starting Photoshop involves installing it through the Creative Cloud desktop app, signing in with an Adobe account, launching the program and creating or opening a document. Setting up a new document correctly avoids having to resize work later. Example: a junior designer at a furniture showroom installs Photoshop and creates an A3 document at 300 ppi for a printed product board.

Steps for installing and launching Photoshop

  1. Create an Adobe account: Sign up with an email address on Adobe's website.
  2. Choose a plan: Select a Photoshop or Creative Cloud plan, or start a trial where available.
  3. Download Creative Cloud: Install the Creative Cloud desktop app.
  4. Install Photoshop: Click Install next to Photoshop in the app.
  5. Launch Photoshop: Open it from the Creative Cloud app or the Start menu or Applications folder.
  6. Sign in if prompted: Confirm the licence with your Adobe account.

Steps for creating a new document

  1. Click New file: Or choose File, New, or press Ctrl + N.
  2. Choose a preset or enter a size: Select Print, Web or a custom size in millimetres or pixels.
  3. Set the resolution: Use 300 ppi for close-viewed print or 72 to 150 ppi for screen.
  4. Choose the colour mode: Select RGB for screen work or CMYK where the printer requires it.
  5. Set the background: Choose white, black or transparent.
  6. Name the document: Type a clear name.
  7. Click Create: The new document opens on the canvas.

Worked example: pixel size of an A3 document at 300 ppi

Pixels = size in millimetres ÷ 25.4 × resolution

An A3 page is 297 mm × 420 mm, set at 300 ppi.

Width = 297 ÷ 25.4 × 300 ≈ 3,508 pixels

Height = 420 ÷ 25.4 × 300 ≈ 4,961 pixels

The document is about 3,508 × 4,961 pixels.

Raster and vector images compared

Photoshop works mainly with raster images, so the designer must understand how they differ from the vector graphics produced by programs such as Illustrator or CAD.

Aspect Raster image Vector image
Made of A grid of pixels, each holding a colour Paths defined by points, lines and curves
Best for Photographs, textures, renderings, lighting effects Logos, line drawings, plans, signage
Scaling Loses quality (pixelation) when enlarged beyond its resolution Scales to any size without loss
File size Grows with pixel dimensions and colour depth Usually small, depends on complexity
Editing Pixels are painted, retouched and adjusted Shapes and paths are reshaped
Common formats JPEG, PNG, TIFF, PSD, GIF SVG, AI, EPS, DXF, PDF
  • Resolution dependence: A raster image has a fixed number of pixels, so it must be created or captured at the size and resolution of its final use.
  • Colour depth: Raster images can hold millions of colours, which is why they show materials and lighting realistically.
  • Layer support: Photoshop keeps parts of a raster image on separate layers so they can be edited independently.

Practice Questions

  1. Explain how brightness and contrast adjustments can affect the presentation of an interior design photograph. (6 marks)
  2. Describe the role of layers and masking in advanced image editing for interior design projects. (8 marks)
  3. Compare the use of JPEG and TIFF formats in preparing images for client presentations and print portfolios. (6 marks)
  4. Outline the steps you would take to retouch an image of a hotel lobby to remove unwanted reflections and enhance lighting. (8 marks)
  5. Discuss the implications of improper image compression in interior design visual communications. (6 marks)
  6. Explain the difference between raster and vector images and discuss why raster images are preferred in interior design presentations. (10 marks)
  7. Describe five key characteristics of raster images and their significance in producing interior design visuals. (10 marks)
  8. Outline six steps involved in editing a raster image to improve its suitability for a client presentation in an interior design project. (12 marks)
  9. Compare the suitability of JPEG and PNG file formats for different types of interior design images used in client portfolios. (8 marks)
  10. Explain how layer-based editing in Photoshop benefits interior design presentations. (6 marks)
  11. Describe the function of three Photoshop selection tools and their application in modifying interior images. (9 marks)
  12. Compare the uses of JPEG and PNG file formats in interior design projects, highlighting their advantages and limitations. (8 marks)
  13. Outline six main components of the Photoshop interface and explain how customization of the workspace can improve productivity. (12 marks)
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
🔒2.2 Photoshop workspace

The Photoshop workspace is the arrangement of menus, tools, panels and windows that appears when Photoshop is open. It is built around the document window, where images are edited, surrounded by the menu bar, the options bar, the tools panel, a set of panels a…

🔒2.3 Image sourcing and importation

Image sourcing is the process of finding or creating suitable images for a design project, such as photographs of spaces, furniture, materials, textures and finishes, while image importation is the process of bringing those images into Photoshop so they can be…

🔒2.4 Image editing

Image editing in Photoshop is the process of changing a raster image to correct faults, improve its appearance or alter its content. For interior designers it includes cropping and straightening photos, correcting perspective, resizing, making selections, remo…

🔒2.5 Application of layers, masks and adjustment tools

Layers, masks and adjustment tools are the features that make Photoshop work flexible and non-destructive. Layers stack separate parts of an image on top of each other like transparent sheets, masks hide or reveal parts of a layer without deleting pixels, and…

🔒2.6 Save files in editable formats

Saving in an editable format means storing a Photoshop document so that its layers, masks, adjustment layers, smart objects, text and other editable features are kept for future changes. Interior design visuals go through many revisions, so the master file mus…

🔒2.7 Export images

Exporting is the process of producing a flattened copy of a Photoshop design in a format suited to its final use, such as JPEG for email, PNG for screens with transparency, WebP for websites or TIFF and PDF for printing. Unlike saving the editable master, expo…

🔒2.8 Images production

Image production is the stage where finished Photoshop designs are turned into final physical or digital products, such as printed presentation boards, posters, canvas prints, wallpapers, wall murals, printed fabrics and images for screens. It involves choosin…

🔒2.9 Presentation of raster graphics

Presentation of raster graphics is the way finished images are arranged, displayed and explained to clients, colleagues, examiners or the public. The same visuals can be presented as printed boards, digital slideshows, before-and-after comparisons, PDF portfol…

Chapter Summary

This chapter provides a comprehensive introduction to Photoshop as a leading software for creating and editing raster graphics. It explores the Photoshop workspace, detailing the layout and tools essential for efficient image manipulation. The concept of an image is examined, focusing on its properties and how digital images are constructed. Image editing techniques are discussed, highlighting methods to enhance and modify pictures for various purposes. The chapter also covers the practical application of Photoshop in real-world projects, emphasizing workflow and creative processes. Instructions on saving and exporting images are included to ensure proper file management and compatibility for different platforms. The production of images is addressed, explaining how to prepare graphics for print and digital use. Finally, the chapter concludes with guidance on presenting images effectively to communicate visual information clearly and professionally.

Self-Assessment

🔒 PDFDownload this self-assessment, with answers

A. Written Assessment

  1. What is the primary function of Adobe Photoshop in interior design projects? (2 marks)
  2. Identify three key components of the Photoshop workspace and explain their roles. (3 marks)
🔒20 more in this section.

Chapter Examination Questions

🔒 PDFDownload these examination questions, with worked answers

SECTION A (40 Marks) - Answer ALL Questions

  1. Explain the main features of the Photoshop workspace that an interior designer at a Nairobi-based design firm would use when creating a room layout. (4 marks)
  2. Define what a raster graphic is and discuss why Photoshop is suitable for editing interior design images. (4 marks)
🔒18 more in this section.
Flashcards 20 cards Study deck ▾
Question
1

↻ Tap card to reveal answer
🔒

18 more in this section.

Create a free account
Test Yourself 17 questions Start quiz ▾
0%
0 / 2
🔒

15 more in this section.

Create a free account
Am I competent?

At the start of this chapter we promised you would be able to:

  • Set up the Photoshop workspace properly to fit the needs of your raster graphics projects.
  • Import, organize, and manage source images using good file management practices.
  • Edit, enhance, and retouch images accurately to meet project specifications.
  • Apply layers, masks, and adjustment tools effectively in your image editing.
  • Save your work in the correct editable file formats required for the project.
  • Export optimized images in the right formats for different uses.
  • Prepare and check image colors accurately for printing or on-screen display.
  • Present your raster graphics confidently, following industry standards.
  • Create new documents or adapt existing templates to start your projects smoothly.

Tick each one you can genuinely do.

So, are you there yet?

You're competent when you can confidently do 50% or more of what this chapter promised.

Sign in to record how you're doing.