Most Photographers Avoid Type. The Ones Who Don't Win.
Text can make or break a composite. Knowing Photoshop's type tools gives you creative and professional options most photographers don't even know exist.
๐
Competition
A well-designed title or caption can elevate a single image into a complete, intentional piece.
๐ธ
Commercial
Event photos, photo books, social graphics โ every commercial context puts type on images.
โ๏ธType is not an afterthought โ it's part of the composition. Let's close the gap.
Foundations
The Type Tool
๐ฑ๏ธ
Click โ Point Type
A single text line that flows forever. Best for headlines, labels, and short callouts. Requires manual Enter for new lines.
โ
โฌ
Click + Drag โ Area Type
Text wraps inside a box you define. Best for body copy, captions, and any passage longer than a couple of lines.
T
Shortcut โ T activates the Type tool
Shift+T cycles through Horizontal Type, Vertical Type, and the Type Mask variants.
C
Open the Character Panel โ Window โ Character
Font, size, leading, tracking, kerning โ all live here. Open it and leave it open while working with type.
๐กClick for a headline. Drag for a paragraph. That single choice controls how your text behaves.
Core Concepts
Point Type vs Area Type
โ๏ธ
Point Type โ Use For
โ Headlines and display type
โ Short labels or callouts
โ Type on a path
โ Warp Text effects Flows off-canvas if unchecked
๐ฆ
Area Type โ Use For
โ Body copy and captions
โ Multi-paragraph text
โ Text constrained to a layout zone
โ Photo book pages "+" indicator = hidden overflow text
๐
Convert Between the Two
Type menu โ Convert to Point Text (or Area Text). No need to retype. Resize the Area Type box if overflow text disappears after converting.
๐ง Starting with the right mode saves frustration. But you can switch anytime via the Type menu.
Reference
The Character Panel
Aa
Font Family + Style
Top two dropdowns. Font family = the typeface (e.g. Montserrat). Style = weight and slant (Bold, Light Italic, etc.).
Sz
Size โ Point size of your type
Set it here or in the options bar. Click-drag on the field label to scrub the value up and down without typing numbers.
โ
Leading โ Line spacing
Auto = 120% of font size. Increase if lines feel cramped. Rule of thumb: 120โ140% of your font size for readable body copy.
โ
Tracking vs Kerning
Tracking = uniform spacing across all selected letters. Kerning = spacing between two specific letters (click cursor between them). Set Kerning to Optical โ Photoshop handles most pairs automatically.
โ These five settings shape the look of your type more than any font choice will. Learn to scrub them by click-dragging on the field labels.
Design Principle
Font Pairing โ The Two-Font Rule
โ
Good Pairing
Display Headline
Clean sans-serif body copy that reads easily alongside the display heading. Contrast creates hierarchy.
Serif display + sans-serif body
โ
Bad Pairing
Decorative Headline
Another decorative font fighting for the same visual space. No hierarchy, no contrast.
Script + decorative โ compete, don't contrast
๐
Three Rules for Photographers
1. Never use more than two font families. 2. Pair a display font with a clean sans-serif for body. 3. When unsure โ use one family with different weights. Bold headline + Regular body = instant cohesion.
๐กOne family, multiple weights is the safest option every time. Bold + Regular from the same family always works.
Technique
Type on a Path
1
Draw a Path or Shape (set to Path mode, not Shape)
Use the Pen tool (P) or the Ellipse/Rectangle tool with Path selected in the options bar. For circular text, draw an ellipse.
2
Switch to Type Tool (T) โ Hover on the Path Edge
The cursor icon changes to show a wavy baseline when you're over the path. That's your indicator โ click to start typing on the path.
3
Type โ Text Flows Along the Curve
Use the Path Selection tool (A) to drag the start point along the path. The path itself doesn't print โ it's just the guide.
๐ต
Great For: Circular Badges, Curved Banners, Watermarks
Draw an ellipse path โ place text on the top arc for a badge. Drag the start point below the path center to flip text inside the circle for the bottom of a seal. Classic technique for photography club logos and event graphics.
๐ง Path mode โ Shape mode. Make sure the options bar shows Path before you draw โ otherwise you get a filled shape, not a guide.
Technique
Clipping Masks with Type
Fill letters with an image โ the image shows only inside the letterforms.
1
Create a Type Layer โ Bold or Black weight
Large, heavy letterforms work best. Thin fonts don't leave enough visible area to appreciate the image fill.
2
Place an Image Directly Above the Type Layer
File โ Place Embedded. The image layer must be immediately above the type layer in the Layers panel โ no layers between them.
3
Right-Click Image Layer โ Create Clipping Mask
Shortcut: Alt/Option+Ctrl/Cmd+G. The image snaps inside the letter shapes instantly. Move the image layer with the Move tool to frame the best part of the photo inside the letters.
โ The text layer stays fully live โ change the words, font, or size anytime. The image clips to whatever the letters are. Non-destructive all the way through.
Effects
Layer Styles for Type
Double-click the layer thumbnail (not the name) to open Layer Styles.
๐
Drop Shadow
The workhorse. Lifts text off the background. Keep opacity low, spread tight, size soft for a modern look.
โจ
Outer Glow
Soft halo around letters. Great for white text on light backgrounds โ increases contrast without a harsh stroke edge.
โข
Stroke
Adds an outline. Position: Outside for clean edges. Keep width thin โ 1โ3px for a refined look.
๐ฒ
Bevel & Emboss
3D raised or engraved effect. Easy to overdo โ Chisel Hard at subtle settings gives a refined engraved look on dark backgrounds.
Black rectangle on a new layer, blending mode Multiply or opacity 40โ60%. Place text above. Consistent dark area = reliable contrast for light text.
2
Blur the Background Beneath Text
Duplicate photo, apply Gaussian Blur, mask to the text area. Text on a simplified background is dramatically more readable without any overlay.
3
Semi-Transparent Shape
Rectangle at 50โ70% opacity โ the broadcast TV solution. Works on every background, every time. Lower-third graphics, title cards, caption bars.
4
Desaturate the Area Under Text
Hue/Saturation adjustment layer clipped to the text zone, Saturation โ70 to โ100. Calms background colors so your text color pops against a neutral zone.
5
Drop Shadow on the Text Layer
A well-tuned Drop Shadow (low opacity, soft size) separates white text from any light-to-mid background with a single Layer Style setting.
๐ง Know all five. Use the one that fits the composition โ they solve different problems.
Workflow Decision
Live Type ยท Smart Object ยท Rasterize
โ๏ธ
Live Type
Always editable โ change words, font, size anytime. Default state. Keep it here as long as possible.
๐ฆ
Smart Object
Right-click โ Convert to Smart Object. Allows warp transforms and Smart Filters. Double-click to re-enter and edit the live type inside.
๐ฒ
Rasterize
Right-click โ Rasterize Type. Required for pixel-level filters (Liquify). Irreversible. Keep a hidden duplicate live type layer as backup.
๐
The Decision Flow
Might I still change the text? โ Keep Live. Need warp transforms or Smart Filters? โ Convert to Smart Object. Filter requires pixels (Liquify)? โ Rasterize โ but keep a hidden live copy above it first.
โ Smart Object is the power move โ warp, filter, and still double-click back in to edit the live text. Best of both worlds.
Feature
Warp Text
๐
How to Access
Type layer selected โ click the curved-T button in the options bar, or Type โ Warp Text. Choose a Style, adjust Bend amount, reverse direction with a negative value. Live and non-destructive while the layer is live type.
~
Arc
Classic curving banner. The most useful warp for photographers. Negative bend flips the arc direction.
โ
Bulge
Center of text pushes forward. Popular sticker and badge aesthetic โ very current in social media graphics.
โ
Flag
Horizontal wave mimicking text on fabric. Great for banner mockups and expressive display type.
ใ
Wave
Full sinusoidal wave. More dramatic than Flag. Use for energetic, expressive typography.
โ
Fisheye
Spherical distortion. Use for logo mockups on convex surfaces or globe-style badge treatments.
+
Inflate
Pushes all letterforms outward from the center โ like text inflating from inside. Very graphic.
๐กWarp Text + Type on a Path together cover nearly every curved-text need you'll encounter in photography work.
Lesson 14 Recap
Six Things. Every Type Job.
T
T for Type
Click = Point Type (headlines). Drag = Area Type (body). Character panel for all settings.
2
Max Two Fonts
Serif display + sans-serif body. Or one family, multiple weights. Clean always beats clever.
ใฐ
Type on a Path
Draw a path, hover the Type tool on the edge, click. Text follows any curve or circle.
CM
Clipping Masks
Image above type layer โ right-click โ Create Clipping Mask. Image fills the letters. Text stays live.
fx
Layer Styles
Double-click thumbnail. Drop Shadow, Glow, Stroke. Non-destructive. Copy/Paste between layers.
W
Warp Text
Curved-T button in options bar. Arc, Flag, Wave, Bulge. Live and adjustable while type is live.
๐Type is part of the composition. These six tools are all you need to handle it like a pro.
Up Next
You Know Type. Now Let's Fix the Sky.
Lesson 14 complete. In Lesson 15 we use Photoshop's built-in Sky Replacement tool โ one click to swap any sky realistically, with automatic lighting and color matching.
Up Next
Sky Replacement
PS Lesson 15 โ Swap any sky realistically in minutes.