Subscribe: RSS or e-mail

Browse By Category

Exclusive Tutorials

Shape Text in Photoshop

shape_text (1K)

Have you ever wanted to shape your text in any desired shape? This Photoshop tutorial will teach you how to shape text in easy steps. You can shape your site name in your logo, shape your lovers name in a heart... etc. We will use Photoshop Horizontal Type Tool, Custom Shape Tool and we will learn how to rasterize a layer.

Click File > New and start a new image in Photoshop.
Click "Create a new layer" from the layers window and fill this new layer with the desired background color.
Select the "Horizontal Type Tool" (T), select the font type and font size that you like and type the desired word or words repeatedly. You can type a line then copy it (Ctrl+C), press Enter and paste (Ctrl+V) this line repeatedly.
Select the "Custom Shape Tool" (U) and choose any shape you like from the top tool bar. If you want to see all the available shapes then click the right arrow in the shapes window and choose All (follow the red arrows).
Draw the selected shape over the typed text. Notice we are using the shape only to make a selection so you can use your logo or any other shape that you like.
Select the text layer and click Layer > Rasterize > Layer.
Press Ctrl and click the shape layer to select the shape, press (Shift+Ctrl+I) to inverse the selection.
Make sure that the text layer is selected and press Del.
Press (Ctrl+D) to remove selection and delete the shape layer.

Shaped text:

shape_text_04 (9K)

shape_text_05 (11K)

Categories - Top

Bookmark and Share

10 Comments

noora Said,

Wed, 26 December 2007 06:41am (GMT)

hi, this is a very and cool tutorial! i really enjoyed it.i am a teacher so i would like to teach my students this tutorial if you do n't mind.

TutorialsRoom Said,

Wed, 26 December 2007 18:57pm (GMT)

Go ahead Noora, greetings for you and all your students :)

Angela Said,

Thu, 03 January 2008 07:56am (GMT)

Thanks for such a clear tutorial! :) Took me a while with some mistakes here and there but I managed! The simplicity of this tutorial is great! Keep it up!

Sarabeth Said,

Wed, 09 January 2008 13:52pm (GMT)

I have a question- what if you want a certain body of text to be fit INTO a shape. As in- instead of the shape being a window that let's you 'see through' to text, what if I want all the text to fit exactly into the shape, with none being cut-off? I am trying to design a t-shirt, and want all of our names to 'fit' into the shapes of the continents. if I use this tutorial, a lot of people's names will get cut off. so, how do i make a body of text wrap around a specific shape? thanks!!!!

TutorialsRoom Said,

Thu, 10 January 2008 08:45am (GMT)

I will write another step by step tutorial on how to fit a text into a shape within the next week. Keep checking TutorialsRoom.com for the updates.

hamid Said,

Thu, 10 January 2008 23:37pm (GMT)

very nice and cool tutorial really too much amazing technique and very helpful for me

dwina Said,

Mon, 03 March 2008 11:48am (GMT)

it's great and it's really very creative. thnx a lot 4 the tutorial!!!

eric Said,

Tue, 08 July 2008 11:32am (GMT)

good tutorial

Julie Said,

Sun, 20 July 2008 21:29pm (GMT)

I write poems and I want to type the words into shape patterns such as an angel, eagle, lighthouse, etc. what a program that will do this and where do I get it? Thanks!

TutorialsRoom Said,

Mon, 21 July 2008 10:17am (GMT)

Hi Julie, you can use Photoshop and follow this tutorial: http://www.tutorialsroom.com/tutorials/graphics/text_in_shape.html

Copyright © 2007-2008 Hazem Osman. All rights reserved. Terms & Conditions