Featured Article

How to Create a Figure Ground Map in Photoshop: A Step-by-Step Guide

Cynthia Jul 13, 2026

Creating a figure ground map is an essential process in design and architecture, helping to illustrate the spatial relationship between elements. Adobe Photoshop, with its powerful tools and features, is an excellent platform to make these maps efficiently. This guide will walk you through the step-by-step process of how to make a figure ground map in Photoshop.

Maps Tutorial for Architects using Photoshop ✅
Maps Tutorial for Architects using Photoshop ✅

Before we dive in, ensure you have a clear understanding of the concept. A figure ground map illustrates an object (figure) and its background (ground) in a two-dimensional space. It simplifies complex 3D forms into flat, understandable plans, making it a vital tool for communication and design.

Architectural Masterplan with Google Earth & Photoshop | FAST & EASY | 2025
Architectural Masterplan with Google Earth & Photoshop | FAST & EASY | 2025

Understanding the Basics of Figure Ground Maps

To begin, let's grasp the fundamental aspects of figure ground maps. These maps consist of lines, shapes, and symbols representing the elements of a space, with contrast and line weight playing a crucial role in distinguishing the figure from the ground.

Watercolor Map Tutorial In Photoshop
Watercolor Map Tutorial In Photoshop

Familiarize yourself with the key components. The figure, or main focus, is the object or element you want to highlight. The ground, on the other hand, is the background or supporting element that contextualizes the figure.Understanding these elements will help you create a clear and effective figure ground map.

Choosing Your Drawing Tools

How to Easily Make a Map in 10 Minutes with Photoshop
How to Easily Make a Map in 10 Minutes with Photoshop

Photoshop offers various tools to create figure ground maps. For this process, you'll primarily use the Pen Tool (P), Line Segment Tool (/), Marquee Tools (M), and Shape Tools (U). Familiarize yourself with these tools and their functionalities before starting.

Additionally, explore Photoshop's brushes, line weights, and blending options to add depth and emphasis to your figure ground map. Experiment with different settings to find the most suitable ones for your project.

Setting Up Your Photoshop Document

an image of a city map in photoshopped to look like it has been drawn
an image of a city map in photoshopped to look like it has been drawn

Create a new document in Photoshop by going to File > New. Set the dimensions, resolution, and color mode according to your project requirements. For figure ground maps, landscape orientation and high resolution (300 dpi) are typically preferred.

Establish your document's background color, default brush size, and initial layer settings. This will ensure a smooth and efficient workflow throughout the figure ground map creation process.

Creating the Figure and Ground

Make this Master Plan Illustration using only Google Earth and Illustrator Tutorial
Make this Master Plan Illustration using only Google Earth and Illustrator Tutorial

Once your document is set up, start creating the figure and ground elements. This stage revolves around sketching, tracing, or directly drawing the lines and shapes that represent the objects and background in your map.

Begin by creating the ground elements – typically, the broad areas that enclose the figure. Use the Marquee Tools (M) or Shape Tools (U) to draw rectangles, ellipses, or custom shapes that define the ground. Apply fills and strokes to emphasize the ground's extent.

an image of a map with red letters on it
an image of a map with red letters on it
Easy Map Editing Tricks You Can Try | Architecture Mapping For Beginners
Easy Map Editing Tricks You Can Try | Architecture Mapping For Beginners
the google earth master plan in photoshop is shown with red arrows pointing to different locations
the google earth master plan in photoshop is shown with red arrows pointing to different locations
TUTORIAL MAPA [PHOTOSHOP]
TUTORIAL MAPA [PHOTOSHOP]
an image of a map with the words drawn on it
an image of a map with the words drawn on it
Make A 3D Depth Map In Photoshop
Make A 3D Depth Map In Photoshop
How To Create Topographic Map Patterns in Photoshop
How To Create Topographic Map Patterns in Photoshop
Create a 3D Map in Photoshop
Create a 3D Map in Photoshop
Layered Axonometric Map in Photoshop
Layered Axonometric Map in Photoshop

Drawing the Figure

Next, focus on creating the figure elements. Use the Pen Tool (P) to draw precise lines and shapes that outline the main objects. The Pen Tool allows you to create Bezier curves and straight lines, enabling you to capture intricate details of the figure.

Draw each line and shape carefully, ensuring that they accurately represent the object's form and spatial relationship with the ground. Use the Line Segment Tool (/) to create precise, straight segments when necessary.

Adding Line Weight and Contrast

To distinguish the figure from the ground, apply appropriate line weights and contrast techniques. Thicker strokes for the figure and thinner, dashed, or faded lines for the ground help to create visual hierarchy and focus.

Experiment with Photoshop's brush settings to achieve the desired line weights. Use the Stroke option in the Style panel (Window > Style) to apply multiple strokes, providing additional emphasis and depth to the figure ground map.

Refining and Detailing the Figure Ground Map

After creating the basic figure and ground, refine the map to ensure clarity and accuracy. This stage involves adding details, adjusting line weights, and refining the contrast between the figure and ground.

Use tools like the Eraser (E) and Layer Masks to eliminate unwanted parts, reveal hidden elements, or create holes within shapes. Utilize the Move Tool (V), Resize Tool (T), and other transformation tools to reposition, rescale, or skew elements as needed.

Adding Text and Labels

Include text and labels to clearly identify the figure and ground elements in the map. Use Photoshop's Type Tool (T) or the Horizontal Type Tool (Shift + T) to create and format text layers.

Alter fonts, font sizes, and text colors to maintain consistency with the overall figure ground map design. Position labels strategically, ensuring they do not overlap important lines or shapes and are easily readable.

Final Touches and Exporting

After completing the figure ground map, apply final touches to enhance its appearance and prepare it for export. Flatten the image (Layers > Flatten Image) and save it as a JPEG, PNG, or any other suitable format for your project requirements.

Preview your figure ground map at different zoom levels and on multiple screens to ensure it looks crisp and clear. Make adjustments as necessary to guarantee the best possible outcome.

Mastering the art of creating figure ground maps in Photoshop opens up new avenues in design and communication. With practice, you'll become proficient in utilizing this powerful tool to illustrate spatial relationships and create compelling visual content.