Rectangle and Ellipse Shapes in Photoshop

The Rectangle Tool is used to create rectangular shapes in Photoshop.

It is commonly used for backgrounds, cards, buttons, banners, panels and design sections.

The Ellipse Tool is used to create oval and circular shapes.

It is useful for creating circles, badges, profile frames, decorative elements and icons.

The Rectangle Tool and Ellipse Tool are available in the Shape Tools group in the Photoshop Toolbar.

If you see another shape tool in the Toolbar, click and hold the tool to view the other tools in the same group.

Select the Rectangle Tool from the Shape Tools group.

Once selected, Photoshop displays shape-related options in the Options Bar.

To create a rectangle:

1. Select the Rectangle Tool.
2. Move the pointer to the canvas.
3. Click and drag.
4. Release the mouse button.

Photoshop creates the rectangle in the selected shape mode.

A square has equal width and height.

While drawing a rectangle, hold the appropriate modifier key to constrain its proportions and create a square.

Width = Height
     ↓
  Square

To create an ellipse:

1. Select the Ellipse Tool.
2. Move the pointer to the canvas.
3. Click and drag.
4. Release the mouse button.

A circle is an ellipse with equal width and height.

Hold the appropriate modifier key while dragging the Ellipse Tool to constrain the proportions and create a perfect circle.

Photoshop provides different ways to create shapes. The Shape mode creates a shape layer.

Shape layers are useful because the shape remains editable as a vector-based design element.

Fill controls the inside appearance of the rectangle or ellipse.

You can select a suitable color or other available fill option depending on your design.

Rectangle
████████████
   Fill

Stroke controls the outline around a shape.

You can change the stroke color and width to create borders.

┌─────────────┐
│    Shape    │
└─────────────┘
      ↑
    Stroke

A rectangle or ellipse can use both fill and stroke.

For example, you can create a blue rectangle with a white border around it.

When you create a rectangle or ellipse using Shape mode, Photoshop creates a separate shape layer.

The shape layer can be moved, resized and edited independently.

Give shape layers meaningful names to keep the Layers Panel organized.

Background
Main Card
Profile Circle
Button
Border

The width and height of a rectangle can be adjusted after it is created.

This is useful when creating accurately sized cards, banners and interface elements.

The width and height of an ellipse can also be changed.

Equal dimensions produce a circle, while different dimensions produce an oval.

Equal dimensions
       ↓
    Circle

Different dimensions
       ↓
     Oval

Rectangle shapes can have rounded corners.

Rounded rectangles are commonly used for modern buttons, cards, labels and interface elements.

A rounded rectangle can be used as the background of a button.

┌─────────────────────┐
│      ENROLL NOW     │
└─────────────────────┘

Add a text layer above the shape to complete the button.

The Ellipse Tool can be used to create a circular frame for a profile photograph.

A circular shape can be placed behind or around the photo to create a clean profile design.

Rectangles are frequently used as cards in advertisements, websites and social media graphics.

┌─────────────────────────┐
│       Course Card       │
│                         │
│   Course Information    │
│                         │
└─────────────────────────┘

Circles and ovals can be used as decorative elements.

You can place several circles of different sizes in the background of a poster or social media post.

Multiple shapes can be aligned using Photoshop's alignment controls.

• Align left
• Align center
• Align right
• Align top
• Align bottom

Shape layers can be duplicated when you need repeated design elements.

For example, one button can be duplicated to create several buttons with similar dimensions.

You can change the fill and stroke colors of rectangle and ellipse shapes.

Choose colors that match your design theme and provide good contrast.

Shapes can be enhanced using Photoshop Layer Styles.

• Drop Shadow
• Inner Shadow
• Stroke
• Outer Glow
• Color Overlay
• Gradient Overlay

• Creating circles with unequal dimensions
• Using too many shapes
• Ignoring alignment
• Using poor color combinations
• Making borders too thick
• Using unnecessary effects
• Not naming important shape layers

Practice both shape tools:

1. Create a new Photoshop document.
2. Create a large rectangle.
3. Create a rounded rectangle.
4. Create an ellipse.
5. Create a perfect circle.
6. Change the fill colors.
7. Add different stroke colors.
8. Move the shapes.
9. Align the shapes.

Create a simple course advertisement using rectangles and circles.

┌──────────────────────────────┐
│       SOOPRO PATHSHALA       │
│                              │
│          ◯  ADCA             │
│                              │
│    ┌────────────────────┐    │
│    │    JOIN NOW        │    │
│    └────────────────────┘    │
│                              │
└──────────────────────────────┘

Use the rectangle as the main layout area, the circle as a decorative element and the rounded rectangle as a button.

1. Plan the design layout.
2. Select Rectangle or Ellipse Tool.
3. Draw the required shape.
4. Set the fill.
5. Set the stroke if needed.
6. Adjust dimensions.
7. Rename the shape layer.
8. Align and position the shape.
9. Add text or other design elements.
10. Review the final design.

Rectangle and Ellipse Tools are essential Photoshop tools for creating clean geometric designs.

Rectangles are useful for cards, buttons and layout sections, while ellipses and circles are useful for badges, profile frames and decorative elements.

Learning fill, stroke, dimensions, alignment and shape layers will help you create professional designs.