How to add an outline to a graphic for a travel blog
Add a clean outline to a travel blog graphic in your browser, using a separate layer and brush so the original image stays editable.
A travel blog graphic can disappear against a busy photo or a colorful page background. A simple outline helps the subject stand out, whether it is a location pin, a suitcase illustration, or a cutout photo.
You can make one in the Photo Editor with a brush and a separate layer. The method below works best when your graphic has a transparent background, and it keeps the original artwork untouched.
Add an outline to your graphic
- Open the Photo Editor and open the graphic you want to edit. Zoom in enough to see its edge clearly. If you have a choice, start with a graphic on a transparent background.
- Check that the graphic is on its own layer. If it is, add a blank layer and move it below the graphic layer. The graphic will cover brush marks inside its solid areas, while marks outside its edge remain visible.
- Choose a brush color that contrasts with both the graphic and the page where you plan to use it. Set the brush to a round shape if available, and start with a width of about 8 to 16 pixels for a graphic around 1,200 pixels wide.
- Trace just outside the graphic's silhouette on the blank layer. Work in short strokes, following the edge rather than trying to draw the whole outline at once. Zoom in for small corners and details.
- Zoom out to the size at which readers will see the graphic. If the outline looks too thin or too heavy, undo the stroke and adjust the brush size. Keep the editable version, then save or export a finished copy using the editor's available options.
For a smooth result, trace the main shape first and add small details only where they help the subject read clearly. A clean outer contour is usually more useful than outlining every line inside an illustration.
Choose an outline that fits the graphic
A simple, solid border
A single-color outline is easy to read over travel photos and patterned backgrounds. Choose a dark color for a pale graphic, or a light color for a dark graphic. If the page background changes from light to dark, test the outline against both before you finish.
A soft, hand-drawn edge
A brush outline can look informal and fit a personal travel journal or illustrated map. Keep the brush width steady as you trace. If the edge looks wobbly, undo a short section and redraw it at a higher zoom instead of making the whole border thicker.
A graphic with a solid background
A layer beneath the graphic will not show through an opaque background. If you see a solid rectangle around the subject, use a selection to isolate the subject from that background before creating the outline. Inspect the selection carefully around hair, thin straps, and other fine details. If the background is part of the design, keep it and draw the outline above the image instead, taking care not to cover important parts of the subject.
Fix common outline problems
- The outline disappears. Check that the blank layer is below the graphic layer and that the outline color contrasts with the graphic. If the graphic has an opaque background, the lower layer will be hidden there. Isolate the subject or draw the border above the image instead.
- The border looks uneven. Zoom in and use shorter brush strokes around curves and corners. If the brush changes width as you draw, check whether a pressure-sensitive brush is selected, then use a steady brush if available.
- The line covers too much of the artwork. Reduce the brush width and trace closer to the outside edge. A wider line may look good on a large image but can swallow small details when the graphic is reduced for a blog page.
- The outline looks jagged at normal size. View the image at the size it will appear online, not only at high zoom. For a small icon, simplify the outline and remove tiny bumps that blur together when the image is scaled down.
- The border is hard to see on some backgrounds. Try a different color or add a narrow second line in a contrasting color. Keep the two lines simple, because multiple thick borders can make a small graphic feel crowded.
Keep the graphic usable across the blog
Travel blog images often sit over photographs, maps, or colored panels. Check the outline against the actual background where it will appear. A white border can separate a dark subject from a landscape photo, while a deep navy or charcoal border often works well around pale illustrations.
Also check the graphic at its smallest expected display size. A border that looks elegant on a large monitor may disappear in a sidebar or on a phone. If you make several graphics for the same post, use a similar outline color and thickness so they feel like one set.
The Photo Editor works in your browser, and the files you open stay on your device.
