How To Draw the Outline of a Shape with Photoshop Elements

Stroke a Shape to Give it an Outline in Photoshop Elements

Outlined Shape using Stroke Command
How to Create an Outlined Shape in Photoshop Elements | View Larger. Screen Shot © Liz Masoner

A forum member wants to know how to create shape outlines using Photoshop Elements. BoulderBum writes: "I'm aware of the shape tool, but all I can get it to create is a solid shape. There has to be a way to draw only the outline of a shape! After all, the outline appears when the shape is selected... Is it possible?"

I'm happy to say it is possible although the procedure is not at all obvious!

To start, let's understand the nature of "shapes" in Photoshop Elements.

In Photoshop Elements, shapes are vector graphics, which means these objects are made up of lines and curves .

Those objects may consist of lines, curves, and shapes with editable attributes such as color, fill, and outline. Changing the attributes of a vector object does not effect the object itself. You can freely change any number of object attributes without destroying the basic object. An object can be modified not only by changing its attributes, but also by shaping and transforming it using nodes and control handles.

Because they're scalable, vector-based images are resolution independent. You can increase and decrease the size of vector images to any degree and your lines will remain crisp and sharp, both on screen and in print. Fonts are a type of vector object.

Another advantage of vector images is that they're not restricted to a rectangular shape like bitmaps. Vector objects can be placed over other objects, and the object below will show through

These vector graphics are resolution-independent—that is, they can be scaled to any size and printed at any resolution without losing detail or clarity. You can move, resize, or change them without losing the quality of the graphic. Because computer monitors display images on a pixel grid, vector data is displayed on-screen as pixels.

In Photoshop Elements, shapes are created in shape layers. A shape layer can contain a single shape or multiple shapes, depending on the shape area option you select. You can choose to have more than one shape in a layer.

Difficulty: Easy

Time Required: 2 minutes

Here's How:

  1. Select the custom shape tool.
  2. In the options bar, choose a custom shape from the shape palette. I am using 'Butterfly 2' from the default shapes in Elements 2.0.
  3. Click next to 'Style" to bring up the styles palette.
  4. Click the small arrow in the top right corner of the styles palette.
  5. Choose 'visibility' from the menu, and pick the 'hide' style from the styles palette.
  6. Click in your document window and drag out a shape. The shape has an outline, but this is just a path indicator, not a real outline made of pixels. We're going to convert this path to a selection, then stroke it.
  7. Make sure your layers palette is visible (Window > Layers if it's not), then Ctrl-Click (Mac users Cmd-Click) on the shape layer. Now the path outline will start to "sparkle." That's because the selection marque is overlapping the path so it looks a little strange.
  8. Click the new layer button on the layers palette. The selection marquee will look normal now.
  1. Go to Edit > Stroke.
  2. In the stroke dialog, choose a width, color, and location for the outline. I picked 2 pixels, bright yellow, and center.
  3. Deselect.
  4. You may delete the shape layer now--it is no longer needed.

If you have Photoshop Elements 14 the steps are much simpler:

  1. Draw the Butterfly Shape and fill it with Black.
  2. Draw out your shape and click click once on the Shape layer.
  3. Click Simplify which turns the shape into a vector object.
  4. Select Edit>Stroke (Outline) Selection.
  5. When the Stroke panel opens choose a stroke color  and a stroke width. Click OK. Your butterfly is now sporting an outline.
  6. Switch to the Quick Selection tool and click and drag through the Fill color. Press Delete and you have an outline.

Tips:

  1. The outlined shape is on it's own layer so you can move it independently.
  2. The outlined shape is not a vector object so it can't be scaled without some loss in quality.
  1. Explore the other shapes styles that come with Elements from the menu you accessed in Step 4.
  2. Download free styles you can add to Elements from the Free Layer Styles Index. Any styles you see for Adobe Photoshop can also be used in Photoshop Elements. You will also find free shapes and patterns here that can be used in Elements as well.

Updated by Tom Green

Format
mla apa chicago
Your Citation
Chastain, Sue. "How To Draw the Outline of a Shape with Photoshop Elements." ThoughtCo, Apr. 24, 2017, thoughtco.com/draw-the-outline-of-a-shape-1700313. Chastain, Sue. (2017, April 24). How To Draw the Outline of a Shape with Photoshop Elements. Retrieved from https://www.thoughtco.com/draw-the-outline-of-a-shape-1700313 Chastain, Sue. "How To Draw the Outline of a Shape with Photoshop Elements." ThoughtCo. https://www.thoughtco.com/draw-the-outline-of-a-shape-1700313 (accessed December 16, 2017).