Hey! This is Marty from Blue Lightning TV.
I'm going to show you how to create a mockup of a product on a bag
which you can quickly change to another product without having to redo the effects.
For your convenience, I provided this white paper bag and this image of a product graphic
that we'll use for this project.
In addition, I provided another product graphic that we can use when I show you how we can
quickly change the graphic.
Their links are in my video's description or project files.
Feel free to use other images if you like.
First, we'll make a displacement map of the bag which make our product graphic look as
if it's wrapping itself around the creases and contours of the bag.
To do this, make a copy of the bag by pressing Ctrl or Cmd + J.
Displacement maps look best when they're blurred, so go to Filter, Blur, and Gaussian Blur.
Let's blur it 4 pixels.
Go to File and "Save a Copy".
Save it to your Desktop for quick access.
Let's name it, "Displacement Map" and save it as a Photoshop PSD file.
Then, click "Save".
If you see this message, just click "OK".
Now that we saved it, we can delete the top layer by pressing the Delete key or by dragging it to the Trash.
Open the "Object Selection Tool" and hover your cursor over the bag until it turns pink.
Photoshop makes a selection of that shape.
Go to Select and "Save Selection".
Then, click OK.
Deselect it by pressing Ctrl or Cmd + D.
Open the product graphic.
We can place it onto the bag by pressing "v" to open our Move Tool and dragging it onto the tab of the bag.
Without releasing your mouse or pen, press and hold the Shift key and drag it down and release.
Pressing Shift kept the graphic centered over the bag.
We'll convert the graphic into a Smart Object so we can modify it non-destructively as well
as allow us to replace it with a different graphic without having to redo the effects.
To do this, click the icon at the upper, right of the Layers panel and click "Convert to Smart Object".
Let's reduce its opacity so we can see the bag under it.
To resize and position the graphic, open your Transform Tool by pressing Ctrl or Cmd + T.
Go to a middle, side anchor point and press and hold Alt or Option + Shift as you drag
it in until the graphic width fits well on the bag.
Go to the top middle anchor point and press and hold the Shift key as you drag it up.
Repeat this at the bottom as you drag it down making sure it covers the bag.
Then, press Enter or Return.
Increase its opacity back to 100%.
Open your Channels panel.
If you don't see it, go to Window and Channels.
Ctrl or Cmd-click the thumbnail of Alpha 1 to select its shape.
Open back the Layers panel and click the Layer Mask icon to make a layer mask of the selection next to the active layer.
Click the chain-link icon to unlink the graphic with the layer mask.
Doing this allows us to resize, reposition either of them independently of the other.
Make the graphic active and go to Filter, Distort, and "Displace".
Let's displace the horizontal and vertical scales 10 pixels, "Stretch to Fit", and "Repeat Edge Pixels".
Click the Displacement map PSD file you saved earlier and click "Open".
Change its Blend Mode to Color Burn.
Convert it into a Smart Object.
We'll create a subtle reflection under it by pressing Ctrl or Cmd + J to make a copy of it.
Go to Edit, Transform, and Flip Vertical.
Press and hold the Shift key as you drag it straight down until there’s a tiny space
between the two bottom corners.
We'll get rid of the part of the bottom bag that extends into the top bag in a minute.
Ctrl or Cmd-click the thumbnail of Layer 1 to select its shape.
We'll make an inverted layer mask of the selection by Alt or Option-clicking the Layer Mask icon.
Reduce its opacity to 20%.
Open your Gradient Tool and make sure your foreground and background colors are black and white, respectively.
If they aren't press "D" on your keyboard.
If they're inverted, press "x".
Open the Gradient Picker and click the black to transparent thumbnail.
Make sure the Linear gradient is active.
Place your cursor at the bottom of your document and drag it up to the bottom of the bag.
Lastly, I'll show you how to quickly replace the product graphic on the bag including its reflection.
Open your Move Tool.
Double-click the thumbnail of the reflection to open its source image and then, double-click
that thumbnail to open its original source.
Go to File and "Place Embedded".
Open a different product graphic and click "Place".
Then, press Enter or Return.
Hide the bottom graphic
and close the tab of this Smart Object.
When you see this message, click "Yes" to save the changes.
Close the tab of this Smart Object and again, click "Yes" to save the changes.
That's it!
This is Marty from Blue Lightning TV. Thanks for watching!