Ghost mannequins create a great effect when you want to show off both the front and interior of a garment — as if the clothing were placed on an invisible Mannequin. By following the steps below and employing a little artistic skill, you can learn how to create your own ghost mannequin in Photoshop CC 2019.
In this guide:
- Getting the best photographs to work with
- How to create a ghost mannequin in Photoshop: the step-by-step tutorial
Getting the best photographs to work with
The better the source material, the easier it'll be to create your ghost mannequin in Photoshop. While some sellers have actual invisible mannequins they can use for their product photography, many of us must rely on regular mannequins or models and the technique described in this tutorial.
[form name="get-tips" text="Receive free ecommerce & product photography tips" align="right"]
To ensure you have the best photos to work from, do the following during your photo shoot:
- Shoot clothing items on a symmetrical mannequin, arms pointing down.
- If you're using a model instead of a mannequin, make sure their arms hang down and their legs are uncrossed. Also, clip back long hair or jewelry that could obscure the actual clothing product.
- Keep camera and lighting in the same place when shooting clothing interiors. Clip your clothing item to a piece of whiteboard or foam core, then stand the board up at the same location and height as the mannequin to ensure consistent lighting.
- Keep backdrops neutral and plain. A plain white or light gray, non-reflective backdrop is best. Our analysis of the top online clothing brands found that more than 94% of those brands have a plain, neutral background.
- Iron or steam clothes prior to shooting, and make sure garments fit on the mannequin properly — without folds or gaps.
- Place your camera at the same height as the product. In other words, don't have the camera above the item, looking down. Shooting with the camera at the wrong angle will distort the product and require more post-processing work.
In an ideal world, you'd have complete control over your clothing photography. However, you can still create an invisible mannequin effect in Photoshop with less than perfect source materials. The following tutorial will show you an invisible mannequin technique that will work with both great, and not-so-great, photographs.
This particular ghost mannequin application also allows you to set your image on any color background.
[cta text="Looking for more tips on capturing great product photos? Here are 7 things you can do today." button="Learn more" link="https://clippingpathindia.com/blogs/tips/how-to-improve-product-photography-7-things-you-can-do-today"]
How to create a ghost mannequin in Photoshop: the step-by-step tutorial
For this ghost mannequin tutorial, we'll use the following photos for our garment front and interior, and show you how to use the ghost mannequin technique to merge them together. Note that the interior photo does not fit the guidelines stated above, so you'll gain an understanding of how to work with images that are less than perfect.
Source: DenisProduction.com / Adobe Stock
Step 1: Set up your layers
Open the image of the garment shot on a mannequin or model in Photoshop and double-click on the Background layer to make the layer editable. Rename the layer "Front."
Create a new layer and place it behind the Front layer. Name the layer Background. Then, fill the new Background layer with 100% black by typing SHIFT+F5 (FN+SHIFT+F5 on a Mac laptop) and choosing Black next to Contents.
Note: If you're working with a black garment, set the background color to 100% white.
Creating a black background will help you see your selection accurately as you create it. We will change this background color later as needed.
Step 2: Select the background using the Magic Wand tool
Make sure the Front layer in your Layers panel is selected.
Select the Magic Wand tool from Photoshop's toolbar. (If you don't see the Magic Wand tool, it may be hiding behind the Quick Selection tool. Click and hold on the Quick Selection tool to reveal and select the Magic Wand tool.)
With the Magic Wand tool selected, you'll see two buttons at the top of the application window in the options bar: Select Subject and Select and Mask.... Click on Select and Mask....
In the Preview Window that appears, you should see absolutely nothing but a black screen. (If you anything but the all-black screen, hit Cancel and make sure you have the Front layer selected.) Don't worry—nothing has been deleted. Make sure View is set to On Layers (Y).
Click on the Select Subject button at the top of the screen.
Photoshop will attempt to figure out the subject of your photograph, and will create a selection accordingly. If your original photograph has a solid background that is a different color from your garment, this selection will be close to perfect.
On the left-hand side of the Preview Window are tools you can use to help you work with the selection.
If you need to refine the selection (such as the bumpy edge on the left-hand side of the dress in the image above), you can paint along the edge of the selection using the Refine Edge Brush tool or the Brush tool on the left-hand side of the Preview Window.
See the tutorial on the Magic Wand Tool for a detailed explanation of Select and Mask....
[cta text="Related: How to replace or remove an image background with the Magic Wand tool." button="Learn more" link="https://clippingpathindia.com/blogs/tips/magic-wand-tool-select-mask-photoshop"]
Step 3: Select the mannequin using the Magic Wand tool
The next step is to remove the clothing from the mannequin in Photoshop.
Select the Quick Selection tool, then choose Subtract from the options bar at the top of the Preview Window (Add and Subtract look like dashed ellipses surrounding "plus" and "minus" signs).
Select areas of the mannequin that are still showing by clicking on them in the Preview Window. These areas will disappear from view as you click on them. If you accidentally remove part of the garment as well, type CTRL+Z (COMMAND+Z on a Mac) to undo, and then reduce the "Size" option next to the selection tool.
The selection does not need to be perfect, but it does need to be refined enough that you feel confident removing any additional pixels from the image using your Eraser tool.
On the right-hand side of the Preview Window, move the slider for Shift Edge to the left, about 30%. This will move the selection inward slightly, helping remove any halo effects from the selection.
Step 4: Create Layer Mask
In your Front layer, click on the mask icon at the bottom of the Layers panel to mask out the subject's background. Then, select the mask icon next to the Front layer icon.
Choose the Eraser tool from the Toolbar and make sure the foreground color is set to white and the background color is set to black.
Erase out any portions of the mannequin that are still visible.
Step 5: Create selections of the interior
It's time to break out that second image — the one that shows the interior of your garment (such as the neck).
Repeat Steps 2 and 3 with the interior photograph so that you have a selection of the garment itself, and then create the layer mask.
Using the Rectangular Marquee tool, select the neck area of the garment. Type SHIFT+CTRL+C (SHIFT+COMMAND+C on a Mac) to copy the selection and the mask.
In your Front image, select the Background layer and type CTRL+V (COMMAND+V on a Mac) to paste the selection. Name the layer "Neck."
Type CTRL+T (COMMAND+T on a Mac) to scale or rotate your neck layer so that the back of the neck lines up with the front of the neck and shoulders.
Repeat the process with any other portions of the garment where the back of the garment should show. For instance, in the pink dress image, the left sleeve is oriented such that we should be able to see the interior of the sleeve. We can take the right sleeve on our interior image, reverse it, and place it under the Front layer on the front image.
Step 6: Warp and clean up interior portions
This is the step that separates a good Photoshop ghost mannequin from a great Photoshop ghost mannequin.
Remember, the photo you had that you grabbed your garment's interior from lay flat, but you want those portions to look just as filled out as the front of your garment. You can use the Warp transform tool to do the trick.
Make sure you have the layer selected that you want to warp (we'll start with the neck in this example). Choose Edit > Transform > Warp to enable the Warp tool.
Pull up on the center of the neck with the Warp anchors to form a curve, as an actual neck would form. You can also use the tool to adjust any other discrepancies you see.
Once you have adjusted the curve of the garment, use the Eraser tool to gently remove any areas that don't line up completely with the top edge of the neck.
Repeat the process with other areas of the garment where the interior shows.
Step 7: Darken interiors
In order to finalize the illusion that this photo was taken on an invisible mannequin, we need to add shadows to the interior portions of the garment.
Select the Neck layer in the Layers panel. Choose Image > Adjustments > Curves from the drop-down menu at the top of the application window.
In the Curves dialog box, click on the center of the line going through the graph on the right-hand side. Pull the line down until you see the interior of the neck darkening the desired amount.
Repeat curves adjustments on any other layers where interior portions show.
If you need to darken interior areas further, you can use the Burn tool from the Toolbar to "paint" over areas you wish to make darker.
Step 8: Change background color if desired
And you're almost done! Go back to your Background layer and change its color to white or whatever other color you prefer. Since you used black when you created your selection, you can be confident that your ghost mannequin will look good in front of any color.
Not enough time to figure it all out yourself? Send your photos to us, and we'll whip up a professionally edited photo with a ghost mannequin in no time — and for less than 50 cents an image.
[cta text="Learn more about outsourcing your ghost mannequin needs to Clipping Path India's team of designers." button="Learn more" link="https://clippingpathindia.com/pages/ghost-mannequin"]
This post first appeared on Clipping Path, Remove Background & Photo Retouching Service Tips, please read the originial post: here