Rectangle and Elliptical Selection Tools

Mastering Geometric Selections for Precision Editing

The Building Blocks of Selection

In our previous lecture, we explored the fundamental concepts of selections in GIMP. Now, we'll focus on the most basic yet versatile selection tools: the Rectangle Select and Ellipse Select tools. These geometric selection tools are often the first ones new users learn, but they have surprising depth and functionality that even experienced editors rely on daily.

Think of these tools as the squares and circles in a child's shape sorter toy—simple, fundamental forms that provide the building blocks for more complex structures. While they may seem basic at first glance, these geometric selection tools offer precision, predictability, and a wide range of options that make them indispensable in your GIMP toolkit.

In this lecture, we'll explore both tools in depth, learning their features, options, keyboard modifiers, and practical applications. We'll also discover how these seemingly simple tools can create surprisingly complex selections when used with the right techniques.

The Rectangle Select Tool

The Rectangle Select tool creates rectangular or square selections with straight edges and right angles.

Accessing the Rectangle Select Tool

Basic Usage

Creating a basic rectangular selection is straightforward:

  1. Select the Rectangle Select tool
  2. Click at one corner of your desired selection area
  3. Drag diagonally to the opposite corner
  4. Release to complete the selection

Rectangle Selection in Action

Step 1: Click Step 2: Drag Diagonally Step 3: Release Creating a Basic Rectangular Selection

Key Modifiers and Constraints

While dragging to create a rectangular selection, you can use these keyboard modifiers:

Modifier Key Function Use Case
Shift Constrains to a perfect square Creating square selections for symmetrical content
Ctrl Selects from center outward When you know the center point rather than a corner
Shift+Ctrl Perfect square from center Centered square selections
Alt Moves selection outline (not content) Repositioning a selection before finalizing it

Modifier Keys Visualized

flowchart TD A[Rectangle Selection\nin Progress] --> B{Which Modifier?} B --> |No Modifier| C[Free Rectangle\nAny Proportions] B --> |Shift| D[Perfect Square\nFrom Corner] B --> |Ctrl| E[From Center\nOutward] B --> |Shift+Ctrl| F[Perfect Square\nFrom Center] B --> |Alt| G[Move Selection\nOutline] style C fill:#f9d5e5,stroke:#333 style D fill:#d5e8f9,stroke:#333 style E fill:#e5f9d5,stroke:#333 style F fill:#f9e5d5,stroke:#333 style G fill:#e5d5f9,stroke:#333

These modifier keys can be combined with selection operations (Add, Subtract, Intersect) for even more flexibility. For example, holding both Shift (for a square) and Alt (to add to selection) lets you add a perfect square to an existing selection.

Rectangle Select Tool Options

The Tool Options panel provides additional controls for the Rectangle Select tool:

Mode Options

These modes can also be accessed with keyboard modifiers while creating a selection:

Rounded Corners

One of the most useful features of the Rectangle Select tool is the ability to create rounded corners:

Rectangle Select Tool Options Mode: Replace + - ∩ Antialiasing: Feather edges: 0.0 pixels Rounded corners: Radius: 15.0 pixels Expand from center: Fixed: Aspect ratio 2:1 Position Size

Rounded Corners in Practice

Radius: 0px (Standard Rectangle) Radius: 10px (Slight Rounding) Radius: 25px (Medium Rounding) Radius: 50px (Pill Shape)

Rounded corners are particularly useful for:

  • UI design elements like buttons and panels
  • Creating "pill" shapes (with high radius values)
  • Softening the look of rectangular frames
  • Creating social media profile pictures with rounded corners

The maximum effective radius is half the width or height (whichever is smaller) of your selection. Beyond that, you'll get a fully rounded shape (pill or circle).

Fixed Aspect Ratio

For precise proportional control:

This is invaluable when creating selections for specific output formats like social media posts, video thumbnails, or print layouts.

Fixed Size

When you need selections of exact dimensions:

This is perfect for creating elements that must match precise specifications, such as banner ads, avatars, or standardized photo sizes.

Other Options

The Ellipse Select Tool

The Ellipse Select tool creates oval or circular selections with curved boundaries.

Accessing the Ellipse Select Tool

Basic Usage

Creating an elliptical selection follows the same pattern as rectangular selections:

  1. Select the Ellipse Select tool
  2. Click at one corner of an imaginary bounding box
  3. Drag diagonally to the opposite corner
  4. The ellipse will fill this bounding box
  5. Release to complete the selection

Ellipse Selection in Action

Step 1: Click Step 2: Drag Diagonally Step 3: Release Creating a Basic Elliptical Selection

Key Modifiers and Constraints

The Ellipse Select tool uses the same modifiers as the Rectangle Select tool:

Modifier Key Function Use Case
Shift Constrains to a perfect circle Creating circular selections
Ctrl Selects from center outward When you know the center point
Shift+Ctrl Perfect circle from center Centered circular selections
Alt Moves selection outline Repositioning before finalizing

These modifiers also combine with the selection operations (Add, Subtract, Intersect) in the same way as the Rectangle Select tool.

Ellipse Select Tool Options

The Ellipse Select tool shares most of its options with the Rectangle Select tool:

Shared Options

Fixed Options

Like the Rectangle Select tool, Ellipse Select offers fixed constraints:

Feathering Comparison

No Feathering (Sharp Edge) 15px Feathering (Gradual Transition) Feathered Zone (Partially Selected)

Feathering is particularly effective with elliptical selections for:

  • Creating vignette effects around photos
  • Softening spotlight-like adjustments
  • Blending elements naturall into backgrounds
  • Creating gradient transitions between regions

The feather value determines the width of the transition zone where pixels are partially selected. Higher values create wider, softer transitions.

When to Use Elliptical vs. Rectangular Selections

While both tools create geometric selections, they have distinct strengths:

Rectangle Select Best For Ellipse Select Best For
Architectural elements Portraits and faces
UI components Spotlight effects
Document scans Vignettes
Frame crops Bubbles and circular objects
Pixel-precise work Natural or organic shapes

Precision Techniques for Geometric Selections

For truly precise geometric selections, try these professional techniques:

Using Guides for Alignment

Numeric Precision

Selection from Center

When the central point is your reference:

Selection with Fixed Position

Guide-Based Precision Selection

50 100 150 200 250 50 100 150 200 250 300 350 400 450 150, 150 + 200 × 100 200.0 KB Guide at 100px Guide at 100px Selection Snapped to Guides Real-time Coordinates Guide-Based Precision Selection with Real-Time Measurements

This technique combines multiple precision approaches:

  • Guides are placed at strategic positions (100px and 200px from edges)
  • Selection snaps to guide intersections for perfect positioning
  • Status bar provides real-time dimensions for verification

This approach ensures pixel-perfect selections for critical design work where precise dimensions and positioning are essential.

Advanced Applications of Geometric Selections

Beyond basic selecting, these tools enable sophisticated techniques:

Creating Custom Frames

For creative photo frames and borders:

  1. Create an outer rectangle or ellipse selection
  2. Hold Shift+Ctrl and make a smaller inner selection
  3. This creates a frame-shaped selection
  4. Fill with color, pattern, or apply effects

Creating a Custom Frame

Step 1: Outer Rectangle Step 2: Inner Rectangle (with Shift+Ctrl+drag) Step 3: Fill Frame Creating a Frame Using Selection Operations

Circular Vignettes

Split Circular Interface Elements

Sequential Operations for Complex Shapes

By combining multiple geometric selections with different operations:

Complex Shape Creation through Selection Operations

flowchart TB A[Initial Rectangle\nSelection] --> B[Add Small Rectangle\nat Top-Center\n(Shift Key)] B --> C[Subtract Two Small\nRectangles at\nLower Corners\n(Ctrl Key)] C --> D[Add Small Ellipse\nat Bottom-Center\n(Shift Key)] D --> E[Complex Tab-like\nShape Created] style A fill:#f9d5e5,stroke:#333 style B fill:#d5e8f9,stroke:#333 style C fill:#e5f9d5,stroke:#333 style D fill:#f9e5d5,stroke:#333 style E fill:#e5d5f9,stroke:#333

This flowchart demonstrates how multiple selection operations can be combined to create a complex shape—in this case, a tab-like interface element with rounded corners and a notch. By mastering these combined operations, you can create virtually any shape without needing to draw it manually.

Practice Activities

Activity 1: Selection Constraint Practice

Create a new 800×600 pixel document and practice creating selections with constraints:

  1. Create a perfect square selection (hold Shift with Rectangle Select)
  2. Create a perfect circle selection (hold Shift with Ellipse Select)
  3. Create selections that expand from center (hold Ctrl while dragging)
  4. Create a square selection with a specific size (use Fixed Size option)
  5. Create an elliptical selection with a specific aspect ratio (use Fixed Aspect Ratio)

Fill each selection with a different color to see the results clearly.

Activity 2: Rounded Corner Exploration

Create a series of rounded rectangle selections with different radius values:

  1. Create a standard rectangle (no rounding)
  2. Create rectangles with 5px, 15px, 30px, and 50px radius values
  3. Create a "pill shape" by setting the radius to half the height of your rectangle
  4. Fill each selection with a different color to compare the effects

This will help you understand how the radius parameter affects the appearance of rounded corners.

Activity 3: Precision Selection Challenge

Practice precise selection techniques:

  1. Create a new 500×500 pixel document
  2. Set up guides at 100px intervals (100, 200, 300, 400)
  3. Enable "Snap to Guides" in the View menu
  4. Create selections of specific sizes that align perfectly with guide intersections
  5. Practice using the status bar to verify exact dimensions

For an additional challenge, try creating selections with specific aspect ratios (16:9, 4:3, etc.) that align precisely with guides.

Activity 4: Creative Frame Design

Apply what you've learned to create a decorative photo frame:

  1. Open a photograph or create a simple placeholder image
  2. Use the Rectangle Select tool to create an outer selection around the entire image
  3. Hold Shift+Ctrl and create a smaller inner selection with rounded corners
  4. Fill the resulting frame-shaped selection with a color or pattern
  5. Try variations like:
    • Elliptical frame (using the Ellipse Select tool)
    • Rounded rectangle frame with different radius values
    • Double frame (repeat the process with different dimensions)

Save your work as an XCF file to preserve the layers for future editing.

Common Mistakes and Troubleshooting

Even experienced users encounter issues with geometric selections. Here are some common problems and their solutions:

Problem: Selection appears as the wrong shape (e.g., rectangle instead of square)

Likely Cause: Forgetting to hold Shift or using the wrong constraint mode

Solution: Press Esc to cancel the selection and try again, making sure to hold Shift for aspect constraints. Alternatively, set up a Fixed Aspect Ratio in the Tool Options.

Problem: Selection is in the wrong position

Likely Cause: Started dragging from the wrong point or didn't use guides

Solution: While still making the selection (before releasing), hold Alt to reposition the selection. If you've already completed the selection, use Select → Float to move it without affecting content.

Problem: Selection doesn't snap to guides

Likely Cause: "Snap to Guides" option is disabled

Solution: Enable View → Snap to Guides. Also check that guides are visible (View → Show Guides).

Problem: Selection operations (add, subtract) don't work

Likely Cause: Not holding modifier keys during the entire selection process

Solution: Hold the modifier key (Shift, Ctrl, or Shift+Ctrl) from before you click until after you release. Alternatively, set the mode explicitly in the Tool Options panel.

Problem: Rounded corners don't appear

Likely Cause: "Rounded corners" option is not enabled or radius is too small

Solution: Check the "Rounded corners" checkbox in Tool Options and adjust the radius value. For small selections, even 5-10 pixels can make a noticeable difference.

Summary: Geometric Selection Mastery

In this lecture, we've explored the Rectangle Select and Ellipse Select tools in depth:

These seemingly simple tools form the foundation of many more complex selection operations. By mastering these geometric selection tools, you've gained precise control over defined areas in your images, enabling you to make targeted adjustments and create structured compositions.

Coming Up Next

In our next lecture, we'll explore more advanced selection tools, including the Free Select (Lasso) and Intelligent Scissors tools, which allow for more organic and complex selection shapes beyond basic geometry.

Further Resources