How to Make Strokes with Pointy Corners in Photoshop
196K views 3,604 likes 242 comments
Your choices stick across every tutorial on this device.
You get strokes with pointy corners in Photoshop by converting your text to a shape and setting the stroke’s Corners option to Miter.
The Stroke layer style rounds off every corner. On angular letters and sharp shapes, that soft edge ruins the look.
A vector shape layer has its own stroke, with options the layer style never offers. One of them, Miter, keeps every corner sharp.
This 90-second tip is for anyone who wants clean outlined type: logos, posters, or thumbnails.
The video uses Photoshop 2020, and the steps are the same in the latest version.
Key Takeaways
- The Stroke layer style always rounds corners. It has no setting that changes that.
- Convert to Shape turns a text layer into a vector shape layer, which has its own Fill and Stroke settings in the Options bar.
- Converting is one way. The text stops being editable, so finish typing and choose your font first.
- The Corners dropdown inside Stroke Options is the fix. Miter extends the stroke past each corner to a sharp point.
Table of contents
- What You Will Learn
- Requirements
- Step 1: Convert the Text Layer to a Shape
- Step 2: Select the Direct Selection Tool
- Step 3: Pick the Stroke Color in Photoshop
- Step 4: Choose a Solid Stroke in Photoshop
- Step 5: Align the Stroke to the Outside
- Step 6: Set the Stroke Corners to Miter
- Frequently Asked Questions
- Strokes with Pointy Corners in Photoshop, Every Time
- Related Links
What You Will Learn
- How to convert a text layer into a vector shape
- Where the Fill and Stroke settings for a shape layer live
- How to set a solid stroke, align it outside, and switch its corners to Miter
Requirements
Before you start
- Photoshop 2020 or the latest version
- A text layer, or any vector shape you want to outline
Step 1: Convert the Text Layer to a Shape
With the Type Tool, create any word with the font and size that you like. The video uses the word “Pointy.”
In the Layers panel, right-click the text layer and select Convert to Shape from the menu. Type > Convert to Shape does the same thing.
Photoshop turns the letters into a vector shape layer. Since Photoshop CS6 added vector strokes, every shape layer has carried its own stroke with a width, an alignment and a corner style. That is the whole trick.
Warning: The text is no longer editable after the conversion. Make every change to the wording, font and size before you convert.
Step 2: Select the Direct Selection Tool
The stroke settings for a shape layer only show up in the Options bar while a vector tool is active. Press A (Windows) or A (macOS) to select the Direct Selection Tool.
Any vector tool works here, including the Pen Tool. The Direct Selection Tool is the safe choice because it draws nothing.
Step 3: Pick the Stroke Color in Photoshop
Look at the Options bar. The Fill swatch and the Stroke swatch sit side by side. In the video the Fill is already white, so leave it alone.
Click the Stroke swatch and change it from none to black. Then raise the stroke width to 30 px so the outline is easy to see. Use whatever width suits your design.
Tip: The stroke does not have to be a solid color. The same swatch menu lets you use a gradient or a pattern as the stroke. If your preset gradients and patterns seem to have vanished, this 90-second tip shows where Photoshop hides them.
Step 4: Choose a Solid Stroke in Photoshop
Click the Stroke Options dropdown, the box next to the width. This is where the magic happens, because it controls how the stroke behaves on corners.
Before anything else, pick the solid line at the top of the list.
Step 5: Align the Stroke to the Outside
In the same dropdown, open Align and choose the bottom option, Outside. The stroke now grows outward from the edge of each letter instead of covering the fill.
Tip: The dropdowns show icons, not names. Click More Options at the bottom of the panel to open a window that labels every setting.
Step 6: Set the Stroke Corners to Miter
Open the Corners dropdown on the right side of the panel and choose Miter.
Round is roughly what the Stroke layer style gives you. Miter extends the two edges of the stroke until they meet, so every corner ends in a sharp point that sticks out past the letter.
Click OK, and you have strokes with pointy corners in Photoshop. Every angular corner in the word now ends in a clean point.
Frequently Asked Questions
The Stroke layer style draws its corners with something close to a round join, and the Layer Style dialog has no setting to change it. To get sharp corners, stroke a vector shape layer instead and set its Corners option to Miter.
No. Convert to Shape replaces the live type with vector outlines, so you cannot retype the word or change the font afterward. Make those changes first, or keep a hidden copy of the original text layer.
Yes. The Fill, Stroke and Corners options belong to every vector shape layer, whether it came from the Type Tool, the Pen Tool or a shape tool. Select the layer with a vector tool and set Corners to Miter.
Strokes with Pointy Corners in Photoshop, Every Time
One conversion and one dropdown change turn a soft, rounded outline into a sharp one.
Watch the 90-second video above to see the corners snap into points in real time.
For another quick type trick, try the editable cutout text tip. If this one saved you a headache, comment on the video and say so.
Selections and Masking Mastery
Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.
Keep going
Next, learn how to use layer styles like a pro with the Black Panther text effect.
