common.menu
Search
 
  1. Home
  2. Design School
  3. Curved Text Two Ways in Photoshop

Curved Text Two Ways in Photoshop

Posted on 10th April 2019
For this tutorial, you will need a “Badge” or other “Circular” image to add the text to .

1 - In Photoshop, open the Image you chose to work with.



2 - Double-click on top of its Thumbnail to add the following “Layer Styles”:

Drop Shadow:



3 - Select the “Type Tool” (T), choose your font and type your text (we used “Blackoak Std” @ 14 pt, Centered and White as “Fill” color).





4 - For the first option, with the “Type Tool” (T) still selected, click on the “Create Warped Text” button on the Top Menu, choose “Arc”, click the “Horizontal” radio button and use the “Bend” and “Vertical Distortion” values that fit your image (we used +85% and -10%).





5 - Change the “Size” of your text if needed. We reduced it to 12 pt.



6 - Double-click on top of the text Thumbnail to add the following “Layer Styles”:

Stroke: (#16668d)



Drop Shadow:



7 - Duplicate the “Text” Layer (Command/Control + J), double-click on top of the “Effect” Thumbnail and reverse the “Bend” and “Vertical Distortion” (we used -85% and +10%).





8 - Now, you can reposition the Text to properly fit the “Badge”. This option will deform your letters.



9 - For the second option, use the “Type Tool” (T) to select the text and “Copy” it (Command/Control + C).



10 -  Select the “Ellipse Tool” (L), click inside the Circular Shape, make sure that “Path” is selected on the Top Menu and input a “Width” and “Height” that fit your shape (we used 700 px).







11 - Use the “Path Selection Tool” (A) to move the Path and place it inside your shape.



12 - Then, with the “Type Tool” (T) click on the Path and then right-click and choose “Paste” to paste the text (Command/Control + V).







13 - With the “Path Selection Tool” (A) click on the small Black and White arrows under your Text and reposition it to where you want it. If you think that your text path is too large and the text isn’t centered with the shape you can resize the path using the Transform tool. (Command/Control + T) or go to Edit > Free Transform. While holding the “Shift” + “Option/Alt” keys, drag the corner nodes of the transform box towards the center to scale the path. Holding the “Option/Alt” and “Shift” keys, forces to transform from the center and in the same aspect ratio. Hit “Enter” to Commit the changes.



14 - Duplicate the “Text” Layer (Command/Control + J), and use the “Path Selection Tool” (A) to move the Text to the bottom (or any other position)







15 - You can also click on the “Toggle Text Orientation” button on the “Top Menu” too.





16 - If you want, you can add the same “Layer Styles” used before. Check it out.


by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image