fbpx

How To Type In A Circle In Photoshop (Step By Step)

Last Updated:

Whether you want to write curved text, create an emblem, or make text for a logo, learning how to type in a circle in Photoshop has a long list of uses.

To type text in a circle in Photoshop, select the Ellipse Tool then click and drag out on your canvas to create a circle. Next, press T for the Type Tool and click on the path of the ellipse to lock the text to the shape. Now, your text will follow the shape of the circle.

Although typing on a path or shape is pretty straightforward, there are pros and cons to each that you will learn throughout this tutorial.

Lesson Summary

  • Step 1: Activate the Ellipse Tool (U)
  • Step 2: Set the Shape Mode to Path in the Options Bar
  • Step 3: Drag on the canvas to draw the circle shape
  • Step 4: Activate the Type Tool (T)
  • Step 5: Click on the path to lock the text and then type your text on the path

Video Tutorial

How To Type In A Circle In Photoshop

Step 1: Activate The Ellipse Tool (U)

To begin, go to the toolbar and grab the Ellipse Tool (U) found within the Shape Tools.

Step 2: Change The Shape Mode To Path

Next, in the Options Bar, set the Shape Mode to Path. This creates an invisible circle that you can type the text on.

Note: You can also set the Mode to Shape if you want a visible stroke around the circle. Then, set the Fill to transparent and select the stroke color you want.

Step 3: Drag Out On The Canvas To Create The Circle

Next, click and drag out on the canvas to create your circle, holding in Shift to create a perfect circle. You can also click once on the canvas and add specific shape dimensions if you want.

Note: You can add Guides to your document if you want to line up the circle to the center.

Step 4: Activate The Type Tool (T) And Type On The Path

Now, to add the text, select the Horizontal Type Tool (T) from the Toolbar.

Next, hover over the circle. When you see a dotted, wavy line crossing the cursor, you can start typing.

How To Edit Text In A Circle In Photoshop

First, make sure the text layer is selected. If not, click on it to select it. Then, grab the Path Selection Tool (A) in the toolbar.

Hover over the text until you see an icon that looks like two arrows pointing in different directions. Click the icon and drag it anywhere you want to adjust the position of your text.

You can also use the alignment options by highlighting the text, going up to the Options Bar, and clicking one of the text alignment options available.

Text aligned to the left

If you want to edit the text position, color, size, font, and more, use the Character panel, which can be accessed by going to Window > Character. 

By default, the baseline value is set to zero, which means the text will sit directly on the path. When you increase the baseline value, there will be more space between the circle and the text.

Tracking is simply the space among all letters of a text. I set the tracking of my text to 5 so the letters wouldn’t look so close together. You can choose a value for the tracking in its drop-down menu. To adjust the spacing of individual characters, opt to adjust the Kerning value instead.

How To Create A Circle Logo In Photoshop

Step 1: Add Guides To The Canvas

Create a square document and go to View > New Guide.

Next, check ‘horizontal’ for the guide orientation and 50% for the position. Then, do this again, but check ‘vertical’ for the orientation and 50% for the position instead. This will place two guides to help locate the center of your canvas.

Step 2: Draw The Ellipse Shape

First, go to the toolbar and grab the Ellipse Tool (U).

Then, double-click the point where the two guides meet and enter 715 pixels for both width and height. Check the ‘From Center’ checkbox and click ‘OK’.

In the properties panel, set the stroke to transparent and the fill to black. Alternatively, you can find these settings in the upper settings bar while the Shape Tool is active.

Next, let’s draw the second ellipse. To do this, create a new layer in the layers panel. Then, go to the toolbar again and grab the ellipse tool. Double-click the center of the canvas again and enter 500 pixels for both width and height.

Then, go to the properties panel and change the fill to grey (#d5d4d4). The stroke should be transparent. represented by the white box with the red line through it.

Step 3: Add Your Text And Edit It

Now, let’s type some text along the ellipses we created. To do this, create a new layer for it in the layers panel. Then, go to the toolbar and grab the Horizontal Type Tool (T).

Then, go to the upper settings menu and click on the ‘Center text’ icon.

Now position the cursor on top of the grey circle. When you see a dotted, wavy line crossing the cursor, click once to create a type layer along the shape’s path.

With your text added, open the character panel by going up to Window > Character. In the character panel, set the baseline to 34, the font size to 55, and the tracking to 5. Thus, there will be enough space between the text and the baseline. Additionally, the characters won’t be too close together. Finally, change the text color to white (#ffffff). 

Now, duplicate the text layer by pressing Control + J (Win) or Command + J (Mac).

Next, grab the path selection tool (A), then position your cursor in the middle of the text until you see a double-arrow icon.

Then, drag the text downwards towards the grey circle.

Now, hover over the upside-down text until you see the double arrow icon again. Then, drag the text to the bottom of the circle.

Lastly, go to the Character panel and set the baseline to -68.

Step 4: Finalizing Your Template

Let’s add two more circles to the template. They will look like rings inside the circle. To do this, grab the ellipse tool once again. 

Then, double-click the center of the canvas, and in the dialog box that will pop up, enter 520 pixels for both width and height.

In the properties panel, set the fill to transparent and the stroke to white. The stroke width should be 7 pixels.

Then, grab the ellipse tool and double-click the center of the canvas again. This time, enter 688 pixels for both width and height. 

As with the previous ellipse, set the fill to transparent and the stroke to white in the properties panel. The stroke width should also be set to 7 pixels. 

The template is now created.

With additional text and shape layers, you can put your name or your brand name in the center of the logo.

You can also change its color combination by changing the color of any shape layer in the Layers Panel.

Or you can get really fancy with a vector shape in the middle of it all!

Learning how to type text in a circle has a lot of valuable uses, especially for logo and emblem design in Photoshop. With the tips you learned here, you can now confidently write text in a circular shape, along with repositioning it to fit the look you’re going for!

Happy Editing!

Photo of author
I'm a Canadian photographer and photo retoucher turned founder of bwillcreative.com. Around here I help you to decode the mystery of photo editing with no-fluff videos and written guides to help you achieve your creative goals. Outside of shooting photos and my passion for educating, you'll find me mountain biking or on the trails with my dog, Sunny!

Continue Reading:

How To Fill A Selection In Photoshop (5 Best Ways)

Learn how to fill anything in Photoshop from selections, shapes, and text with solid color, gradients, and even images!

How To Use The Eraser Tool In Photoshop (Complete Guide)

Learn how to use the Eraser Tool, Background Eraser Tool, and Magic Eraser Tool in Photoshop to remove unwanted areas of any layer.

How To Invert A Selection In Photoshop (Step By Step)

Learn the importance of learning to invert a selection in Photoshop with the help of simple keyboard shortcuts and several other methods.

What Are Embedded Previews In Lightroom + How To Use Them

Use this guide to help you understand the use of embedded previews in Lightroom along with tips to help you use them in your workflow.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Make A Background Transparent In Canva

Learn how to create and export images with transparent backgrounds in Canva to open up more design options and creative styles.

How To Use Frames In Canva (Ultimate Guide)

Here's how to use frames in Canva to creatively add image elements to your designs in just a couple of clicks.

How To Make A Table In Canva (2 Easy Ways)

Learn the ins and outs of how to make a table in Canva along with tons of customization options to make your table look perfect!

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments