Mock YouTube thumbnail of a woman with pink braided hair cut out with a white sticker-style border and hands in prayer pose, over a tropical beach sunset with Living Essentials Yoga Daily Classes text, from a Photoshop tutorial on cutting a person out for a YouTube thumbnail.
  • How to Cut a Person Out for a YouTube Thumbnail in Photoshop

  • by Aaron Nace
    November 3, 2020
  • Add to
    favorites

Download Sample Images

Download Assets

This tutorial includes sample images and 1 sample PSD. Downloads are free with a PHLEARN account.

  • Free sample files with every tutorial on PHLEARN
  • New tutorials published every week
  • Unlimited downloads with your free PHLEARN account
Download

PSD Download

Download the completed PSD file here (144 MB).

description

Learn how to create a popular YouTube thumbnail style in Photoshop! Quickly cut a person from their background, help them stand out by adding a white border around them, and then finish things off with some text and simple design elements.

Making YouTube thumbnails doesn’t need to be a chore, and now that process is smoother than ever!

Artist Credit

Image sources from Pexels and Unsplash.

Woman with long pink braided hair in a black outfit, hands together in a prayer pose against a plain background
The same woman cut out and composited into a YOGA class promotional thumbnail with a beach and palm trees
AfterBefore

The White Outline Trick That Makes a Thumbnail Readable

Thumbnails have one job: be legible at about 200 pixels wide, competing against a wall of other thumbnails. Almost everything that makes an image work at that size comes down to separation — the subject has to detach cleanly from the background.

The reliable way to force that separation is a white stroke around a cut-out subject. It’s the technique behind an enormous proportion of the thumbnails you scroll past without registering why they read so clearly, and it takes a few minutes.

A photograph of a subject before being cut out for a thumbnail in Photoshop

Cutting the Subject Out in One Click

The Select Subject command creating a selection around a person in Photoshop

Photoshop’s Select › Subject identifies the main subject and selects it automatically. On a person against a reasonably distinct background it is remarkably good.

  1. Select › Subject

    A selection appears around your subject.

  2. Click the layer mask icon

    Bottom of the Layers panel. The selection becomes a mask and the background disappears.

Don’t stop to perfect it. The selection won’t be flawless, particularly around hair — and it doesn’t need to be yet, because the white stroke you’re about to add changes which imperfections are actually visible. Refine afterwards, when you can see what matters.

The subject isolated on a transparent background after masking in Photoshop

Adding the White Border

A white outside stroke applied to a cut-out subject through Layer Styles in Photoshop

Bring in your background image, then drag the cut-out subject onto it with the Move tool. Now the important part.

  1. Double-click the subject layer

    Opens Layer Style. Drag the dialog aside so you can see the canvas.

  2. Tick Stroke

    And click the word itself, not just the checkbox, to see its options.

  3. Set Position to Outside

    This is the setting that matters. Inside eats into your subject and Center splits the difference; Outside puts the entire stroke beyond the subject’s edge, so nothing is lost and the outline reads as a deliberate border.

  4. Set the size

    Judge it at the size the thumbnail will actually be viewed, not at 100%. What looks heavy full-screen often disappears at 200 pixels wide.

  5. Leave the colour white

    White works against nearly any background, which is why it’s the convention. Click the swatch if you want something else.

Because this is a Layer Style rather than a painted outline, it stays live — and it follows the mask. Every refinement you make to the cut-out from here updates the border automatically. There’s more on this in our guide to Layer Effects and Layer Styles.

Refining the Cut-Out — Now That You Can See It

Refining a layer mask with the brush tool, with the white stroke updating automatically

With the border in place it becomes obvious which parts of the selection actually need attention. Two tools, for two different situations.

The Brush, for most of it

Click the layer mask and paint. Black hides, white reveals — and the white stroke redraws itself around whatever shape you leave behind, in real time.

That feedback loop is what makes this fast. Painting away a ragged clump of hair doesn’t leave a hole; it leaves a clean bordered edge. For thumbnails, simplifying a messy edge is usually better than trying to preserve every strand, because none of that detail survives at thumbnail size anyway.

The Pen Tool, for edges that must be smooth

Using the Pen Tool to define a precise smooth edge along a subject's arm

Hard-edged shapes — a forearm, a shoulder line — show every wobble when brushed by hand. The Pen Tool produces genuinely smooth curves.

Press P, click and drag to lay down curved segments following the edge, close the path, then right-click and choose Make Selection. With the mask active, paint white inside that selection and the edge becomes perfectly clean.

The honest trade-off: the Pen Tool is more precise, the Brush is much faster, and for most thumbnails the Brush is good enough. Save the Pen for the two or three edges a viewer’s eye will actually land on. Our guide to mastering the Pen Tool covers it in depth, and making accurate cutouts, masks and selections goes further on difficult edges.

Building the Background

A solid colour fill layer sampled from the subject sitting behind the cut-out

A photographic background often competes with your subject. Simpler usually wins at thumbnail size.

  1. Add a Solid Color fill layer

    From the adjustments icon. It appears above everything, so drag it below the subject layer.

  2. Sample a colour from your subject

    Double-click the fill layer’s swatch and use the eyedropper to pick a colour directly from the image — hair, clothing, a highlight. This is the step that makes it look designed rather than assembled, because the palette can’t clash with a colour that came out of the photograph.

  3. Or keep the photo and mute it

    Put a black fill layer over the background and lower its opacity. You keep context while the subject and any text stay legible.

  4. Or add a gradient

    A Gradient fill layer running from your sampled colour to a deeper version of it gives depth without introducing anything new. Drag on the canvas to position it and adjust the Scale.

A gradient background built from colours sampled out of the subject

Then add your text. With a cut-out subject, a white border and a controlled background, text sits legibly almost anywhere — which is the entire point of the exercise.

Getting the Specs Right

YouTube’s recommended thumbnail is 1280 × 720 pixels, 16:9, under 2MB, as JPG, PNG, GIF or WebP. Their support page has the current requirements.

The number that actually matters, though, is none of those — it’s how it looks at around 200 pixels wide, which is where most people will see it. Zoom your document out until it’s roughly thumbnail-sized and judge it there. Text that seemed reasonable at full size frequently turns out to be unreadable, and a border that looked heavy turns out to be exactly right.

Where Thumbnails Go Wrong

Setting the stroke to Inside

It eats into your subject instead of surrounding them. Outside, every time.

Perfecting the cut-out before adding the border

The stroke changes which flaws are visible. Add it first, then refine what actually shows.

Judging at 100%

Everything works at full size. Zoom out to thumbnail scale and decide there.

A background that competes

A busy photograph behind a subject means neither reads. Mute it, replace it, or gradient over it.

Introducing colours from nowhere

Sample your background colour out of the subject and the whole thing coheres automatically.

Too much text

Three or four words at thumbnail size. The title beside it does the rest of the work.

More Free Photoshop Tutorials

Build It Once, Reuse It Forever

Save the finished file as a template. The stroke, the fill layer, the text placement and the sizing are all reusable — swap the subject and resample the background colour and the next thumbnail takes two minutes instead of twenty.

That consistency is worth as much as the design itself. A recognisable thumbnail style is one of the few things that makes a channel identifiable in a grid of competitors before anyone has read a word.

200+
PRO COURSES & MASTERCLASSES
100+
PRESETS, LUTS, ACTIONS & BRUSHES
1,000+
DOWNLOADABLE PSDs & RAW FILES
4K
ULTRA HD STREAMING
4.93
AVERAGE STAR RATING
3,900+
PRO TUTORIAL REVIEWS
2M+
SUBSCRIBERS & STUDENTS

Enjoying This Free Tutorial? Go Further with PRO.

Unlock Full Sample Files, PSDs, and Hundreds of Masterclasses!

Download full project assets, original PSDs, and RAW images for every lesson

Unlimited access to our complete library of PRO Photoshop & Lightroom courses

Instant 4K Ultra HD streaming on all devices, anytime, anywhere

Full access to our entire library of Photoshop Actions, Presets, and LUTs

Flexible monthly and annual membership plans

Cancel anytime with zero hassle or commitments