How to Curve Text in Photoshop by Creating Type on an Ellipse Path

In Artwork Skills, Graphic Designing Skills

You may have often seen the text in a circular pattern on a brochure or logo. Such curved text is generally created using specific graphic design software. One such software is Adobe Photoshop. You can find many ways how to curve text in Photoshop out there. But in this tutorial, you will find out the right, easy yet quick way to circle or curved text neatly with the help of an ellipse path. Text that added or placed in a path will follow the path’s shape. Paths can be created in many ways using specified tools provided, or they can also be generated from a selection of certain parts of an image on the canvas.

Before Adobe Photoshop CS, making a curved text or any circular pattern was difficult and quite time-consuming. Individual letters are made and then rotated according to the desired pattern. The path feature in Adobe Photoshop CS and later versions helps make it easier for us to create a circle text and doesn’t take long. This article will guide you on how to curve text in Photoshop, and it’s the right and simple way to make a circle text.

The Right Way to Curve Text in Photoshop

In this Photoshop tutorial, we will make a curved text or how to circle text on a logo badge. So, before we curve the text, we need to prepare the badge and a logo image. But in case you only need to curve text in Photoshop without a logo badge, you can jump to step 9.

Here are the steps on how to curve text in Photoshop.

Preparing the Badge Before Curving the Text

Step 1.Prepare the Background.

If you decide to start your work with a blank canvas, launch your Photoshop software and create a new file by clicking the File menu and then select New. Or you can also press Ctrl + N shortcut on your keyboard. In the New dialogue box that appears, fill in the parameter values shown in the example below, or you might want to specify other values. But if you wish your curved text has a background image, click File → Open → look for the image file location and double click on it.

Open your image file in Photoshop.

Now you have an image as a background layer on the canvas.

Make an image as a background layer in Photoshop.

Step 2. Add a New Layer

Then, add a new layer by simply pressing Shift + Ctrl + N on your keyboard. Of you can also add a new layer through the top menu by clicking Layer → New → Layer.

Addiang a new layer in Photoshop.

After clicking the Layer option, you will be prompted to give a name to the new layer you are going to add.

Give a name to into a new layer in Photoshop.

Make sure you work on the new layer by clicking on it.

Work on a new layer in Photoshop.

Step 3. Make a New Circle Shape

On that layer, create a new circle shape using the Ellipse Tool. To activate the circle tool, look at the image below.

Activate Ellipse Tool in Photoshop.

Now start to draw a circle on the layer.

Draw a circle in Photoshop.

Then, at the Options Bar, set the parameters of the circle shape as you want it to be.

Set the parameters of the circle shape at the option bar in Photoshop.

Step 4. Adjust the Circle Position to the Center

We’re going to make the circle position exactly at the very center. To do so, click the Path Alignment Tool at the Options bar, and at the drop-down menu, choose Align to Canvas.

Align to canvas in Photoshop

Still using the Path Alignment Tool, click the Horizontal Centers, and then the Vertical Centers as well.

Image align center in Photoshop

 

Now, we have the circle shape layer at the center of the canvas as shown in the image below. We are going to make this circle shape as a logo badge later on.

The circle layer at the very center of the canvas in Photoshop.

Step 5. Set the Opacity of the Circle Layer to 50%

Adjust the Opacity of your circle layer to meet your desired look. Here on this tutorial, we reduce its opacity to 50%.

Step 6. Drag and Drop Your Logo File to the Canvas

Now go to your computer and open the folder where you keep your logo file (or any image file that you want to make it as the subject in your work). Then drag and drop the image file the way as illustrated on the image below.

Drag and drop an image file to the canvas in Photoshop.

Step 7. Resize the Logo Image

Once you drag and drop the logo image to the canvas, directly resize it by clicking one of the image corners and move your mouse upright or down left while pressing Shift + Alt buttons on your keyboard simultaneously.

Tips: To maintain the aspect ratio when resizing an image in Photoshop, press Shift + Alt buttons on your keyboard simultaneously.

How to resize an image in Photoshop without changing its aspect ratio.

Step 8. Move the Logo Layer onto the Center

You might want the subject image right at the center of the badge. So, using the Move Tool (V) move the logo layer until it fits onto the center of the canvas. To make sure it exactly on the very center of the canvas, move the subject right until you see 2 crossing lines as shown on the image below.

How to Curve Text in Photoshop

Step 9. Add an Ellipse Path

Here we’re going to add a curved text to the logo badge. But first, we need to make an ellipse path before doing so. To add an ellipse or circle path in Photoshop, activate the Ellipse Tool (U), Choose Path at the first drop-down menu on the options bar, and start drawing your ellipse path on the canvas. Then, you might want to align the path to the center of the canvas the same way as the second image on step 4 above.

Step 10. Start Adding Text to the Path

Now see a Paths tab next to the Channels tab, click on it. There you can see the ellipse path you just added, click the Work Path. Then, activate the Horizontal Type Tool (T), decide which point on the path where you want to start typing and start typing on the ellipse path to create a curve text on it.

Typing on the ellipse path in Photoshop.

If you want to add more text to the Path, click the Work Path under the Paths tab, decide a start point where you want to type and type on it. Follow the steps shown at the image below.

Add more text to the Path in Photoshop.

Now you have two parts of the text at the same ellipse path. And every text you add to the path becomes a layer under the layer tab.

Curved Text in Photoshop

Step 11. Flip the Text (if necessary)

Click a text layer you want to flip, then activate the Direct Selection Tool (A) and drag the text to the inside part of the Path.

Step 12. Set the Text Size, Style, Color, and Layout

Go to Window → Character to open a new dialog window which you will use to manage the text settings. Then, double click on the text you want to edit and set the parameters at the character’s dialog window.

Character settings dialoque window in Photoshop.

In case you need to adjust the position of the entire curved text in order fit to the badge, block all of the text layers → Ctrl + T → press and hold Shift + Alt buttons simultaneously → drag your mouse upright or down left until you get the right position as you want it to be.

Adjusting the text position at the path.

Step 13. Adjust the Position of the Entire Curved Text

In case you need to adjust the position of the entire curved text in order fit to the badge, block all of the text layers → Ctrl + T → press and hold Shift + Alt buttons simultaneously → drag your mouse upright or down left until you get the right position as you want it to be.

Adjusting the entire curved text layers position.

You can play with step 12 and 13 over and over again until you get the right curved text look as you desire. Or add more custom shapes on the logo badge to make it more elegant and eye-catching.

How to curve text in Photoshop.

Step 14. Save Your Work

Go to File → Save as → Choose a file type under the Save as type drop-down menu and decide where the file location you would like to save it.

That’s the right way how to curve text in Photoshop. I hope you enjoy this tutorial. If you have any question or want to add some tips on how to circle text using Photoshop, please drop it in the comment box below. Thank you for reading this article, and see you at the next Photoshop tutorials!

 

Subscribe to Our Newsletter!

Love Skillonpage? Get exclusive personalised content right in your Inbox. It's free!

You may also read!

Embossed and Debossed Text Effect in Photoshop

Embossed and Debossed Text Effect Photoshop Tutorial

This article is about to show you how to make an embossed and debossed text effect in Photoshop. We

Read More...
Double Exposure Photoshop Tutorial

How to Make a Double Exposure Effect in Photoshop

This article will show you how to create a double exposure effect in Photoshop. You will learn how to

Read More...

4 Causes Why The Importer Reported a Generic Error in Premiere Pro

This article will show you four possible causes why you got the "The Importer Reported a Generic Error" message

Read More...

Leave a reply:

Your email address will not be published.

Mobile Sliding Menu