The most reliable way to add a classic border is to enlarge the photo’s canvas, fill the new area with a color, and keep that color layer behind the image. For shaped frames, use a mask or frame container instead: Photoshop’s Frame tool and Canva’s frames crop and resize the photo inside a rectangle, circle, polygon, or other shape. The right method depends on whether you need a clean print edge, a decorative crop, a precisely editable file, or the fastest beginner workflow.
This guide explains both approaches step by step, including how Photoshop divides canvas measurements, how to style outlines, where Canva’s border controls are found, how to avoid cropping away the subject, and what changes when the finished image will be printed.
As an Amazon Associate I earn from qualifying purchases.
Border, frame and mask: what you are actually adding
People use “frame” to describe several different effects. A canvas border is extra space added around the entire rectangular image. The original pixels stay intact, and the new space can be filled with white, black, a sampled color, or another design. This is the best choice when you want an even edge around a photograph or a simulated mat inside a print.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitchesA shape frame is a container that defines the visible outline of the image. The photo is clipped to that shape, so a rectangular, elliptical, triangular, polygonal, or custom frame can turn a normal image into a circle, badge, collage tile, or mockup element. The image itself can usually be repositioned inside the container without changing the frame.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
A stroke is an outline drawn around a layer or frame. It can be used alone or placed over a canvas border. Stroke controls normally determine the fill style, width and whether the outline sits inside, centered on, or outside the edge. These distinctions matter: enlarging the canvas creates visible space, while a stroke outlines an existing edge, and a shape frame changes the crop.
Choose the method before you edit
| Method | Best for | Main controls | Editing flexibility |
|---|---|---|---|
| Photoshop canvas expansion | An even rectangular border for a photo or print | Relative canvas width and height, centered anchor, color layer order | Exact dimensions and separate layers |
| Photoshop Frame tool | Circles, polygons, collages, mockups and custom-shaped crops | Frame shape, image placement and frame-layer stroke | Image remains masked inside an editable frame |
| Photoshop stroke | A defined outline around an existing image or frame | Solid, gradient or pattern fill; width; Inside, Center or Outside position | Detailed outline treatment |
| Canva Stroke style | Quick borders on supported images, videos, frames and shapes | Style, weight, color and, where available, corner rounding | Fast visual adjustment in the toolbar |
| Canva frames | Drag-and-drop shaped crops for social graphics, avatars and layouts | Frame selection, image position, size, border color, stroke weight and corner rounding | Simple repositioning and resizing inside the frame |
Canva is generally the quickest route when you want a visual result without managing layers. Photoshop takes more steps, but it exposes exact canvas dimensions, layer order, stroke alignment and custom shapes. Separate fill, image and frame layers also make a Photoshop file easier to revise later. Use a canvas border for a clean rectangular edge; use a shape frame when the crop itself is part of the design.
How to add a classic rectangular border in Photoshop
Adobe’s documented workflow starts with a single background layer and uses a centered, relative canvas expansion. The crucial detail is that the width and height you enter are the total amount added, not the thickness on one side. With the anchor centered, Photoshop divides each value equally between opposite edges.
1. Prepare a version you can change
- Open the photograph and save a new version before editing. This preserves the original if you later want a different border or crop.
- Work from a single background layer. If the document contains multiple layers and the finished image should be treated as one photo, choose Layer > Flatten Image when necessary.
- Choose Layer > New > Layer from Background. This converts the background into a normal layer so the border can sit beneath it.
Flattening is a preparation step, not a requirement for every file. If your composition already has the layer structure you want, keep it and make sure the photograph layer can be separated from the color layer that will form the border.
2. Expand the canvas, not the pixels
- Choose Image > Canvas Size.
- Enable Relative. Enter the additional width and additional height you want to add around the image.
- Leave the anchor centered so the added area is distributed evenly on all four sides.
- Apply the change. Positive values create a wider border; negative values make the canvas smaller and therefore reduce the visible margin.
For example, if you enter an additional width of 200 pixels with a centered anchor, Photoshop adds 100 pixels to the left and 100 pixels to the right. An additional height of 120 pixels becomes 60 pixels at the top and 60 pixels at the bottom. If you need a 50-pixel border on each side, enter 100 pixels for the added width and 100 pixels for the added height. The same arithmetic applies to physical units when the document uses inches, centimeters or another supported unit.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
3. Create the border color
- Create a Solid Color fill or adjustment layer for the border color.
- Choose white, black, a color sampled from the photograph, or a contrasting color that supports the subject.
- Drag the color layer below the image layer in the Layers panel.
If the color layer remains above the image, it will cover the photograph instead of appearing around it. Keeping the fill on its own layer lets you change the hue without repeating the canvas operation.
4. Inspect the result and save
Check all four edges at 100% view and at the size where the image will be used. Look for an accidentally off-center anchor, a border that is thinner on one side, or a subject that is too close to the new edge. Save the edited version under a new name. Adobe describes this process as a way to give a photo a border for added visual interest; the same workflow also creates a digital approximation of an interior matte.
Use Photoshop’s Frame tool for circles and other shapes
When the desired result is a circle, triangle, polygon or custom silhouette, expanding the canvas is the wrong operation because it leaves the image rectangular. Photoshop’s Frame tool creates a shape container and automatically masks and resizes a placed image to fit it.
Draw the frame
- Select the Frame tool.
- Choose a rectangular, elliptical, triangular, polygonal or custom shape from the tool options.
- Drag on the canvas to draw the frame at the size and location you need.
The frame is a separate layer. Its dimensions and position define the visible crop, while the image placed inside remains associated with that container.
Place and position the image
- Place an existing image in the frame or generate an image there using the available Photoshop placement options.
- Photoshop masks and resizes the image to the frame automatically.
- Reposition the image inside the frame so the important subject remains visible. Resize the frame itself when the layout needs a different proportion.
This workflow is useful for collages with several differently shaped photos, profile-style circular portraits, product mockups and layouts where each image needs a consistent container. The frame controls the crop; it does not add a rectangular margin around the original photo.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Add an outline with Photoshop Stroke
A shaped frame or a normal image can need a visible outline in addition to its crop. Select the relevant frame layer, open the layer’s fx controls and choose Stroke. Photoshop provides three fill treatments: solid color, gradient or pattern. Set the stroke width, then choose its alignment:
The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →- Inside keeps the outline within the layer’s edge.
- Center straddles the edge.
- Outside places the outline beyond the edge.
Alignment changes the apparent size of the image and the amount of space available around it. An outside stroke can enlarge the design footprint, while an inside stroke can reduce the visible photo area. Preview the effect at the final display size because a width that looks restrained when zoomed in can dominate a small avatar or thumbnail. Adobe’s Photoshop Help describes a stroke as a way to create a defined border around an image or design element.
Add a border quickly in Canva
Canva’s border controls are designed for a visual, toolbar-based workflow. They work only on supported element types, so the control may not appear for every object.
Apply a stroke to a supported element
- Select the image, video, frame or shape on the canvas.
- Open Stroke style in the toolbar.
- Choose a stroke style.
- Adjust the stroke weight.
- Choose the stroke color.
- Use Corner rounding when that option is available and you want softer corners.
Canva notes that borders are not supported on every element. Some text boxes, shadows, flipped shapes and certain editable shapes do not expose border controls. If Stroke style is missing, select the actual image or supported shape rather than a group, or use a Canva frame as an alternative.
Crop a photo into a decorative Canva frame
- Search Canva’s elements for a frame and choose the shape that matches your layout.
- Add the frame to the page.
- Drag an uploaded photo or Canva media onto the frame.
- Resize the frame to fit the composition.
- Reposition the image within the frame so the subject is not cut off.
- Adjust the border color, stroke weight and corner rounding from the toolbar when those controls are offered.
Canva describes frames as a way to crop images or videos into different shapes for style and structure. The drag-and-drop model is particularly practical when a design contains many photos that need matching circles, rounded rectangles or decorative silhouettes.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
How to choose border color and width
Color for harmony
A color sampled from the photograph can make the edge feel integrated, especially when the image already contains a dominant background tone. Sampling does not mean choosing the brightest pixel; a quieter midtone often supports the subject without competing with it. For a neutral presentation, white and black remain clear options, but they create different emphasis: white feels lighter and can resemble a mat, while black creates a stronger visual boundary.
Color for emphasis
A contrasting color makes the border an active design element. Use it when the frame is meant to separate a photo from a busy page or to reinforce an established palette. The border should support the subject rather than become the first thing viewers notice.
Width as a visual decision
There is no universal pixel width, color or aspect ratio prescribed by the documented Photoshop and Canva workflows. Choose a restrained width for a quiet edge and a larger margin when the border is intentionally part of the composition. Judge it at the intended social, screen or print size instead of relying only on a highly zoomed-in editing view.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Protect the subject when using shape masks
A shape crop can remove important details even when the original file is untouched. Before committing to a circular or polygonal frame, identify the subject’s safe area: faces, logos, hands, text and other details should stay away from the crop boundary. In Photoshop, reposition the image inside the frame after it is masked. In Canva, drag the media within the frame until the focal point is centered or intentionally offset. If the subject cannot fit without losing essential information, enlarge the frame or choose a less restrictive shape.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Preview the entire design at its final aspect ratio. A crop that looks balanced on a wide desktop canvas can feel cramped in a square social tile, and a border that appears even in the editor can seem heavy after the image is reduced.
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Printing a bordered photograph
A digital border can simulate the appearance of an interior matte around a print, but it does not replace the physical frame or mat board. Before sending the file to production, confirm the print’s final width and height and choose a physical frame and mat that match those dimensions. A border designed for one paper size will not preserve the same visual proportions when placed in a different opening.
For a clean rectangular print edge, the canvas-expansion method is usually the most predictable because the border is part of the finished rectangular artwork. For a shaped image mounted in a layout, use the frame or mask method and verify how the physical mount will hold the irregular edge. Keep the digital border and the physical mat conceptually separate: the file supplies the visual margin, while the frame and mat provide the real support and spacing.
Troubleshoot the result
The border is twice as thick as expected
In Photoshop, the values entered with Relative enabled are divided across opposite sides. If you wanted 50 pixels on each side but entered 50 for the added width, Photoshop creates 25 pixels on the left and 25 on the right. Enter the desired side thickness multiplied by two for each axis.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →The border is uneven
Reopen Image > Canvas Size and confirm that the anchor is centered. An off-center anchor intentionally puts more of the added canvas on one side. Also check that the image was not moved after the canvas expansion.
The color covers the photograph
Move the Solid Color fill or adjustment layer below the image in the Layers panel. The border works because the enlarged canvas is exposed around the image; a fill layer above it hides that image.
Photoshop’s shape crop cuts off the focal point
Select the image inside the frame and reposition it rather than stretching the original photograph. If the subject still cannot fit, enlarge the frame or switch to a shape with a more suitable aspect ratio.
Canva has no border control
The selected element may not support borders. Canva specifically excludes some text boxes, shadows, flipped shapes and certain editable shapes. Select a supported image, video, frame or shape, or place the media in a Canva frame and style that frame instead.
Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallCrashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteThe printed result does not fit the physical frame
Check the print dimensions and the physical opening before production. A digital matte effect can look correct on screen while the chosen frame or mat uses a different size.
Quick Recap
A practical decision checklist
- Choose Photoshop canvas expansion when the image must remain rectangular and the border needs exact dimensions.
- Choose Photoshop’s Frame tool when the crop should be elliptical, triangular, polygonal or custom, or when a layered collage needs precise control.
- Choose a Photoshop Stroke when the main requirement is a defined outline with a solid, gradient or pattern treatment and selectable alignment.
- Choose Canva Stroke style when speed matters and the selected element supports a border.
- Choose Canva frames when you want to drag media into a shaped container and adjust the crop visually.
- Keep the original file or an unedited version before applying a border, especially when the same photograph may need several sizes or shapes.
- Preview the design at its final screen or print proportion before exporting.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
