Download Assets
This tutorial includes 1 PDF guide. Downloads are free with a PHLEARN account.
- Download the sample files from every free tutorial on PHLEARN
- New free tutorials published every week
- One free account: sign up once, then download anything
Free PDF Guide · 4 Pages
This Tutorial as a Step-by-Step PDF
Walks through Filter > Neural Filters > Super Zoom at 4x with the output set to a new document, placing the graphic in Screen mode, Select > Subject refined in Select and Mask with a layer mask, and a custom Gradient Map built from the photo’s black, blues and yellow. Keep it next to your keyboard.
description
Dropping a stock graphic behind a portrait usually runs into the same wall: the graphic is too small, and stretching it with a normal transform destroys the resolution. Photoshop’s Super Zoom neural filter handles the scaling with AI upscaling, and a custom Gradient Map solves the harder problem — making the graphic’s colors actually match the subject sitting in front of it. Includes cutting the subject out with a layer mask and cleaning up what the graphic leaves behind.
Enjoying This Free Tutorial?
We publish a new free tutorial every week, each one with sample images and PSDs you can download and follow along with. Sign up and they land straight in your inbox, along with early word on sales, events and subscriber-only offers.
Image Source
Photos via Adobe Stock: Studio Portrait and Sound Waves


AI Super Scaling: A Game-Changer for Graphic Integration in Portraits
Dropping a stock graphic behind a portrait subject often runs into the same wall: the graphic is too small, and stretching it with a normal transform destroys its resolution. Photoshop’s Super Zoom neural filter solves the scaling problem with AI upscaling, and a custom Gradient Map solves the second, harder problem — making a graphic’s colors actually match the subject it’s sitting behind.
Getting Started with the Graphic
The instinct is to place a graphic behind the subject and simply scale it up until it fills the frame, but that approach has an obvious limit.
-
Try Scaling with Free Transform First
Press Ctrl + T (Cmd + T on Mac) and scale the graphic up. Pushed far enough to fill a large portrait, the graphic quickly loses resolution and starts looking soft and blurry.
Scaling Up with the Super Zoom Neural Filter
Rather than stretching the existing pixels, Photoshop’s Super Zoom neural filter uses artificial intelligence to generate new detail as it enlarges an image.
-
Open the Super Zoom Neural Filter
With the original graphic open on its own, go to Filter > Neural Filters and turn on Super Zoom.
-
Increase the Zoom Amount
Click the zoom amount repeatedly until it reaches 4x the original image size.
-
Output to a New Document
Once processing finishes, set the output to a new document and click OK. The result is a much larger version of the graphic with detail filled in by the AI rather than simply stretched.
Why Traditional Scaling Falls Short
A normal Free Transform only redistributes the pixel information a file already has, so scaling an image up several times over spreads that same limited detail across a much larger area, which is what causes the blurriness. Super Zoom instead uses AI to generate believable new detail as it enlarges the image, which is why the upscaled result can hold up at a size the original file never could.
Positioning the Graphic Behind Your Subject
-
Drag the Upscaled Graphic into Your Portrait
Click and drag the new, larger graphic document into your portrait file.
-
Preview with the Screen Blend Mode
Temporarily switch the graphic layer’s blend mode to Screen so you can see how it sits behind the subject while positioning it.
-
Scale and Position as Needed
Use Ctrl/Cmd + T to resize and reposition the now much larger graphic so it covers the area you want behind the subject.
Refining the Subject Selection
To get the graphic to sit convincingly behind the subject rather than on top of it, the subject needs to be cleanly selected and cut out first.
-
Move the Graphic Below the Subject Layer
Drag the graphic layer below the subject layer so it’s temporarily hidden from view.
-
Select Subject
Click on the subject’s layer, then go to Select > Select Subject.
-
Refine with Select and Mask
Go to Select > Select and Mask to clean up any areas the initial selection missed.
-
Brush In Missed Areas
Use the brush inside Select and Mask to add back any areas that were left out, like fingers or a hand, and hold Alt (Option on Mac) to subtract any areas that were incorrectly included.
Cutting Out Your Subject with a Layer Mask
-
Confirm the Selection
Click OK to exit Select and Mask with the refined selection active.
-
Apply the Selection as a Layer Mask
With the selection still active on the subject layer, click the Layer Mask icon to cut the subject out of the background, revealing the graphic layer underneath.
Matching Colors with a Gradient Map
With the graphic positioned behind the subject, the next problem is color: a graphic pulled from a stock source rarely matches the color palette of the photo it’s being placed into. A custom Gradient Map adjustment layer solves this by recoloring the entire graphic based on its existing light and dark values.
-
Add a Gradient Map Adjustment Layer
Select the graphic layer, then go to Layer > New Adjustment Layer > Gradient Map and click OK.
-
Preview the Built-In Gradients
Click through Photoshop’s built-in gradient presets to see how each one affects the image — the left side of any gradient maps to the dark areas of the graphic, and the right side maps to the light areas.
Why You Must Select the Gradient, Not the Mask
Every adjustment layer comes with both a gradient thumbnail and a mask thumbnail. To edit the actual colors, you have to click the gradient thumbnail itself before opening the gradient editor — if the layer mask is selected instead, the gradient editor will only show a plain white gradient with nothing to edit.
Building a Custom Gradient
Rather than settling for one of the built-in presets, sampling colors directly from the subject with the eyedropper produces a gradient that’s guaranteed to match.
-
Open the Gradient Editor
With the gradient itself selected on the adjustment layer, double-click it to open the Gradient Editor.
-
Set the Dark Point Color
Click the color stop on the far left of the gradient slider, click Color, and use the eyedropper to sample a dark color, like black, from the image.
-
Add and Set a Midpoint Color
Click anywhere along the slider to add a new color stop, then sample a blue tone from the subject for that stop.
-
Add a Second Midpoint Color
Add another stop and sample a lighter blue from the subject.
-
Set the Light Point Color
Move the far-right stop inward slightly and sample a yellow tone from the subject for it, then add one more stop near it with a slightly lighter version of the same yellow.
-
Reposition the Color Stops
Slide the color stops left or right along the gradient bar to control exactly where each color enters and exits across the graphic’s tonal range — moving a dark stop further right, for example, makes more of the graphic read as black.
How Stop Position Changes the Final Look
The position of each color stop along the gradient slider, not just which colors are chosen, determines how much of the image falls into each color. Sliding stops around after the initial colors are set is a normal part of dialing in the effect, since a small shift in position can noticeably change how dark, light, or saturated the final graphic appears.
Cleaning Up Leftover Graphic
-
Add a Layer for Cleanup
Create a new layer above the recolored graphic to hold any touch-up work.
-
Sample and Paint Away Excess Graphic
Select the Brush tool, hold Alt (Option on Mac) to sample a nearby background color, and paint over any part of the graphic extending past where you want it visible.
-
Crop to Finish
Press C for the Crop tool and crop the canvas in slightly if needed to frame the final composite.
Common Mistakes to Avoid
Scaling a graphic up with a plain Free Transform instead of running it through Super Zoom first is the most common shortcut that backfires — the resolution loss is usually obvious once the graphic is large enough to fill a portrait. It’s also easy to forget that a Gradient Map’s gradient thumbnail, not its mask thumbnail, needs to be selected before editing colors, and to skip refining a Select Subject result in Select and Mask, which usually leaves a rougher edge than a quick pass would fix.
Why This Approach Works
Two separate problems get solved here, and neither one is optional if you want a graphic to look like it belongs in a portrait rather than pasted behind it. Super Zoom handles resolution: because it generates new plausible detail with AI rather than just stretching existing pixels, a small stock graphic can be blown up to fill an entire portrait without the soft, blocky look a normal transform would produce. The Gradient Map handles color: by mapping the graphic’s own dark-to-light values onto colors sampled directly from the subject, the graphic ends up sharing the exact blues and yellows already present in the photo, rather than clashing with whatever palette it originally came with.
Selecting the subject and cutting it out with a layer mask is what lets the recolored, upscaled graphic sit convincingly behind the person instead of in front of them, and the final cleanup pass with a sampled brush handles the small, specific spots where the graphic peeks out past where it should. Solve the size problem without solving the color problem, or the reverse, and the composite still reads as two mismatched pieces instead of one image.
Final Thoughts
This combination of AI upscaling and a custom Gradient Map is a genuinely useful pattern any time you want to integrate a small graphic, texture, or piece of stock art into a portrait at full size. Once you understand that Super Zoom solves resolution and a hand-built gradient solves color matching, the same two-step process applies to almost any graphic element you want to blend convincingly into an existing photo, not just the specific colors used in this example.
Quick Reference: Keys, Menus and Settings
- Scale the graphic upFilter > Neural Filters > Super Zoom, Zoom image 4x, Output: New document
- Place and size itBlend mode Screen; Cmd/Ctrl + T to resize; F for full screen
- Cut out the subjectSelect > Subject, then Select > Select and Mask (Alt/Option subtracts), then the Layer Mask icon
- Recolor the graphicLayer > New Adjustment Layer > Gradient Map
- Custom gradientSelect the gradient map thumbnail, not the mask, and double-click; Color and the eyedropper on each stop, darks left, lights right
- Paint away leftoversNew layer, B, Alt/Option-click to sample the background, paint
- FinishC to crop in a little
No generative credits: Super Zoom is a Neural Filter, and the rest is selections, masks and a Gradient Map.

Free Downloads
Follow Along Step by Step
Get the 4-page PDF guide that walks through Super Zoom, the subject cutout and the custom Gradient Map, with shortcuts and a summary. Free with a PHLEARN account.
AI Super Scaling for Graphics: Common Questions
Why does my graphic look blurry when I scale it up?
Free Transform (Cmd/Ctrl + T) only stretches the pixels the file already has, so a small graphic pushed up to fill a portrait loses a lot of resolution. Enlarge the original with Super Zoom first, then resize.
How do I use Super Zoom in Photoshop?
Open the original graphic on its own, go to Filter > Neural Filters and turn on Super Zoom. Click the plus magnifier next to Zoom image until it reaches 4x, set Output to New document and click OK.
Why set the graphic layer to Screen?
So you can see the subject through it while you size and position the graphic. Once it is in place, the graphic goes behind the subject instead.
How do I put a graphic behind my subject?
Drag the graphic layer below the subject layer. Click the subject layer, choose Select > Subject, refine it, then click the Layer Mask icon. The subject is cut out and the graphic shows behind them.
Select Subject missed part of the hand. How do I fix it?
Go to Select > Select and Mask, zoom in and paint over the missed areas with the brush. Hold Alt/Option to subtract anything it included by mistake, then click OK.
How do I make a graphic match the colors of my photo?
Click the graphic layer and add Layer > New Adjustment Layer > Gradient Map. It recolors the graphic by its light and dark values: the left of the gradient goes to the darks and the right to the lights.
Why does my gradient show up white when I try to edit it?
The mask thumbnail is selected. Click the gradient map thumbnail itself so it is selected, then double-click it to open the Gradient Editor.
How do I build a gradient from the photo’s own colors?
In the Gradient Editor, click a color stop, click Color and sample from the image with the eyedropper. Click along the slider to add stops; here it is black on the left, two blues in the middle and yellow on the right. Slide the stops to change how dark the result is.
How do I hide bits of another graphic that still show?
Make a new layer above it, press B for the Brush, hold Alt/Option to sample the background color next to it and paint it away. Then press C and crop in a little.
Is the PDF guide free?
Yes, with a free PHLEARN account. You get 1 PDF guide: a 4-page walkthrough of Super Zoom, the subject cutout and the custom Gradient Map, with shortcuts and a summary.
Master Photoshop, Lightroom and Photography
Join PHLEARN PRO for $12.99 a month, or $99.99 a year (save 36%). Cancel anytime, with a 100% money-back guarantee.
