In this tutorial, I will show you how to create a realistic wine bottle mocap. Such a mocap is useful when you need to demonstrate the label design for a bottle of red wine, and there is no real glass bottle yet.
And thanks to the smart objects that we create in the course of work, you can at any time be able to change the image on the label!
If you do not want to spend time, and you immediately need a ready mocap, I suggest to look at the premium mocap of a wine bottle at the link (for a fee). This mocap is completely ready for work, you just need with a couple of mouse clicks to replace the image on the label with your own.
1. Remove the label from the bottle
Load a picture with a bottle of red wine from the Pixabay site and open it in Photoshop CS5 or later.
First, press Ctrl + J to duplicate the layer. Pay attention to the layers panel. Currently there are two layers with the same content. The original snapshot will be stored on the background layer, and we will edit the copy above (Layer 1):
Double click on the name of the copy on the layers panel and call it “Bottle”.
Activate Lasso Tool (L) (Lasso). There are two more types of lasso on the toolbar: Polygonal Lasso Tool (rectangular) and Magnetic Lasso Tool (magnetic) that are hidden under a standard lasso. We need to choose the very first in the list.
Outline the label on the bottle, about the same as you outline something with a pen or pencil on paper. Activating Lasso Tool (L) (Lasso), the mouse cursor turns into a small lasso. Click at any point in the document where we want to start the selection, then, without releasing the mouse button, bring the selection to the end:
To finish the selection, go back to the starting point and release the mouse button. In fact, you do not need to bring the selection to the starting point. But, if you don’t, Photoshop will automatically close the selection by drawing a straight line from the point where you released the mouse button to the starting point of the selection.
In the top menu, go Edit – Fill (Edit – Run Fill). In dropdown menu Contents (Content) choose Content-Aware (Given the content) and click OK.
The label has disappeared! Photoshop automatically deleted it and filled the empty space with the bottle details. If the result of using fill Content-Aware (Given the content) does not suit you, undo the last action by pressing Ctrl + Z and start the process again. Every time you will get a different result. When finished, do not forget to remove the selection team Select – Deselect (Selection – Deselect selection) or by pressing Ctrl + D.
Press L to activate Lasso Tool (Lasso) and select the golden element on the neck of the bottle.
In the top menu, go Edit – Fill (Editing – Run Fill), set Contents (Content) on Content-Aware (Given the content) and click OK.
We managed to get rid of excess item on the neck of the bottle! Do not forget to remove the selection in the menu. Select – Deselect (Selection – Deselect selection) or Ctrl + D.
2. Remove the background
Now we have to remove the white background from the image. We will do this with the help of Quick Selection Tool (Quick selection). Activate the tool by clicking on its icon on the toolbar, or by pressing the W key on the keyboard.
To start the selection, move the cursor to the upper left corner of the bottle, click the left button and navigate to the place that you want to select. With the cursor moving, Photoshop continuously analyzes the area, compares colors, shades and textures, and tries to understand what we want to select, most often the result is clear and high-quality.
If you pay attention to the top panel with the tool parameters, you will see a set of additional icons that allow you to switch between the three selection tool modes (from left to right: new selection, add to selection and subtract from selection). The option to add to the selection (central icon) is already activated, so our next task is to continue adding to the selected area until we select everything necessary:
At the end, gently hold the tool at the edges of the bottle to completely highlight the white background:
Select the background, delete it with the command in the main menu Edit – Cut (Editing – Cut).
Do not forget to deselect the command. Select – Deselect (Selection – Deselect selection) or Ctrl + D.
To evaluate the result of the work, do not forget to turn off the visibility of the background layer by clicking on the eye icon in the layers panel.
Having finished with the removal of the background, we are going to refine the edges of the bottle.
Carefully analyze the edges of the bottle and using Eraser Tool (Eraser) we finalize sloppy places. To activate this tool, press the E key, then right-click on the working canvas to open the context menu of the tool. Install Size (Size) at 20 px and Hardness (Stiffness) – 100%. Having adjusted the tool, we carry out an eraser in the right places.
3. Create a new background.
Activate Rectangle Tool (Rectangle) by pressing the U key, then create a new rectangle under the bottle. Make sure that the layer with the rectangle is under the layer with the bottle.
Double click on the rectangle layer to open the window Layer Style (Layer style). Apply Gradient Overlay (Overlay gradient) by clicking on the corresponding item in the left part of the window.
For the gradient we use colors # 0a0a0a and # 332f30, style Linear (Linear) and angle
We press on the keyboard U and add another rectangle behind the bottle, filling the entire background.
Double click on the layer to open the window Layer Style (Layer style) and add a new effect. Gradient Overlay (Overlay gradient) by clicking on the corresponding item in the left part of the window.
Use colors for gradient # 332f30 and # 0a0a0a, style Radial (Radial) and scale 150%.
Select both created layers, click on them with the right mouse button and select Group from Layers (A group of layers). We call the resulting group “Background” and click OK.
Your result should be about the same:
As you can see, the edges of the bottle look awful. Let’s fix it. Double click on the layer with the bottle.
In the window that opens Layer Style (Layer style) add layer style Inner Shadow (Inner shadow) as shown below:
4. Add shadows and reflection
Grab the “Bottle” layer with the left mouse button and drag it to the button Create new layer (Create a new layer) at the bottom of the layers panel, release the button to create a duplicate layer:
Call the copy “Reflection” and move it under the bottle. Right click on the layer and select Rasterize Layer Style (Rasterize the layer style).
In the top menu, go Edit – Transform – Flip Vertical (Editing – Transformation – Flip Vertically) and place a duplicate at the bottom of the bottle:
Now go Edit – Transform – wrap (Editing – Transformation – Deformation). Pull the corner points to adjust the shape of the reflection to the shape of the bottom of the bottle. When finished, press the Enter key to apply the changes.
Activate Eraser Tool (E) (Eraser), install Size (Size) by 500 pixels, Hardness (Hardness) – at 0% and carefully remove the bottom of the reflection.
On the layers panel set Opacity (Opacity) at 35%.
Activate Ellipse Tool (U) (Oval) and draw a circle with a diameter slightly smaller than the width of the bottle. Set the color of the figure to black. Name the new layer “Little Shadow”.
Now we will add blur for this shadow. In the top menu, go Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur). As a result, a message will appear: “Before continuing, this shape layer must be rasterized or converted into a smart object. In the case of rasterization, it will no longer be editable. ” Push button Rasterize (Rasterize) and set the blur radius to 10 pixels. After that, click OK.
Make sure the “Little Shadow” layer on the layers panel is under the bottle layer. The bottom of the bottle should almost completely overlap the shape, leaving a thin strip of shadow, as shown below:
We’ve finished adding the first shadow layer! Let’s add another extra layer.
Next, we need to repeat the entire process from Step 4, but with some changes. Activate Ellipse Tool (U) (Oval) and draw an oval with a diameter larger than the width of the bottle. Make sure the shape color is set to black. Name this layer “Big Shadow”. On the layers panel, we check that the layer with the oval is under the layer with the bottle. Place the shape in the bottom of the bottle. The bottle should overlap the black oval, as shown below:
Move on Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) to add a blur effect. The blur radius is set to 85 pixels and click OK to confirm the changes. On the layers panel set Opacity (Opacity) layer at 30%.
Now the layers panel should look like this:
Select the layers “Big shadow”, “Small shadow” and “Reflection”. To select several layers at once, click on the first one and hold down the Shift key, then click on the last layer to automatically select all the layers between the first and the last. Then click on them with the right mouse button and select Group from Layers (A group of layers). Enter the name “Shadow” for the group and click OK.
5. Create a label
Create a new document with a size of 893 x 958 pixels.
At the bottom of the layers panel, click on the icon. Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Solid Color (Colour). Fill the layer with # 25221f.
Download and install the Open Sans font and activate Type Tool (T) (Text). On the panel Character (Symbol) set Tracking (Tracking) on 75 and in capital letters we write the text PREMIUM RED WINE 2017 (color # 86752c).
Open the image with the fish. In the top menu, go Select – Color Range (Highlight – Color range). Install Fuzziness (Scatter) by 200, uncheck Localized Color Cluster (Localized color sets) and click OK.
Invert the selection with the command Select – Inverse (Selection – Inversion). Drag this image onto the document with the future label using the tool Move Tool (V) (Move). Double click on the layer with fish and add layer style Color Overlay (Color overlay), use color # 6a6a6b.
Font Open Sans write the word BLACK.
Download and install the Berkshire Swash font and write the word Marvin.
We continue to add text using the Open Sans font:
Download and install the font Black Jack, then add more text, as shown below:
New label is ready! Save this file on your desktop with the name Label.psd. We will need it later.
6. Warp the label
We return to the document with the bottle and on the layers panel select the “Bottle” layer.
Activate Rectangle Tool (U) (Rectangle) and left-click anywhere on the working canvas. In the window that appears, enter the size of the new rectangle 893 x 958 pixels. Click OK and call the new layer “Label”.
Right click on the label layer and select Convert to Smart Object (Convert to smart object). We have just created a smart object that will contain a picture for the label.
Place a rectangle on the bottle and go to the top menu Edit – Transform – wrap (Editing – Transformation – Deformation) or press Ctrl + T to activate the free transformation, then right-click on the rectangle and select Wrap (Deformation).
On the top parameter panel, set the deformation mode to Custom (Custom). This will allow us to freely edit the shape and give it any shape.
To change the rectangle, we pull the control points, any of the grid segments or the inside of the grid. To correct the bend of the grid, use special guides on the reference points. The principle of the guides is very similar to the process of creating a vector shape, for example, a pen. Try to give the rectangle the same shape:
When finished, press Enter to accept the changes.
Choose a smart object and go Layer – Smart Objects – Replace Contents (Layer – Smart Object – Replace Content).
In the window that opens, find the Label.psd file, which we saved in advance, and click the button Place (Post).
The label image is now inside the smart object.
You can make changes to the label at any time by editing the contents of the smart object:
- Select the smart object in the layers panel.
- Double click on its thumbnail on the layers panel to open for editing.
As a result, the contents of the smart object will open in a new Photoshop window (or in the application with which the association of the content format of the smart object is established, this could be, for example, Adobe Illustrator or Adobe Acrobat).
Having finished with all the changes, we save the contents of the smart object and the result of the work will immediately be visible on the main working document.
On the layers panel, select the label layer, double-click on this layer (without touching the layer name) to add a layer style Gradient Overlay (Gradient overlay):
Click on a small gradient bar to edit it. Set the bottom color sliders to white, and for the upper right we decrease Opacity (Opacity) to 0% and set Location (Position) by 46%.
Now add a layer style. Pattern Overlay (Overlay pattern). Set the blending mode to Multiply (Multiplication) and Opacity (Opacity) – 40%, then click on the square with the texture. Click on the small gear icon and select textures in the context menu Rock Patterns (Rocks).
Finally, apply the layer style. Drop Shadow (Shadow): blend mode Normal (Normal) black Opacity (Opacity) 9% and Distance (Offset) 5 pixels.
Choose Rectangle Tool (U) (Rectangle), left-click anywhere on the working canvas and in the appeared window set the size to 925 x 1275 pixels. On the layers panel set Fill (Fill) the created rectangle to 0%. Via Move Tool (V) (Move) place a rectangle on the label and bottle as shown below:
Select the newly created layer, call it “Glare” and double click on it to open Layer Style (Layer style). Add a layer style Gradient Overlay (Gradient overlay).
- Blend Mode (Blend Mode): Soft Light (Soft light);
- Opacity (Opacity): 80%;
- Angle (Angle): 0 °;
- Scale (Scale): 150%.
Set the bottom color sliders to white and add the four upper opacity sliders. From left to right:
- First slider: Opacity (Opacity) 0%; Location (Position) 9%.
- Second slider: Opacity (Opacity) 100%; Location (Position) 25%.
- Third slider: Opacity (Opacity) 100%; Location (Position) 37%.
- Fourth slider: Opacity (Opacity) 0%; Location (Position) 53%.
Duplicate (Ctrl + J) the “Glare” layer and call the copy “Ray of Light”. Double click on this layer to open Layer Style (Layer style). Go to the active style settings. Gradient Overlay (Gradient overlay) and set Opacity (Opacity) by 20% and Angle (Angle) – by -23 degrees. When finished, click OK.
Duplicate the “Ray of Light” layer and call the copy “Texture”. Double click on this layer to open Layer Style (Layer style). Delete Gradient Overlay (Gradient overlay) by clicking on the check mark next to the style, and add Pattern Overlay (Overlay pattern).
Set the blending mode to Multiply (Multiplication) and Opacity (Opacity) – 100%, then click on the square with the texture. Click on the gear icon and load the set Color Paper (Colored paper) in which we find the pattern Marbled (Marble).
Duplicate the “Texture” layer and call the copy “Shadow”. Double click on this layer to open Layer Style (Layer style). Remove style Pattern Overlay (Overlay pattern) by clicking on the check mark, and add Gradient Overlay (Gradient overlay).
Set the blending mode to Multiply (Multiplication), Opacity (Opacity) – 32%, Angle (Angle) – to 0, Scale (Scale) – 100%.
Set the lower color sliders to black and add the four upper opacity sliders. From left to right:
- First slider: Opacity (Opacity) 100%; Location (Position) 6%.
- Second slider: Opacity (Opacity) 0%; Location (Position) 23%.
- Third slider: Opacity (Opacity) 0%; Location (Position) 45%.
- Fourth slider: Opacity (Opacity) 100%; Location (Position) 100%.
Select the “Shadows”, “Texture”, “Ray of Light” and “Glare” layers. To select several layers at once, click on the first one and hold down the Shift key, then click on the last layer to automatically select all the layers between the first and the last. Next, click on the layers with the right mouse button and select Create ClippingMask (Create clipping mask).
We are almost done! The current result looks like this:
Add the final touch in the form of improvements to the general lighting of the composition.
Select the “Shadows” layer and in the top menu go to Layer – New Adjustment Layer – Curves (Layer – New Adjustment Layer – Curves) and click OK.
Next, set up the RGB and Red (Red) as follows:
Congratulations, we are done!
In this challenging lesson, you learned how to quickly remove unnecessary parts from an object and fill in empty spaces using the fill option. Content-Aware (Given the content). After that, we developed a label from scratch and put it on the bottle. Then carefully traced the highlights and shadows to give a 3D effect. As a result, we got a photo-realistic wine bottle mocap. To replace the label with your picture, we simply open the smart object and edit its contents.
Don’t forget to see my bottle mockups on GraphicRiver. Premium quality mockups are ideal for a stylish and professional presentation of label design.
I hope you enjoyed my lesson and you learned something new for yourself. Feel free to leave comments, suggestions and share your results.