Photoshop Basics: Navigating the Interface for Layer-Based Editing

A Guided Tour of the Photoshop Workspace (for Layer-Based Editing)

Photoshop editing is easiest when you treat the interface as a set of stations you move between: you view your image in the document window, choose tools from the toolbar, adjust tool behavior in the options bar, and manage your project’s editable components (layers, masks, adjustments) in panels. This chapter focuses on the workspace elements you’ll use constantly when building and organizing layered PSD files.

Document Window (Your Canvas and View Controls)

The document window is where your image appears. It can be tabbed (multiple documents in one row of tabs) or floating (separate windows). Your edits happen to the document, but your view (zoom level, pan position) is separate from the actual image pixels.

• Tabs: Click a tab to switch documents. Drag a tab away to float it.
• Status info: At the bottom of the document window (or via settings), you can view helpful readouts such as document size and profile.
• Why it matters for layers: When you’re comparing versions (e.g., before/after), you may keep two documents open and copy layers between them by dragging in the Layers panel or using copy/paste.

Toolbar (Tools You Use to Build and Edit)

The toolbar (usually on the left) contains selection tools, painting tools, retouching tools, type, shapes, and navigation tools. Many tools are grouped—click and hold a tool icon to reveal related tools.

• Foreground/Background color: Used by many tools (Brush, Gradient, Fill). Reset to default with D, swap with X.
• Tool groups: If you can’t find a tool, it may be nested under another.
• Why it matters for layers: Most tools act on the active layer. Getting into the habit of checking which layer is selected prevents accidental edits.

Options Bar (Tool Settings That Change Per Tool)

The options bar (typically at the top) changes depending on the selected tool. It’s where you set key behavior like feathering for selections, brush size/hardness, or transform options.

• Always check it: If a tool “isn’t working,” the options bar is often the reason (e.g., wrong selection mode, opacity set low).
• Reset a tool: You can often reset tool settings from the tool’s icon/menu on the left side of the options bar.

Panels (Where Layer-Based Editing Lives)

Panels are the right-side modules that manage your project. Panels can be docked, grouped into tabs, collapsed into icons, or pulled out as floating panels.

Continue in our app.

• Listen to the audio with the screen off.
• Earn a certificate upon completion.
• Over 5000 courses for you to explore!

Or continue reading below...

Download the app

• Dock: A vertical area where panels snap into place.
• Panel group: Tabs within a single docked area (e.g., Layers/Channels/Paths).
• Collapse: Click the double arrows to collapse panels to icons for more canvas space.

For everyday layer-based work, these panels are especially important:

• Layers: The stack of editable components (pixel layers, adjustment layers, text, shapes). You’ll rename, reorder, group, hide/show, lock, and duplicate here.
• Properties: Context-sensitive controls for the selected layer type (especially masks and adjustment layers).
• Adjustments: Quick access to create adjustment layers (non-destructive tonal/color changes).
• History: A list of recent steps. Useful for jumping back to a prior state while you experiment.

Workspaces (Saved Layouts for Different Tasks)

A workspace is a saved arrangement of panels, menus, and tool settings. Photoshop includes presets (for example, Photography, Essentials) and you can create your own. Workspaces matter because consistent panel placement speeds up layer-based workflows—your eyes and mouse travel less.

• Switching: Use the workspace switcher (often top-right) or Window > Workspace.
• Resetting: If panels get “lost,” reset the current workspace to its default layout.

Hands-On Setup: Build a Comfortable Layer Editing Workspace

This setup aims to keep the panels you’ll use most (Layers, Properties, Adjustments, History) visible and logically grouped.

Step 1: Choose a Starting Workspace

1. Go to Window > Workspace.
2. Select a workspace that fits photo editing (commonly Photography).
3. Immediately choose Window > Workspace > Reset [Workspace Name] to start from a clean baseline.

Step 2: Arrange the Key Panels

Goal layout: Layers at the bottom-right, Properties above it, Adjustments near Properties, and History accessible without covering the canvas.

1. Open panels if needed: Window > Layers, Window > Properties, Window > Adjustments, Window > History.
2. Drag the Layers tab to the bottom of the right dock (or wherever it’s easiest to reach).
3. Drag Properties so it sits above Layers (you’ll use it constantly when working with adjustments and masks).
4. Dock Adjustments as a tab next to Properties (so you can quickly create an adjustment layer, then immediately tweak it in Properties).
5. Place History as a tab near Layers or as a small floating panel. Keep it visible enough to click a prior state, but not so large it steals canvas space.

Tip: If you accidentally close a panel, reopen it from the Window menu. If a panel is off-screen, resetting the workspace is often the fastest fix.

Step 3: Set Zoom and Pan Habits (Shortcuts You’ll Use Constantly)

Fast navigation keeps you focused on decisions rather than interface friction. Use these as your default muscle memory:

• Zoom in/out: Ctrl + / Ctrl - (Windows) or Cmd + / Cmd - (Mac).
• Fit on screen: Ctrl 0 / Cmd 0.
• 100% view: Ctrl 1 / Cmd 1 (useful for checking sharpness and pixel-level edits).
• Temporary Hand tool (pan): Hold Space and drag.
• Temporary Zoom tool: Hold Ctrl+Space (Windows) or Cmd+Space (Mac) and click/drag to zoom in; add Alt/Option to zoom out.

Step 4: Configure Key Preferences (Units, Scratch Disk Awareness, Undo States)

Preferences affect how comfortable Photoshop feels day-to-day and how safely it handles large layered files.

Units & Rulers

1. Open preferences for units: Edit > Preferences > Units & Rulers (Windows) or Photoshop > Settings/Preferences > Units & Rulers (Mac).
2. Set Rulers to a unit you actually use (often Pixels for screen work, or Inches/Millimeters for print).
3. Optional: Turn on rulers when needed via View > Rulers.

Scratch Disk Awareness (Performance Safety for Big PSDs)

Photoshop uses a scratch disk as working space when RAM isn’t enough—layered documents can grow quickly, especially with high-resolution photos.

1. Go to Edit > Preferences > Scratch Disks (Windows) or Photoshop > Settings/Preferences > Scratch Disks (Mac).
2. Confirm the selected drive has plenty of free space. Prefer a fast internal SSD if available.
3. Avoid using a nearly full system drive; low scratch space can cause slowdowns or errors when saving/working.

Undo States / History States

Photoshop can keep a number of previous steps available in the History panel. More states can be helpful, but they can also increase memory usage.

1. Open Edit > Preferences > Performance.
2. Find History States and set a practical number (for example, 50 as a balanced starting point; increase if you frequently need to jump back far).
3. Use the History panel to step back to a prior state when experimenting.

Step 5: Save Your Custom Workspace

1. Go to Window > Workspace > New Workspace....
2. Name it something like Layer Editing - Basics.
3. Save. If your panels get rearranged later, you can reset or reselect this workspace.

Mini-Exercise: Start a Layered Project and Save a PSD

This quick exercise reinforces the idea that Photoshop projects are built around editable components (layers) and that saving as PSD preserves that structure.

Step-by-Step

1. Open a photo: Choose File > Open... and select a photo (JPEG or similar).
2. Check the Layers panel: You should see a single Background layer (often locked).
3. Duplicate the background: In the Layers panel, right-click the Background layer and choose Duplicate Layer... (or drag it to the new layer icon). You now have a copy above it.
4. Rename layers clearly: Double-click the duplicated layer name and rename it to Base Edit. Rename the original Background to Original if Photoshop allows it (you may need to unlock/convert it first depending on version). The goal is to build a habit of meaningful names.
5. Reorder (optional): Keep Original at the bottom and Base Edit above it. This makes it easy to toggle visibility for comparison.
6. Save as PSD: Go to File > Save As... (or Save a Copy depending on your version). Choose Photoshop (.PSD). Ensure the option to preserve layers is enabled if prompted.

What to Look For After Saving

• Close the document and reopen the PSD.
• Confirm both layers are still present and named correctly in the Layers panel.
• Toggle the visibility (eye icon) of Base Edit to confirm you can compare against Original.