Select the Rectangle tool
- Photoshop User Guide
- Introduction to Photoshop
- Photoshop and other Adobe products and services
- Photoshop on the iPad (not available in mainland China)
- Photoshop on the iPad | Common questions
- Get to know the workspace
- System requirements | Photoshop on the iPad
- Create, open, and export documents
- Add photos
- Work with layers
- Draw and paint with brushes
- Make selections and add masks
- Retouch your composites
- Work with adjustment layers
- Adjust the tonality of your composite with Curves
- Apply transform operations
- Crop and rotate your composites
- Rotate, pan, zoom, and reset the canvas
- Work with Type layers
- Work with Photoshop and Lightroom
- Get missing fonts in Photoshop on the iPad
- Japanese Text in Photoshop on the iPad
- Manage app settings
- Touch shortcuts and gestures
- Keyboard shortcuts
- Edit your image size
- Livestream as you create in Photoshop on the iPad
- Correct imperfections with the Healing Brush
- Create brushes in Capture and use them in Photoshop on the iPad
- Work with Camera Raw files
- Create and work with Smart Objects
- Adjust exposure in your images with Dodge and Burn
- Auto adjustment commands in Photoshop on the iPad
- Smudge areas in your images with Photoshop on the iPad
- Saturate or desaturate your images using Sponge tool
- Content aware fill for iPad
- Photoshop on the web (not available in mainland China)
- Common questions
- System requirements
- Keyboard shortcuts
- Supported file types
- Introduction to the workspace
- Open and work with cloud documents
- Generative AI features
- Basic concepts of editing
- Quick Actions
- Work with layers
- Retouch images and remove imperfections
- Make quick selections
- Image improvements with Adjustment Layers
- Move, transform, and crop images
- Draw and paint
- Work with Type layers
- Work with anyone on the web
- Manage app settings
- Generate Image
- Generate Background
- Reference Image
- Photoshop (beta) (not available in mainland China)
- Generative AI (not available in mainland China)
- Content authenticity (not available in mainland China)
- Cloud documents (not available in mainland China)
- Photoshop cloud documents | Common questions
- Photoshop cloud documents | Workflow questions
- Manage and work with cloud documents in Photoshop
- Upgrade cloud storage for Photoshop
- Unable to create or save a cloud document
- Solve Photoshop cloud document errors
- Collect cloud document sync logs
- Invite others to edit your cloud documents
- Share files and comment in-app
- Workspace
- Workspace basics
- Preferences
- Learn faster with the Photoshop Discover Panel
- Create documents
- Place files
- Default keyboard shortcuts
- Customize keyboard shortcuts
- Tool galleries
- Performance preferences
- Use tools
- Presets
- Grid and guides
- Touch gestures
- Use the Touch Bar with Photoshop
- Touch capabilities and customizable workspaces
- Technology previews
- Metadata and notes
- Touch capabilities and customizable workspaces
- Place Photoshop images in other applications
- Rulers
- Show or hide non-printing Extras
- Specify columns for an image
- Undo and history
- Panels and menus
- Position elements with snapping
- Position with the Ruler tool
- Web, screen, and app design
- Image and color basics
- How to resize images
- Work with raster and vector images
- Image size and resolution
- Acquire images from cameras and scanners
- Create, open, and import images
- View images
- Invalid JPEG Marker error | Opening images
- Viewing multiple images
- Customize color pickers and swatches
- High dynamic range images
- Match colors in your image
- Convert between color modes
- Color modes
- Erase parts of an image
- Blending modes
- Choose colors
- Customize indexed color tables
- Image information
- Distort filters are unavailable
- About color
- Color and monochrome adjustments using channels
- Choose colors in the Color and Swatches panels
- Sample
- Color mode or Image mode
- Color cast
- Add a conditional mode change to an action
- Add swatches from HTML CSS and SVG
- Bit depth and preferences
- Layers
- Layer basics
- Nondestructive editing
- Create and manage layers and groups
- Select, group, and link layers
- Place images into frames
- Layer opacity and blending
- Mask layers
- Apply Smart Filters
- Layer comps
- Move, stack, and lock layers
- Mask layers with vector masks
- Manage layers and groups
- Layer effects and styles
- Edit layer masks
- Extract assets
- Reveal layers with clipping masks
- Generate image assets from layers
- Work with Smart Objects
- Blending modes
- Combine multiple images into a group portrait
- Combine images with Auto-Blend Layers
- Align and distribute layers
- Copy CSS from layers
- Load selections from a layer or layer mask's boundaries
- Knockout to reveal content from other layers
- Selections
- Get started with selections
- Make selections in your composite
- Select and Mask workspace
- Select with the marquee tools
- Select with the lasso tools
- Adjust pixel selections
- Move, copy, and delete selected pixels
- Create a temporary quick mask
- Select a color range in an image
- Convert between paths and selection borders
- Channel basics
- Save selections and alpha channel masks
- Select the image areas in focus
- Duplicate, split, and merge channels
- Channel calculations
- Get started with selections
- Image adjustments
- Replace object colors
- Perspective warp
- Reduce camera shake blurring
- Healing brush examples
- Export color lookup tables
- Adjust image sharpness and blur
- Understand color adjustments
- Apply a Brightness/Contrast adjustment
- Adjust shadow and highlight detail
- Levels adjustment
- Adjust hue and saturation
- Adjust vibrance
- Adjust color saturation in image areas
- Make quick tonal adjustments
- Apply special color effects to images
- Enhance your image with color balance adjustments
- High dynamic range images
- View histograms and pixel values
- Match colors in your image
- Crop and straighten photos
- Convert a color image to black and white
- Adjustment and fill layers
- Curves adjustment
- Blending modes
- Target images for press
- Adjust color and tone with Levels and Curves eyedroppers
- Adjust HDR exposure and toning
- Dodge or burn image areas
- Make selective color adjustments
- Adobe Camera Raw
- Camera Raw system requirements
- What's new in Camera Raw
- Introduction to Camera Raw
- Create panoramas
- Supported lenses
- Vignette, grain, and dehaze effects in Camera Raw
- Default keyboard shortcuts
- Automatic perspective correction in Camera Raw
- Radial Filter in Camera Raw
- Manage Camera Raw settings
- Open, process, and save images in Camera Raw
- Repair images with the Enhanced Spot Removal tool in Camera Raw
- Rotate, crop, and adjust images
- Adjust color rendering in Camera Raw
- Process versions in Camera Raw
- Make local adjustments in Camera Raw
- Image repair and restoration
- Image enhancement and transformation
- Drawing and painting
- Paint symmetrical patterns
- Draw rectangles and modify stroke options
- About drawing
- Draw and edit shapes
- Painting tools
- Create and modify brushes
- Blending modes
- Add color to paths
- Edit paths
- Paint with the Mixer Brush
- Brush presets
- Gradients
- Gradient interpolation
- Fill and stroke selections, layers, and paths
- Draw with the Pen tools
- Create patterns
- Generate a pattern using the Pattern Maker
- Manage paths
- Manage pattern libraries and presets
- Draw or paint with a graphics tablet
- Create textured brushes
- Add dynamic elements to brushes
- Gradient
- Paint stylized strokes with the Art History Brush
- Paint with a pattern
- Sync presets on multiple devices
- Migrate presets, actions, and settings
- Text
- Filters and effects
- Saving and exporting
- Color Management
- Web, screen, and app design
- Video and animation
- Printing
- Automation
- Troubleshooting
Learn how to work with the Rectangle tool in Photoshop
Draw a rectangle
The Rectangle tool allows you to draw rectangles and rounded rectangles on your canvas:
-
From the toolbar, click and hold the Shape tool () group icon to bring up the various shape tool choices. Select the Rectangle tool.
-
Adjust the shape properties of the Rectangle tool
In the shape tool options bar, you can set:
- Mode: Set a mode for your Rectangle tool — Shape, Path, and Pixels.
- Fill: Choose a color to fill your rectangle shape.
- Stroke: Choose the color, width, and type of your shape stroke.
- Stroke width: Manually set width for your rectangle stroke.
- Stroke type: Select the stroke type for drawing a rectangle.
- Shape W&H: Manually set the width and height of your shape.
- Path operations: Use path operations to set the way your drawn rectangles interact with each other.
- Path alignment: Use path alignment to align and distribute your rectangles.
- Path arrangement: Use path arrangement to set the stacking order of rectangles you create.
- Additional shape and path options: Click the gear () icon to access additional rectangle shape and path options to set attributes such as width and color of the on-screen display of your path, and constrain options while drawing rectangles.
- Radius of rounded corners: Manually set the radius for rounding the corners of your rectangle.
- Mode: Set a mode for your Rectangle tool — Shape, Path, and Pixels.
-
Draw a rectangle
Click on the canvas to bring up the Create Rectangle dialog. You can use this dialog to maually set the dimensions, corner radii of your rectangle, and choose to align from centre. Click OK to enable changes. Position your pointer and drag on the canvas to draw a rectangle. This automatically creates a new layer in the Layers panel.
หมายเหตุ:With the March 2021 release of Photoshop 22.3, the Rounded Rectangle tool has been removed. However, you can easily use the improved Rectangle tool with the capability to draw rounded rectangles with a field to set corner radii.
-
Edit rectangle shape properties
You can easily edit your shape properties directly using on-canvas controls or accessing Shape Properties under the Properties panel.
Set shape stroke options
-
Use the Path Selection tool to select the shape whose path you want to modify.
-
In the Properties panel or the tool options bar, click the Set Shape Stroke Type menu icon to open the Stroke Options panel.
-
In the Stroke Options panel, do any of the following:
- Choose the type of stroke you want.
- Click the Align icon and choose an option to specify the position of the stroke relative to its path.
- Click the Caps icon and choose a cap style to specify the appearance of both ends of a path:
Butt cap Creates squared ends that abut (stop at) the endpoints.
Round cap Creates semicircular ends that extend half the stroke width beyond the endpoints.
Projecting cap Creates squared ends that extend half the stroke width beyond the endpoints. This option makes the stroke weight extend evenly in all directions around the path.
Note: Keep in mind that the caps are not visible unless the path is opened. Also, cap styles are easier to see at thicker stroke weights.
- Click the Corner icon to the appearance of the stroke at corner points:
Miter join Creates pointed corners that extend beyond the endpoint when the miter’s length is within the miter limit.
Round join Creates rounded corners that extend half the stroke width beyond the endpoints.
Bevel join Creates squared corners that abut the endpoints.
Note: Like caps, miters are easier to see at thicker stroke weights.
Save stroke settings
After specifying the shape stroke options in the Stroke Options panel, you can save your newly created stroke type for reuse.
Click the gear icon in the upper-right corner of the Stroke Options panel and choose Save Stroke.
Copy and paste shape stroke settings
After specifying shape stroke options, you can apply the settings to another shape by copying and pasting.
-
Click the gear icon in the upper-right corner of the Stroke Options panel and choose Copy Stroke Details.
-
Select the shape you want to modify.
-
In the Properties panel or tool options bar, click the Set Shape Stroke Type menu icon to open the Stroke Options panel.
-
Click the gear icon in the upper-right corner of the Stroke Options panel and choose Paste Stroke Details.