How to add an outline to a graphic for a presentation
Add a clear outline to a graphic in TooLab's Photo Editor, then check its color, thickness, and contrast at the size it will appear on your slide.
A graphic can blend into a slide when its edges are close in color to the background. A visible outline helps people recognize the shape from across a conference room, especially when the image sits on a photo or a colored slide.
You can add one in Photo Editor by working on a separate layer and tracing the graphic's edge. The steps below cover a simple outline, ways to choose its color and thickness, and what to adjust if it looks rough or disappears at presentation size.
Add an outline to your graphic
- Open Photo Editor and open the graphic you want to use. If you can, start with an image that has a transparent background. That makes it easier to work around the shape without including the surrounding rectangle.
- Use the layer controls to keep the original graphic separate from your outline. Create a new layer for the outline and place it beneath the graphic layer. This lets you change or remove the outline without painting over the original.
- Use a selection tool to mark the graphic's silhouette. Zoom in around narrow corners and curved edges, and refine the selection where it strays into the background. If a clean selection is not practical, use a brush to trace the edge on the outline layer instead.
- Choose a contrasting color and a brush size that suits the image. Paint around the outside edge on the layer beneath the graphic. Work in short sections, following the silhouette, then zoom out to check the whole outline. If needed, undo a rough section and try again with a smaller brush.
A selection boundary is only a guide while editing. It does not appear in the finished graphic unless you paint or otherwise add color along it. Keep the original layer visible above the outline so the colored stroke sits behind the shape rather than covering its details.
Choose an outline that reads on a slide
Use a color that separates the graphic from its background
For a light graphic on a light slide, use a dark outline. For a dark graphic on a dark background, try a light outline. If the background changes across the slide, a neutral dark or light outline may be easier to see than a color that matches only one part of it. Check the outline against the actual slide background, not just the editor's canvas.
Set the thickness for the viewing distance
A fine stroke can look tidy on your computer and vanish on a projector. Start with a moderate thickness, then view the graphic at roughly the size it will have on the slide. If you need to lean toward the screen to see the edge, make it thicker. Avoid making the line so heavy that it changes the apparent shape or closes small gaps.
Pick a simple or two-tone edge
A single outline is often the clearest choice for a small icon or logo. A two-tone edge can help a graphic stand out against a background that contains both light and dark areas. For a manual two-tone effect, use a wider dark stroke first, then add a narrower light stroke on top, both on separate layers if possible. Check that the extra border does not crowd fine details.
Keep the graphic's important details visible
Look at narrow spaces, small text, and points where two parts meet. A broad outline can fill a gap or make a small feature look like part of the border. Reduce the brush size near delicate details, or use a thinner outline overall. The goal is to define the outside edge, not redraw the graphic.
Fix common outline problems
- The outline looks uneven. Zoom in and work in short strokes instead of drawing the entire shape in one pass. For a selection-based outline, refine the selection around corners and curves before painting. Keep the original graphic on its own layer so you can compare the result.
- The outline covers the graphic. Check the layer order. The graphic should sit above the outline layer. If the outline was painted on the graphic itself, undo if possible, then add it on a separate layer beneath the original.
- The outline disappears on the slide. Check the color against the slide background and make the stroke thicker. Zoom out to the graphic's planned slide size or place it temporarily on a similar background. A border that is visible only when enlarged will not help the audience.
- A box appears around the whole image. The selection may include the image background rather than just the graphic. Refine the selection to follow the silhouette. If the background is a solid color, check whether the image can be prepared with transparency before you add the outline.
- The edge looks jagged. Zoom in and refine the boundary with smaller brush strokes. Avoid correcting every tiny pixel if the graphic will be small on screen. At normal slide size, a clean overall edge matters more than details no one can see.
Check the finished graphic before presenting
Preview the graphic at its intended size on the slide, with the actual background color behind it. Check it from a few feet away if you can. Make sure the outline separates the shape without swallowing small features, and that it still looks balanced beside nearby text and images.
If the graphic needs to sit over different backgrounds, consider using a transparent image format when you export, if that option is available. Photo Editor runs in your browser, and files you open or edit stay on your device.
