Add Shapes to Image Online
Add shapes to image files in a few clicks: circles and squares for colour blocks, arrows to point at details, speech bubbles for captions, starbursts for a price or a sale tag. Pick from more than 40 shapes and 3 line styles, then change the fill, add a border or shadow, and set how transparent each one is.
You can also place a photo inside a shape to frame it. Everything runs in your browser, and the finished image downloads as PNG or JPEG with no ArtsFlick watermark.
How to Add Shapes to Image Online
1. Upload your photo
Open the online photo editor and upload the JPEG or PNG you want to add shapes to. No sign-up is required.
2. Open the Shapes menu
Click Elements in the left side menu, then choose Shapes. You will see three line styles and more than 40 shapes.
3. Place the shape
Click a shape to add it to the canvas and drag it into position. Drag a corner handle to resize it, or the round handle below it to rotate.
4. Style the shape
With the shape selected, use the toolbar above the canvas to change the fill colour or gradient, add a border or shadow, and set the transparency.
5. Download your image
Save the result as PNG or JPEG. The download is free and carries no ArtsFlick watermark.
Transparent Shapes and Colour Overlays
A solid shape on a photo covers whatever is underneath it. Lower its transparency and the photo shows through, tinted by the shape's colour. That is the basis of a lot of modern photo design: a translucent block of colour behind a headline, a coloured band across a portrait, or a soft rectangle that makes white text readable on a busy background.
The fill menu has solid colours, a full colour picker and a set of preset gradients. Gradients work best on large shapes, where the change in colour has room to show. On a small arrow or icon-sized shape, a single solid colour usually reads more clearly.
Resize, Rotate, Outline and Shadow
Shapes are vector graphics while they are on the canvas, so they stay crisp at any size you drag them to. Use the corner handles to resize, the round handle underneath to rotate, and the duplicate button above the shape to make an identical copy, which is the quickest way to build a row of matching badges or arrows.
The border setting adds an outline with its own colour and weight, and the shadow setting has a colour, a blur amount and an X and Y offset. A small offset with a soft blur lifts a shape off the photo without looking heavy. The download itself is a flat PNG or JPEG at your canvas size, so set the canvas to the size you need before exporting.
Frame a Photo Inside a Shape
Shapes are not only for decoration on top of a photo. A photo can also sit inside a shape, which then works as a frame: a circle for a profile picture, an arch for a product or interior shot, a rounded square for a clean card layout.
Framed photos look best when the subject is centred and has some space around it, since the shape trims the edges. Add a caption underneath with the text tool and the result reads like a postcard or a gallery label. For a single round image with transparent corners, our guide to cropping an image into a circle covers the other approach.
Arrows, Callouts and Badges
The Shapes menu goes well beyond squares and circles. There are arrows in four directions, a double-headed arrow and chevrons for pointing at details; round and square speech bubbles and a cloud for captions; starbursts and stars for prices, discounts and "new" labels; and banner, ribbon and ticket shapes for titles. Lines come in solid, dashed and dotted styles.
Callouts work when they are consistent. Use one colour for every callout in an image, keep the arrows the same size, and put a short label in each with the text tool. Three matching callouts read as a design; three different ones read as clutter.
Why Add Shapes With ArtsFlick?
40+ Shapes and 3 Line Styles
Basic geometry, stars, arrows, speech bubbles, badges and frame shapes, plus solid, dashed and dotted lines.
Fill, Border, Shadow, Transparency
Every shape gets the same four controls in the toolbar, with changes shown on the canvas as you make them.
PNG or JPEG Downloads
Download the finished image free, with no ArtsFlick watermark. PNG keeps transparency; JPEG gives a smaller file.
Shapes, Text and Icons on One Canvas
Shapes rarely work alone. A speech bubble needs words, a badge needs a price, and an arrow needs something to point at. The same canvas holds text, icons, emoji and freehand drawing, each on its own layer, so you can build the whole design in one place. Nothing to install, no account needed.