Affinity Photo Software: Add Border Radius Quickly & Precisely

TL;DR

• Use the Corner tool on vector shapes for fast, non destructive rounded corners.
• Apply masks or live effects to round pixel layers without altering the original image.
• Export with PNG or SVG to preserve transparency and smooth edges.
• Use numeric inputs and snapping for precise, consistent radii across elements.

Table of Contents

• What is border radius in Affinity Photo
• Prepare your document and layers
• Add border radius to shapes using the Corner tool
• Apply border radius to pixel layers and images
• Precise numeric control and snapping
• Exporting images with rounded corners
• Tips, shortcuts and troubleshooting

What is border radius in Affinity Photo

Border radius describes the rounded corners of a rectangle, shape, or mask — a simple numeric value that softens a corner by replacing the sharp point with a curve. In Affinity Photo, border radius controls how those arcs are drawn and edited. The term is familiar from web design, but in this app it applies both to vector shapes (which remain editable) and to pixel layers (where the rounding becomes part of the image unless you use non‑destructive masks).

For vector shapes, Affinity stores corner radii as editable properties. You can drag corners interactively with the Corner Tool or enter exact values in the context toolbar; each corner can have an independent radius or be linked to a single value. Because these are vector properties they are resolution‑independent and will scale cleanly when you resize the shape (assuming you don’t rasterize it). This makes vector shapes the best choice when you need precise, changeable rounded corners.

Pixel layers, by contrast, treat rounded corners as raster information. If you create rounded corners by painting, rasterizing a shape, or applying a rounded selection, those pixels become fixed and will distort if you scale the layer up. To remain non‑destructive, apply a vector shape as a layer mask or keep your original shape layer editable. For workflow guidance and availability across the Affinity apps, see the Affinity V2 purchase and info page.

How affinity photo software interprets corner radii

affinity photo software interprets corner radii as either a vector property or a pixel result depending on the layer type. On shape layers the radius is stored numerically (pixels) and can be adjusted per corner using the Corner Tool or the transform/context controls. Those radii are mathematical curves, so they remain sharp and editable at any export size.

On pixel layers, rounding is applied to pixels and is effectively “baked in.” To keep corners editable, use vector masks or live shapes and only rasterize at final output. For step‑by‑step instructions and best practices, consult the official Affinity getting started guide.

When to use rounded corners

affinity photo software

Rounded corners are a subtle but powerful tool in composition and UI mockups. Use them when you want to create a friendly, approachable feel for buttons, cards, and modal windows; soften high-contrast imagery; or visually group related elements without adding extra strokes. In interfaces they improve perceived touchability and can help legibility by reducing sharp edges that compete with type.

• UI components: small radii (4–8px) for compact controls, medium radii (8–16px) for cards and dialogs, larger radii for hero elements.
• Photography and thumbnails: gentle rounding can reduce distraction and direct attention to image content.
• Branding: match corner radius to overall brand tone—geometric brands use subtle rounding, friendly brands use more pronounced curves.

Keep rounding consistent across breakpoints and test with actual copy. For quick application and precise control when designing in affinity photo software, see the Affinity V2 collection at SoftAuthentic and download official resources from Affinity’s site.

Prepare your document and layers

When preparing files in affinity photo software, begin by opening the source file and confirming document size, resolution (300 ppi for print), and color profile (sRGB or CMYK as required). Save a working copy, then duplicate critical layers so you always have an untouched original. Use clear layer names and group related layers (background, imagery, text, masks) to keep the document navigable as it grows.

1. Open or import your file, check canvas dimensions and color profile.
2. Create named layer groups for organization and lock the background or base image.
3. Use masks instead of destructive erases; keep a clipped duplicate of any layer you’ll convert.
4. Rasterize only when necessary; keep vector or live layers editable as long as possible.

If you expect to hand off the file or revisit edits later, export a flattened copy for proofs and keep the layered working file for final adjustments. For additional resources on Affinity tools and licensing, see the Affinity product collection on our site.

Affinity product collection

affinity photo software

When you need editable corners, convert shapes (or recreate bitmap elements as vectors) so you can tweak nodes and corner radii. For shapes and text, use Layer → Convert to Curves, then the Node or Corner tools to adjust points and corner types. For photographic or raster elements, duplicate the layer and either trace the silhouette with the Pen tool or bring the selection into a vector workflow to create clean outlines. Always keep the original raster beneath the converted vector and use masks to blend transitions. For official downloads, tutorials, and detailed tool docs, check the Affinity site for Getting Started guides.

Official Affinity download & guides

Convert shapes to curves if needed — affinity photo software

To edit individual anchor points with the Corner tool you first need to convert basic shapes to curves. In Affinity Photo software this turns procedural shape layers into editable vector paths so nodes can be moved, added, or rounded precisely.

Quick method: select the shape layer, then choose “Convert to Curves” from the context toolbar or the Layer menu. Once converted, switch to the Node Tool and click a node to reveal corner handles; the Corner tool (found in the node toolbar) lets you drag to round a single corner, click to toggle corner types, or use modifier keys to constrain adjustments. If the shape is grouped, ungroup it first so each path converts correctly.

Tip: duplicate your shape layer before converting if you might need the original. For a concise walkthrough and purchase options see the Affinity v2 information page, and consult the official Affinity getting-started guide for interface screenshots and additional vector tips.

Add border radius to shapes using the Corner tool

In affinity photo software, adding a border radius to a shape is fast, reversible, and precise. Start by selecting the shape layer you want to modify — the Corner tool works on vector shapes and on pixel layers that contain vector curves. Because the Corner tool is non‑destructive, you can tweak values at any time without permanently altering the original path.

1. Select the shape layer in the Layers panel and then choose the Corner tool from the toolbar (it looks like a rounded corner).
2. Click a corner handle and drag inward to visually round that corner, or drag a corner selection to affect multiple corners at once.
3. For exact control, look to the context toolbar and enter a numeric radius value. You can switch between uniform rounding or independent corner values if you need asymmetrical corners.
4. Use the Node tool afterward to adjust nodes and keep the rounded geometry consistent with your design; Corner edits remain editable in the layer.

Tips: Hold Shift to constrain movement while dragging, and use the context toolbar’s link icon to toggle uniform radius for all corners. If you need to revert, simply reset the corner values to zero — the original path is preserved. For designers upgrading to Affinity V2 (lifetime), this workflow integrates smoothly with other vector features and page layout tools.

affinity photo software: quick, non‑destructive corner rounding

The Corner tool is ideal when you want editable, repeatable corner radiuses without flattening your shapes. After rounding, you can still apply strokes, fills, and layer effects that respect the new radiused outline. If you don’t yet have the app, Get Affinity from the official site and try this on a sample shape to see how smoothly corners update as you change values.

affinity photo software: Adjusting uniform vs individual corners

In Affinity Photo software you can choose between setting a single radius for all corners or editing each corner independently using on‑canvas controls or numeric inputs. Start by selecting the shape layer, then switch to the Corner (or Node) tool—handles appear at each corner for quick, visual adjustments.

Use the on‑canvas corner handles to drag and preview corner curvature interactively. For precise values, enter numbers in the context toolbar’s corner radius field: click the chain/padlock icon to lock radii together for a uniform radius, or unlock it to type different values for top‑left, top‑right, bottom‑right and bottom‑left.

Quick workflow:

• Select shape → Corner tool.
• Drag handles for visual edits or type numeric radii in the context toolbar.
• Toggle the chain/padlock to switch between uniform and individual corner control.

Learn more about Affinity Photo tools on the Affinity Photo official page, or check purchase options at Affinity V2 at SoftAuthentic.

Apply border radius to pixel layers and images

affinity photo software offers three reliable workflows for rounding bitmap images: use a vector mask, refine a pixel selection, or place the bitmap inside a rounded shape. Each approach trades off flexibility and speed — masks are non‑destructive and adjustable, selections are quick for one‑time crops, and converting images into clipped shapes gives crisp, layout‑friendly corners.

Start by deciding whether you need to preserve the original pixels. For repeatable UI assets choose masks so you can tweak the radius later; for flattened exports a selection-and-crop is often fastest. If you plan to export or reuse the image inside vector layouts, make the image the fill of a rounded rectangle so the corner geometry behaves predictably across apps. If you don’t yet have the app, find Affinity offerings at SoftAuthentic.

affinity photo software: three practical workflows

Vector mask — Draw a rounded rectangle over the pixel layer, size and position it, then convert the shape into a clip/mask for the image below. This keeps the bitmap intact and lets you edit the radius or move the mask without re‑editing pixels.

Pixel selection — Use the Selection or Ellipse tool to create a rounded selection, refine the edge with feather or Refine Edge, then apply the selection as a mask or delete the corners. Fast and direct, but consider masking instead of erasing to stay non‑destructive.

Convert to clipped shape — Create a rounded vector shape and place the image as its fill or group the image under the shape as a clip. This yields precise corner control for layouts and clean exports when combining raster artwork with vector elements. For step‑by‑step guidance consult the official Affinity help.

Using masks and live effects

affinity photo software: keep edits nondestructive

Use layer masks, live filter layers, or the Rounded Rectangle mask to keep edits nondestructive and editable. Create masks on pixel layers or groups instead of erasing so you can paint back detail, adjust feathering, or change opacity later. Apply Live Filters for blur, sharpening, or color work so effects remain parametric — reorder or disable them without committing pixels.

The Rounded Rectangle mask is ideal for adjustable corner radii and clean, vector-based clipping without rasterizing. For complex composites, group layers and add a single mask to the group to control the entire stack. Remember that filter order and mask stacking affect the final result; double-click settings to refine them rather than flattening.

Save a working copy in Affinity’s native format to preserve masks, vectors, and live effects. For official downloads and guidance, visit the Affinity official downloads, and see Affinity v2 availability at SoftAuthentic.

Precise numeric control and snapping

In affinity photo software, precise numeric control and snapping are the fastest way to get repeatable, professional layouts. Use the Transform and Info panels to enter exact values for X, Y, width, height, rotation and shear so every element aligns to a known grid. For rounded corners, select a shape and type the desired corner radius into the Transform panel or the context toolbar’s corner fields — entering numbers ensures consistent radii across multiple objects without eyeballing.

When you need pixel-perfect placement, watch the Info panel as you nudge objects; it reports live coordinates and dimensions so you can verify values before committing. Lock aspect ratio when resizing to preserve proportions, or unlink to set independent width and height. If you’re copying corner values between objects, type the radius into the numeric field and paste the same number into subsequent selections to maintain uniformity.

Enable snapping to constrain movement and to magnetically align edges, centers and baselines. Turn snapping on from the View menu, then open the Snap Manager to choose which snap targets are active (grid, guides, geometry, bounding boxes). Use modifier keys to temporarily override snapping when fine adjustments are needed. For compatibility notes and Affinity V2 details, see the Affinity V2 overview.

affinity photo software: workflow tips for exact radii and snapping

Start by setting your document grid and guide increments to multiples that match your component sizes. Input corner radii as exact numbers rather than dragging handles; this avoids tiny inconsistencies that accumulate across a layout. With snapping enabled, create a master object, position it precisely using Transform/Info, then duplicate and distribute using the same numeric offsets. This combination of numeric input plus targeted snap targets produces consistent, repeatable results—ideal for UI assets, icons and tightly aligned compositions. For official guidance and shortcuts, consult the Affinity help pages.

Exporting images with rounded corners

Preserving crisp, natural rounded edges when exporting requires attention to mask resolution, file type, and how transparency is handled. Start by keeping your rounded corner as a vector mask or live layer effect so edges remain sharp; rasterize only at the final, required output resolution to avoid pixelation. Add 1–2 pixels of transparent padding (or a small feather of 0.5–1 px) to prevent hard halos when compositing over different backgrounds. When the image will sit on a colored background, consider flattening a background color into a separate layer to preview how anti-aliasing blends.

For most web and UI uses, export to PNG-24 (or PNG-8 with dithering disabled if you need small sizes) to retain transparency and smooth edges. For print or archival needs, TIFF with alpha and 16-bit/channel gives higher fidelity. Avoid JPEG if you require true transparency — instead, export a flattened JPEG on the intended background to prevent visible edge fringing. Use the Export Persona or the Export dialog to preview slices and to toggle anti-aliasing options; test on the actual target background and at the target scale to confirm results. If you want a bundled option or perpetual license for Affinity tools, consider checking this Affinity V2 offering for a one-time purchase: Affinity V2 lifetime.

affinity photo software: practical export steps

In affinity photo software, open the Export Persona, select your slice, then choose PNG (RGBA) or TIFF with alpha. Set the resolution to the final output PPI and enable anti-aliasing; for UI assets choose 1x/2x/3x slices to export multiple scales. If your rounded mask shows a halo, toggle between straight and premultiplied alpha (or pre-multiply in compositing) and re-export to see which blends best with the target background. For detailed guidance on export options and personas, see the Affinity help center: Affinity help center.

File formats and transparency

affinity photo software: when to use PNG, SVG, or JPEG

Choosing the right format affects quality, file size, and how transparency behaves. Use PNG (preferably PNG‑24) when you need true alpha transparency—UI assets, screenshots with irregular edges, or images with soft shadows. PNG-8 can work for simple graphics with limited colors but watch banding and palette limits.

Pick SVG for vector shapes, logos, and icons that must scale cleanly: SVG keeps paths editable and tiny in size for flat graphics and is ideal when you want crisp edges at any resolution. Note that complex raster effects or photographic translucency can’t always be represented in pure SVG, so export a PNG when needed.

Use flattened JPEGs for photographic web delivery where transparency isn’t required: set quality between ~70–85% to balance size and visual fidelity. For workflows involving Affinity apps, consider official resources like the Affinity V2 page for licensing options and the Affinity download hub for current export tools.

Tips, shortcuts and troubleshooting

Working efficiently in affinity photo software starts with small habits: keep your document at the final output resolution, view at 100% to judge sharpness, and use non‑destructive layers and masks whenever possible. When edges look jagged, don’t immediately rework the artwork — try these fast checks first: zoom to 100% to confirm, enable anti‑aliasing on selection tools, and temporarily increase the document DPI or rasterize a copy at higher resolution for exports.

• Smooth selections: apply a small feather or use the Refine Selection/Mask dialog to soften edge transitions; a subtle Gaussian blur on the mask can remove stair‑stepping without halting detail.
• Fix incorrect masks: toggle the mask visibility, paint with a soft black/white brush on the mask, or use Levels on the mask to tighten contrast and remove halos.
• Resizing and jagged edges: use bicubic or lanczos resampling when scaling and avoid extreme upscales — instead upscale on export with higher res settings.
• Performance and crashes: clear large histories, lower cache sizes, and restart the app; if a tool behaves oddly, reset it from the tool’s context menu.
• Export artifacts: export at 2× or 3× and downscale for cleaner results, or export as PNG/TIFF with proper bit depth to preserve edges.

affinity photo software: essential shortcuts

Memorize a handful of keys to speed up everyday tasks: Undo (Ctrl/Cmd+Z), Zoom (Z), Hand (Space or H), Move (V) and Toggle Brush Size with [ and ] where supported. Use Shift with zoom or selection keys to constrain proportions, and hold Alt/Option to sample with brush tools. If a shortcut stops responding, check Preferences > Keyboard Shortcuts to confirm or reassign it. Finally, consult the official getting started guide for up‑to‑date shortcuts and workflow tips from the developers: Affinity help & getting started.

For a straightforward upgrade or license option, see this trustworthy source for Affinity V2 details: Affinity V2 licensing and upgrades.