Text on a Path: A Beginner's Guide
Tutorials · October 22, 2026
Ever typed a normal line of text and wished it would just bend around a circle?
That trick has a name: text on a path. Once you get the idea behind it, and it is a simple idea, a lot of designs that looked mysterious suddenly look doable. Badges, stamps, round logos, text over a photo. All of them are just letters following a line.
Here is the concept in plain words, the four controls in almost every tool, and why letters bunch on tight curves.
The core idea, without the jargon
Normal text sits on a straight baseline. Every letter rests on it, facing the same way.
Text on a path swaps that line for a circle, curve, or wave. Each letter is placed along it and rotates a little to match the angle at its spot. That rotation is the whole secret. A top letter stands upright, a side letter tilts, and a bottom letter would be upside down unless you flip it.
Think of train cars on a track. Each car is rigid, but the train follows the bend because each car angles at the joint. Your letters are the cars.
In CurvedTextGen, you pick the shape first, then type. In pro software the order can be reversed, you draw a path, then click it with a type tool, but the result is the same. The steps in how to curve text in Photoshop and how to curve text in Canva show the same concept with different buttons.
The path types you will actually use
Circles are the most common, for badges, stamps, stickers, and logos. They are usually two lines, a top and bottom arc, with a picture in the middle.
Arcs are part of a circle. A gentle hill or a shallow dip over a title, a photo, or a product label. Arcs are forgiving for beginners because the bend is mild and letters stay easy to read. The arc text generator is a good first playground: one slider changes the bend, nothing else to break.
Waves repeat the bend up and down, good for posters and retro headlines. Keep wave text to one short line.
Custom paths are lines you draw yourself. CurvedTextGen calls this Draw path mode: sketch the line and the text follows it. Keep your stroke smooth and simple at first.
Spirals wind inward like a snail shell, fun for art pieces, less useful for fast reading. In real life this shows up on badges, stamps, packaging seals, jar labels, and arched captions over photos.
The four controls that matter everywhere
Names vary by app, but nearly every tool gives you these four.
-
Radius, or curve amount. This sets how tight the bend is. A small radius means a tight circle and strongly tilted letters. A large radius means a shallow, gentle arc. If a design looks strained, increasing the radius is the first fix to try.
-
Letter spacing. Path text almost always needs a touch more than straight text. Add it in tiny steps. Too much and the phrase falls apart.
-
Start position, and flip. Start position decides where on the path the text begins. Top center is the usual choice for badges. Flip reverses which side of the line the letters sit on, and it is what makes bottom-of-circle text read upright instead of upside down.
-
Baseline shift. How far letters sit from the path, on it, slightly outside, or slightly inside. Beginners can leave this at the default.
Get those four and you can find your footing in almost any tool in a minute or two.
Why letters bunch, spread, and flip
Here is the physics behind most beginner frustration.
A bend has two edges: the inside is shorter, the outside is longer. Letters are placed by their centers, but each letter has width. Inside a tight curve, inner corners crowd together. Outside, they swing apart. That is why tight circles look pinched.
The fixes follow from the cause. Make the circle bigger, add a little spacing, shorten the text, or pick a narrower font. Any one of them gives the inner edges more room.
Reading direction catches people out on bottom arcs. Run a path along the bottom and left-to-right ends up upside down. Flip solves it, or build the bottom line separately. If your bottom text looks like it belongs on the other side of a coin, flip is the control you want.
Longer text also needs a bigger path. Badges work because they keep it short: a name on top, a place or date on the bottom.
A small worked example: a round badge
Let us build the classic: a round badge that says "TRAILHEAD COFFEE" on top, "EST. 2025" on the bottom, with a simple shape in the center.
Pick the circle style and type the top line. Set a medium radius, center the start position at the top, and add a little spacing until a gap is left at each side for a dot or star.
Add the bottom line. CurvedTextGen has a second-line field for this layout. Flip it so it reads upright, and match its font, size, and spacing to the top.
Put "EST. 2025" in the center as straight text, or leave the middle for an icon. Export as a transparent PNG, or as an SVG if it might be printed large or cut. That is the whole starter skill set: radius, spacing, flip, and the second line.
Frequently Asked Questions
What does text on a path mean in simple terms?
It means each letter sits on an invisible line instead of a straight row. The line can be a circle, arc, wave, or a shape you draw. Each letter turns a little to follow the line, so the whole phrase bends smoothly around it.
Why do letters bunch together on tight curves?
On a bend, the inside edge is shorter than the outside edge. Letters are placed by their centers, so their inner corners get closer while the outer corners spread apart. A bigger radius or a touch more letter spacing evens that gap out.
How do I make bottom text on a circle read the right way up?
Most tools have a flip or reverse option for the bottom arc, or you make the bottom line as its own text block. Flipping puts the letters upright along the bottom instead of upside down, so people can read it without turning the design around.
Do I need design software to put text on a path?
No. Pro software can do it with more control, but browser tools handle the common shapes well. If you only need a circle, arc, or wave for a badge, sticker, or photo, a simple generator covers it without a subscription or install.
More from the blog
How to Curve Text in Photoshop: Type on a Path and Warp Text
Learn how to curve text in Photoshop two ways, with Type on a Path for precise badges and Warp Text for quick arcs, plus tips on spacing, flipping, and sizing.
Tutorials
How to Curve Text in Canva (and the Free Workaround)
Here is how to curve text in Canva with the Curve effect, plus the free workaround for full circle badges and multi-line text that Canva makes hard to build.
Tutorials
Spiral Text: Creative Uses and How to Set It So People Can Read It
Spiral text ideas for posters, album covers, poems, and flyers, plus honest tips on spacing, size, and contrast so people can actually follow it with ease.
Creative Ideas
Make your own curved text
Type your words, bend them into a circle, arc, wave, spiral or heart, and download a free PNG, JPG or SVG — no signup, no watermark.