Working with Text & Typography in Photoshop
Text is everywhere in design. From eye-catching posters and social media graphics to professional logos and website banners, typography plays a starring role in almost every visual project. If you're learning Photoshop, mastering text tools isn't optional; it's essential.
But working with text in Photoshop goes far beyond just typing words on a canvas. Understanding how to use the right tools, adjust text properties, create stunning warped effects, and apply basic typography principles can transform your designs from amateur to professional.
In this comprehensive guide, we'll walk you through everything you need to know about working with text and typography in Photoshop. Whether you're a complete beginner or looking to refine your skills, you'll learn practical techniques that you can apply to your projects immediately.
What is typography in Photoshop?
It is the art of arranging and styling the text in visual designs. Typography is an essential skill for creating posters, social media graphics, logos, banners, and advertisements. Photoshop offers powerful text tools that go beyond those of introductory text editors; it combines design creativity with technical precision.
You may ask why mastering the text tools matters; it’s because almost every design project involves text, be it a simple caption or a complex layout. Professional designs require a deep understanding of text properties and typography principles. It separates amateur work from professional-quality graphics, but the text can make or break your design’s visual impact, so use it wisely.
What Are the Main Text Tools in Photoshop?
Photoshop gives you several text tools to work with, but the two you'll use most often are the Horizontal Type Tool and the Vertical Type Tool.
Horizontal Type Tool (T)
It is your default text tool. You'll find it in the toolbar on the left side of your screen, marked with a "T" icon. Just press the T key on your keyboard to activate it. This tool creates text that flows from left to right, which is what you'll use for most English text. There are two ways to create text with this tool.
First, you can simply click anywhere on your canvas and start typing, which is called point text. Your text will keep expanding as you type without wrapping to a new line. This method works great for headlines, single words, or short phrases. When you're done typing, press Ctrl+Enter on Windows (or Cmd+Return on Mac) to commit your text.
The second method is creating a text box. Instead of clicking once, click and drag to create a rectangular box. Now, when you type, your text automatically wraps within the box boundaries. This is perfect for longer paragraphs or body text. You can resize the box at any time by dragging its corner handles, and the text will reflow automatically.
Vertical Type Tool
It creates text that flows from top to bottom instead of left to right. To access it, click and hold on the Horizontal Type Tool icon, and you'll see a dropdown menu. Select "Vertical Type Tool" from there. You can also press Shift+T repeatedly to cycle through all the text tools.
When would you use vertical text? It's great for designing book spines, product labels, vertical banners, and unique, artistic layouts. It's also commonly used for Asian languages like Japanese, Chinese, and Korean, which are traditionally read vertically.
Type Mask Tools
They are special versions that create text-shaped selections instead of actual editable text. When you type with these tools, your text will appear as a red overlay. Press Ctrl+Enter to convert it into a selection, and you'll see marching ants around your text shape. This is incredibly useful when you want to fill text with an image or texture, or cut text shapes out of photos.
How Do I Change Text Properties Like Font and Size?
Once you've created your text, you'll want to customize its appearance. All your text formatting options live in the Character Panel. If you don't see it, go to Window > Character to open it. Remember, this panel is your control center for all text-related tasks.
Changing the font is simple; all you need to do is in the Character panel, you'll see a dropdown menu at the top showing your current font. Click it to see all available fonts on your computer. You can scroll through the list, or start typing a font name to search. Photoshop even shows you a live preview as you hover over each font! Your recently used fonts appear at the very top for quick access. You can also click the cloud icon to access thousands of Adobe Fonts if you have a Creative Cloud subscription.
Font size determines how large or small your text appears. It's measured in points (pt), where 72 points equals one inch. You'll find the size field right below the font dropdown in the Character panel. Type in any number you want, or use the convenient keyboard shortcuts:
Press the [ key to make text smaller and the ] key to make it larger.
Hold Shift while pressing these keys to change size in bigger jumps.
Here's a quick guide for sizing:
Use 48pt to 144pt for big, attention-grabbing headlines,
24pt to 36pt for subheadings
12pt to 16pt for body text, and 8pt to 10pt for small captions or fine print.
Leading- It is pronounced "ledding," and is the vertical space between lines of text. If your lines feel cramped and hard to read, increase the leading, and if they feel too spread out, decrease it. In the Character panel, look for the icon showing an "A" with vertical arrows; that's your leading control.
Your leading should be about 120% to 145% of your font size. So if you're using 12pt text, set your leading to around 14pt to 17pt. Paragraphs need more leading for comfortable reading, while headlines can use tighter leading for a bold, compact look. You can also use keyboard shortcuts:
Alt+Down Arrow increases leading
Alt+Up Arrow decreases it
Tracking- It adjusts the spacing between all the letters in your selected text uniformly. Find it in the Character panel; it's the icon showing "VA" with arrows. Positive numbers spread letters apart, while negative numbers bring them closer together. Press Alt+Right Arrow to increase tracking, or Alt+Left Arrow to decrease it.
When should you adjust tracking? Increase it (around +50 to +150) for all-caps headlines to improve readability. Decrease it slightly (-25 to -50) when you need text to fit in a tight space. Just don't go too extreme unless you're going for a specific artistic effect.
Kerning- It is more precise than tracking, and instead of adjusting all letters equally, kerning fixes the space between two specific letters. Some letter combinations, like "AV," "To," or "Wa," naturally look awkward without proper spacing.
To adjust kerning, click your cursor between two letters, but don't select them; just place your cursor there. In the Character panel, you'll see the kerning dropdown. Start with "Metrics," which uses the font designer's built-in spacing. If that doesn't look right, try "Optical," where Photoshop automatically calculates the best spacing based on letter shapes.
You'll need to adjust kerning manually for large headlines or logo text where spacing issues become really obvious.
A few other quick properties worth knowing:
Baseline Shift moves characters up or down, perfect for creating superscripts like x² or subscripts like H₂O.
Text Color is the color box you can click to open the color picker.
All Caps and Small Caps are in the TT dropdown menu.
Anti-Aliasing (found in the Options bar) smooths your text edges—"Sharp" works great for small text, while "Smooth" is better for large text.
How Can I Create Curved or Warped Text?
Sometimes you want text to follow a curve or take on a special shape, for a circular logo, a wavy banner, or an arched design. Photoshop's text warping feature makes this easy, and the best part is your text stays fully editable!
To warp text:
First, select your text layer in the Layers panel.
Then go to Type > Warp Text in the menu bar, or click the "Create warped text" button in the Options bar (it looks like a T with a curved line under it).
A dialog box will appear with lots of options.
Photoshop offers 15 warp styles, and Arc is the most popular. It bends your text upward or downward in a smooth curve, perfect for logos and badges. Arch creates a rainbow shape, and Flag makes your text wave like a flag in the wind. Wave adds multiple ripples. Bulge expands the middle outward. Fisheye creates a rounded, 3D bulging effect.
Experiment with each one to see which fits your design and matches your creativity.
The Bend slider controls the strength of the warp effect. It ranges from -100% to +100%. Zero means no warp at all. Start with subtle values like 10% to 30% for a natural, professional look. Higher values create more dramatic, stylized effects. Positive values warp in one direction, negative values warp in the opposite direction.
There are also Horizontal Distortion and Vertical Distortion sliders that add perspective or tilt to your warp. Use them wisely, as too much distortion makes text look odd and stretched.
Here are some essential tips for warping:
Always keep your text readable. If people can't read it, you've warped too much.
Use bold, thick fonts because thin fonts can look broken or distorted when warped.
Warping works best on larger text (36pt and above). Small text becomes illegible.
Remember, each text layer can only have one warp applied, so if you need multiple warp styles, create separate text layers.
You can adjust or remove the warp at any time, and your text always stays editable!
What Are the Basic Typography Principles I Should Know?
Good typography isn't just about making text look pretty. It's about making sure your message is clear, readable, and visually organized. Let's cover the essential principles:
Typography hierarchy
It’s about organizing your text by importance. Your most important information should stand out, while less critical details should recede into the background. You create hierarchy using size, weight, and color. Your main headline should be the most significant and boldest (48pt to 144pt). Subheadings should be medium-sized (24pt to 36pt) and bold or semi-bold. Body text should be standard size (12pt to 16pt) with regular weight. This clear structure guides your viewer's eye through your design in the order you intend.
Font pairing
It means combining different fonts to create visual interest. Using just one font can look boring, but using too many fonts creates chaos. Stick to 2-3 fonts maximum. The key is creating contrast; your fonts should look noticeably different, not similar.
Try these classic combinations:
A clean sans-serif headline with an elegant serif body text creates a modern yet traditional feel.
A bold display font paired with a straightforward sans-serif gives you attention-grabbing headlines and readable body text.
You can also use different weights from the same font family, like Montserrat Bold for headlines and Montserrat Light for body text.
Avoid pairing two decorative fonts (too busy and illegible) or two fonts that look too similar (creates confusion instead of contrast).
This is the safest approach for beginners because the fonts are guaranteed to work well together.
Alignment
They affect the readability big time. Left-aligned text is most readable for body text because it matches our natural reading flow. Center-aligned text looks formal and symmetrical, great for headlines and invitations, but harder to read for longer text.
Right-aligned text is tricky and should be used sparingly for dates or short text. Justified text aligns to both edges, creating clean rectangular blocks, but can create awkward spacing gaps. Change alignment in the Paragraph panel (Window > Paragraph).
Contrast and readability
They both go hand in hand. Your text must be easily readable against its background. Black text on a white background or white text on a black background provides maximum readability. If you think of anything like light gray on white, then it's nearly impossible to read. If you squint at your design and can't read the text, your contrast is too low. Always ensure there's a clear size difference between your headlines and body text, at minimum, a 2:1 ratio (if body text is 12pt, headlines should be at least 24pt).
White space
It’s an empty area around and between your text and design elements. It's not wasted space, it's a crucial design element! Professional designs always use generous white space. It improves readability, gives eyes a place to rest, and makes your design look clean and polished. Add margins around your text blocks, increase line spacing for comfortable reading, and don't try to cram as much text into as little space as possible; give your text room to breathe.
