Work with Type layers in Photoshop on the web

Find quick steps on how to use the Type tool in Photoshop on the web.

Adobe Photoshop deeplink

Try the web app

Bring your creative vision to life with Photoshop now available on your web browser, no download required.

Adding and editing text is another important way to enhance your composites in Photoshop on the web. You can create a type layer, edit the text and attributes, and apply layer commands.

Access the Type tool

To access the Type tool, perform any of the following steps:

  • From the toolbar, select the Type tool icon. Press and drag to create a text container on the canvas.
  • Press ‘T’ using your keyboard to select the Type tool
Pastaba:

You can experiment with the type of font, color, size, and spacing attributes to obtain the desired results.

Create a Type Layer

A type layer is automatically created when you create point or paragraph text. A badge visible over the type layer thumbnail helps you distinguish the type layer from other layers in the layers panel.

Point Text

Use point text to add a few words, like a heading or title, to your document in Photoshop on the web.

To add point text, follow the given steps:

  1. Select the Type tool from the toolbar. Click anywhere in your canvas to enter the Type mode.

  2. Some sample text appears surrounded by a bounding box by default as the type layer gets created. Select anywhere inside the bounding box and start typing your desired text.

  3. Use the + icon visible over the text bounding box to move your type layer around your canvas.

  4. In the Layer Properties panel, you can modify Text, Paragraph, and overall Appearance. Also, you can imply various effects like Stroke, Drop shadow, Color overlay, Outer glow, Satin, etc.

  5. Select Done to save your edits to the type layer. Select Cancel to exit the Type mode.

Paragraph Text

Use paragraph text to add a paragraph of text to your document. Select and drag the cursor on the canvas to create a bounding box in which you can type your paragraph. This helps you efficiently edit and align the paragraph later.

To add paragraph text, follow the given steps:

  1. Select the Type tool from the toolbar.

  2. Select and drag the pointer on the canvas to create a bounding box in which you can type your text paragraph. As you create a paragraph, you enter the Type mode automatically.

  3. You can view sample text inside the bounding box. Select anywhere inside the bounding box and start typing your desired text.

  4. Use the + icon visible over the text bounding box to move your type layer around your canvas.

  5. In the Layer Properties panel, you can modify – Text, Font Style, Paragraph, and overall Appearance. Also, you can imply various effects like Stroke, Drop shadow, Color overlay, Outer glow, Satin, etc.

  6. Select Done to save your edits to the type layer. Select Cancel to exit the Type mode.

Edit Text using the Type tool

In the Layer Properties panel, you can edit and modify various attributes of your active text layer.

Text

Under Text, select the font type and font style fields to view the drop-down list and select the desired option.

Line and character spacing: You can adjust the line and character spacing in your text by manually typing in the desired Font size, Tracking, Leading, Kerning, and Baseline shift.

Character formatting: You can also play around with character formatting options - All caps, Small caps, Superscript, Subscript, Underline text, and Strikethrough.

Paragraph

Under Paragraph, you can select a suitable option to align and justify your text.

Appearance

Under Appearance, you can set a color for your text from the color box. 

Effects

Select Add effect to explore different types of effects available within the drop-down list that will help you to enhance the text.

Work with Styles and Presets for Type Tool

You can use different varieties of styles, and predefined presets available within the Type tool collections panel to enhance the overall look and feel of your text.

More like this

Level up with more helpful resources

Have a question or an idea?

Ask the Community

Join our community to connect, learn, and engage

For inspiration, expert tips, and solutions to common issues, visit Adobe Photoshop community. Connect with our team and fellow users to exchange ideas, share your creations, stay updated with the latest features and announcements, and provide feedback.

 Adobe

Gaukite pagalbą greičiau ir lengviau

Naujas vartotojas?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Spalio 14–16 d. Miami Beach ir internetu

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Spalio 14–16 d. Miami Beach ir internetu