An easy way to create circular text in Photoshop Elements (2023)

I love making cute customized tags and stickers for different projects and gifts, and I’ve used Photoshop Elements (referred to as PSE from here on out) for many years to do just that. It’s also a great photo editor, but even though I use different software for editing photos, I still love PSE for creating printables. It’s a pretty reasonable cost (affiliate link–you candownloadit on Amazon for $69), and there is just so much you can do with it! I love it, and use it often. I think it’s one of the best values you can get for your money!

One of favorite things to do is to create circular text around the outside of my tag or sticker. I think it’s SO cute! It looks hard, but it really is so easy! In just a few steps, you can make your own text circle, and I’m going to show you how! Here’s the one I whipped up for this example…it literally took me less than 10 minutes! I’m currently using the most recent version of PSE, but I’ve used this technique for a long time, on much older versions–I think as far back as PSE 5 or 6–so hopefully if you have an older version you will be able to as well!

An easy way to create circular text in Photoshop Elements (1)

SO cute, right? You can put anything you want around the outside. I have circle business cards, and I put “Simply Kierste” around the outside. I adore them. I’ve also created them for church events, and recently made thank you stickers from our youth that said the name of our church. You can do anything–something more generic like “thank you”, or something totally customized like your name, business, an event name, and more. They are adorable on gifts, on the tops of or tied to mason jars and other jars, and also make totally darling party favors and decorations.

An easy way to create circular text in Photoshop Elements (2)

So, are you ready? Get comfy, and then go ahead and open up Photoshop Elements, and we’ll get started!

An easy way to create circular text in Photoshop Elements…

(Video) Text on a Circle with Photoshop Elements

1. Open a new file by going to File > New > Blank File. Size it to be 6×6 inches, a resolution of 300, RGB Color, and Transparent. You want the size of your file to be double what the circle will end up being, so if you want a larger circle, then just double it. For example, if you want a 7 inch finished circle, then you would actually type in 14×14 inches. I almost always do 6×6, because I usually make my finished circles 3 inches or less.

An easy way to create circular text in Photoshop Elements (3)

2. Select View, then Grid. This helps you type in the right spot–directly in the middle!

An easy way to create circular text in Photoshop Elements (4)

3. Click on your Text tool (mine is the green “T”). Select the font, size, and color of your text (I chose Century Gothic, font size 9, gray), then type right in the center of your box, going from one edge all the way to the other–as close as you can. My text is really small, but it is there! I wrote “handmade with love”, with a dot separating each of them. I wanted at least four of them to go around the circle, otherwise it would have to stretch out the text too much in order to make it fit around the circle. Note: If you are using a dot to separate text like I did, make sure on the last word, you put a dot after it. It’s going to be in a circle, so you will need a dot there. This is what mine looks like:

handmade with love . handmade with love . handmade with love . handmade with love .

Click CTRL-T or CMND-T (Mac) to use the Free Transform tool. Click on the edges of your text box to pull the text so it meets the very edges if necessary. Your text might not go all the way to the edges, but you don’t have enough space to add any more complete text, so this will help you with that.

(Video) Text on a Circular Path in Photoshop Elements

An easy way to create circular text in Photoshop Elements (5)

4. Go to the Image menu, and select Rotate > Rotate Layer 180.

An easy way to create circular text in Photoshop Elements (6)

5. Now we need to change the text a little, so it won’t stretch out of shape when it’s formed into a circle. Click CTRL+T or CMND+Tto once again use the Free Transform Tool. Make sure that you uncheck the box that says Constrain Proportions. Leave the width the same (100%), and change the height to 400%. You may end up having to play around with the 400 number, depending on how it looks at the end (if the circle isn’t complete, or overlaps). You’ll know what I’m talking about at the end, unless it works out perfectly, which is what we’re hoping for! I’ve had to change that value anywhere from 250%-450%, but 400% worked for this particular text.

An easy way to create circular text in Photoshop Elements (7)

Click the green check mark to approve it, then look at your text. This is a vital step!! If the text doesn’t meet the very edges, then click CTRL+T or CMD+T,click on the little boxes on the side, and pull the text so it’s right at each edge. If you are using a dot to separate your text like I did, you can even pull thelast word to the very edge so you can’t see the dot. It’s still there, and will show up when you make your circle, but it makes it so that your words are close enough together to make a complete circle.

An easy way to create circular text in Photoshop Elements (8)

(Video) Shape Text and Dots into a Circle using Photoshop Elements

6. You need to simplify the layer before you can proceed, so right click on your text layer in the Layers Panel, and select Simplify Layer.

An easy way to create circular text in Photoshop Elements (9)

7. Now to make the circle! Click on Filter > Distort > Polar Coordinates. Check Rectangular to Polar in the box that pops up.

An easy way to create circular text in Photoshop Elements (10)

8. And this is what you’ve got!!

An easy way to create circular text in Photoshop Elements (11)

Now what? I’ll show you what to do if you want to add a white (or whatever color) circle to finish making your tag.

(Video) How You Can Put Text on a Circle in Photoshop Elements

9. Do you see the white and black squares on the bottom left? Your circle will be whatever that top square is, so if it’s not the right color, click on it, and select a color. I wanted mine to be white (#ffffff), but you can choose any color. Once your color is right, then select the Shapes tool (it’s next to the eyedropper), and make sure the Ellipse tool (circle/oval) is selected. If you hold the shift key down while you’re drawing, it will make a perfect circle! Draw it big enough to cover your text, although it doesn’t have to be perfectly on top–you can easily fix this after you draw it.

An easy way to create circular text in Photoshop Elements (12)

10. To make the text on top of the circle, go over to your Layers Panel on the right, and drag the shape so it’s underneath the text. You can compare this picture with the one above it, where you can see that the shape is on top, which is why you can’t see the text. You can also now click and drag the circle so it’s centered on your text.

An easy way to create circular text in Photoshop Elements (13)
An easy way to create circular text in Photoshop Elements (14)

11. Now you’re set to finish your design! I used the text tool to change up the fonts and colors to create my tag, and I LOVE it!

An easy way to create circular text in Photoshop Elements (15)

Be sure to save it as a PSD file first, so if you want to go back and make changes you don’t have to start all over again. Then you can save it as a .jpg or .png, whichever you like.

(Video) Learn Photoshop Elements - Help with Text on path and Text on shape

Wondering what to do next, and how to get them printed? I open up a new Word file, and make two or three columns, depending on how big I want my circle tag to be. Then I insert the picture I just created (the .jpg or .png) into my file, re-size as necessary to get it as big as I want it, then copy and paste to fill the page. I print onto either white card stock if it’s going to be a tag, or 8 1/2 x 11 full sheet white labels, which I LOVE. I use a (affiliate link) 2 inch circle punch to cut them out. I almost always size my tags to 2 inches–it’s a great size for just about everything, and I love my punch so much that it makes it super easy. It’s one of my favorite things!!

If you have a Silhouette, and want to make bigger circles, you can use the print & cut feature to do it. Just import your circle file you created into the software, then re-size and proceed with the print & cut directions. You can print from your software, then put it back through your Silhouette to cut them out. I have a for you–it shows you how to create a certain tag at the beginning of the post, so you can always skip that part and go halfway down until it’s applicable to you.

Happy creating!

FAQs

How do I draw a circle in Photoshop Elements? ›

Draw a circle or ellipse

In the Edit workspace, select the Ellipse tool . Note: Press Alt/Option and click a shape tool to cycle through all the available tools. Lets you set the width and height of an ellipse by dragging.

What is the shortcut key to insert circle in Photoshop? ›

With the cursor positioned towards the upper left corner, click and drag the mouse to the bottom right corner while holding Shift on the keyboard. By holding Shift, this allows a perfect circle to be created. If Shift is not held, the circle will look more like an oval.

What tool is used to draw a circle in Photoshop? ›

1) Click on the pen tool in the toolbar. 2) On the new toolbar displayed at the top, click the button with the ellipse in it. 3) Draw the circle by dragging the cursor while holding down the Shift key (otherwise you get an ellipse).

How do I curve text in Photoshop without distortion? ›

PRO TIP: If you want to curve text in Photoshop without distortion, make sure that you use the “Warp Text” tool, located under the “Edit” menu. Otherwise, you may end up with warped or distorted text. When you are finished, simply save the file and you are done.

How do I turn a text box into a circle? ›

You can easily insert a circular shape and add text to it. On the ribbon, just click “Insert” and then click on the “Shapes” drop down arrow. Next, click on any oval shape to insert into your document.

How do I shape text in Photoshop Elements? ›

Use the Text on Shape tool
  1. Select the Text on Shape tool . ...
  2. From the available shapes, select the shape on which you want to add text. ...
  3. To add text to the image, hover the mouse over the path until the cursor icon changes to depict text mode. ...
  4. After adding text, click Commit .
31 Jan 2022

What is the shortcut command to draw a circle? ›

The circle command is used to draw a circle by specifying the center point and radius. Let's understand by two examples. Type Circle or C on the command line and press Enter. Specify the center point of a circle on the workspace or viewport.

What is the shortcut key for circle? ›

Keyboard Shortcuts for Circle Symbol
Circle SymbolSymbol NameAlt + Code (Windows)
White CircleAlt + 9675
Dotted CircleAlt + 9676
Circle With Vertical FillAlt + 9677
Black CircleAlt + 9679
114 more rows

Which of the following tool is used to make a circle? ›

The instrument to draw a circle is called a compass.

What tool creates a circle? ›

Compass. A compass is the oldest tool used for drawing circles.

How do you auto fill in Photoshop? ›

To open the Content Aware Fill workspace first make a selection around an object. Then go to Edit > Content Aware Fill... If the Content Aware Fill option is greyed out, use a selection tool like the lasso (keyboard shortcut “L”) to highlight your content. This should activate the command.

How do I make a spiral circle in Photoshop? ›

Creating a Complex Spiral

If you want to create a more complex spiral shape, you can use the Custom Shape Tool (U). First, select this tool from the Tools palette. Then, click on the Shape drop-down menu and choose Spiral from the list of shapes. Click and drag on your document to create your spiral shape.

What is font curving? ›

Curvy fonts have letters that are shapely, smooth, and flowing. The letters have curved shapes making the type more inviting and relaxed.

Is there a curve tool in Photoshop? ›

The Curves tool is similar to levels, but it gives you more power to control shadows, highlights, and midtones separately. Because it's a more advanced tool, you'll need to be careful when using it to adjust your images. In the example below, you can see an image before adjusting curves.

How do you make smooth curves in Photoshop? ›

Select the Pen icon, which resembles a fountain pen nib, in the left-hand toolbar, then click Curvature Pen Tool in the resulting pop-out menu. The Curvature Pen tool allows you to draw a curve simply by clicking different points in succession.

What are the elements of a circle? ›

What are the parts of a circle? The parts of a circle are the radius, diameter, circumference, arc, chord, secant, tangent, sector and segment.

How do you make a circle element in HTML? ›

Set the CSS border-radius property to 50%.
  1. Step 1: Add the HTML element. Let's say you want to make an image into a perfect circle. ...
  2. Step 2: Assign it an equal width and height. To make an element into a perfect circle, it must have a fixed and equal width and height. ...
  3. Step 3: Set the CSS border-radius property to 50%.
4 Jun 2021

How can you name a circle? ›

A circle is named by the point in the center. A radius is a line segment from the center of the circle to the edge. A diameter is a line segment that passes through the center of a circle.

What are the 3 types of circle? ›

There are three types of circles concentric, tangent, and congruent.

What is a circle called? ›

A circle is a plane figure bounded by one curved line, and such that all straight lines drawn from a certain point within it to the bounding line, are equal. The bounding line is called its circumference and the point, its centre.

How do you change the color of a border in CSS? ›

CSS Border Color
  1. name - specify a color name, like "red"
  2. HEX - specify a HEX value, like "#ff0000"
  3. RGB - specify a RGB value, like "rgb(255,0,0)"
  4. HSL - specify a HSL value, like "hsl(0, 100%, 50%)"
  5. transparent.

How do you put a background image in CSS? ›

CSS background-image
  1. Set the background image for a page: body { background-image: url("paper.gif"); } ...
  2. This example shows a bad combination of text and background image. The text is hardly readable: body { background-image: url("bgdesert.jpg"); ...
  3. p { background-image: url("paper.gif"); } Try it Yourself »

How do you change the color of text in CSS? ›

Simply add the appropriate CSS selector and define the color property with the value you want. For example, say you want to change the color of all paragraphs on your site to navy. Then you'd add p {color: #000080; } to the head section of your HTML file.

How do you insert a circle in basic? ›

Draw an oval or circle

Under Basic Shapes, click Oval. Click where you want the oval to start, and drag to draw the shape. To draw a circle, press Shift while you drag.

How do you plot a circle? ›

Graphing a circle anywhere on the coordinate plane is pretty easy when its equation appears in center-radius form. All you do is plot the center of the circle at (h, k), and then count out from the center r units in the four directions (up, down, left, right). Then, connect those four points with a nice, round circle.

What is the best tool to make a circle? ›

Compass. A compass is the oldest tool used for drawing circles.

Which tool is used to draw a circle? ›

A compass, more accurately known as a pair of compasses, is a technical drawing instrument that can be used for inscribing circles or arcs.

Videos

1. Type Text in Circle - Photoshop Tutorial Tips
(Photoshop Tutorials by Layer Life)
2. How You Can Make Text on a Circle Logo Overlays in Photoshop Elements
(HTG George)
3. How To Wrap Text Around A Circle with Photoshop
(Design Made Simple)
4. Using the Text Path Tools in Photoshop Elements
(Katie Pertiet Designs)
5. How to Draw a Circle Without a Fill in Photoshop Elements
(Rick Peterson)
6. How to: Bordered Text in Photoshop (Elements)
(Robby Mitchell Gaming)
Top Articles
Latest Posts
Article information

Author: Dan Stracke

Last Updated: 01/31/2023

Views: 6814

Rating: 4.2 / 5 (63 voted)

Reviews: 94% of readers found this page helpful

Author information

Name: Dan Stracke

Birthday: 1992-08-25

Address: 2253 Brown Springs, East Alla, OH 38634-0309

Phone: +398735162064

Job: Investor Government Associate

Hobby: Shopping, LARPing, Scrapbooking, Surfing, Slacklining, Dance, Glassblowing

Introduction: My name is Dan Stracke, I am a homely, gleaming, glamorous, inquisitive, homely, gorgeous, light person who loves writing and wants to share my knowledge and understanding with you.