Photoshop Tutorials

Stylish Surreal Portrait

2010-07-09T15:41:00.002+05:30

In today's tutorial we will combine surrealism and fashion effortlessly to create a state of art portrait. I'll show you how to achieve this essentially through a combination of photos, filters and brushes. You can then translate these techniques into your designs to add an artistic edge to them!

Stylish Surreal Portrait Photoshop Tutorial

Tutorial Details

Program: Photoshop Cs3
Difficulty: Beginner/Intermediate
Estimated Completion Time: 1 hour +

Resources

Step 1 - Brainstorm

I love the concept behind surrealism. Surrealism is a style of art that uses visual imagery from the subconscious mind to create art without the intention of logical comprehensibility. - Surrealism.com. Let's not limit our creativity to logic and let's design a portrait that will be a fusion of spunk, futuristic and Victorian!
Gather some inspiration to get your creative juices started. For this type of design I find it best to put my idea to paper before going into Photoshop to create the artwork. Right now it's just a rough sketch to help you visualize your concept. It doesn't matter if the end result is far from your original sketch. I drew a head overflowing with flowers and butterflies.

Step 2 - Set up

Create an A4 size canvas with a decent print quality of 200dpi (optimal is 300dpi). Let's start off by working on the woman to give her a fashionable look. Open the woman image and place it at the center, bottom of the page.

Step 3

Duplicate the woman image and apply a Black & White adjustment ( Image > Adjustments > Black & White) on it. Adjust the values for the different colors until you get a sharp black & white image with high contrasts. In a fashion portrait, the focus is usually on the woman's eyes and hair. Additionally I want her face contours to be more defined as I'm planning to extract her face from the image later.

Step 4

Make a second copy of the woman's image and apply a Poster Edges Filter (Filter > Artistic > Poster Edges) with a maximum edge thickness of 10 and the bring the rest of the settings to 0. This gives us a highly stylized image and a beautiful glowing skin.

Step 5

The “poster edge” layer should be on top of the “black & white” and it's Opacity should be set to 90%.

Step 6

We will use the Pen Tool (P) to extract the background and hair and keep her face and torso. There are a few reasons for using this method. One is for clean edges, two we can modify the shape at any point in time and three we can reuse the path for other purposes. Use the Pen Tool (P) set to Paths.

Step 7

Carefully plot around the face and shoulders contours ignoring the hair. Make a dome shape for her head where it is cropped and continue the shape of her shoulders as well. With the Pen Tool (P) selected, press Cmd/Ctrl key and drag individual points to adjust the shape of your path.

Step 8

Next we will apply this path to a folder that will contain all our layers for textures, colors, effects pertaining to the woman's face and body. Create a New Folder(1). Load the woman's path as a Selection (2). Add a Layer Mask to the New Folder (3).

Step 9

Move both the “poster edge” and the “black & white” layers into the folder to view the result. You may need to refine the mask to include the nice black outline of her face. To do so use a small soft round brush and paint over the folder's mask. All New Layers that we'll be creating in the next few steps should be created inside this folder.

Step 16

Next load the Japanese flowers brushes and Beautiful flowers brushes. Use a combination of both to create a canvas of flowers. Be wild and bold!

Step 17

At this point, take a step back to view the overall artwork. I decided to unify the harsh contrast of smooth glowing skin gainst rough edged shadows on her jaws, neck and eyes area. Instead of getting rid of the edges, I decided to enhance them by going for a watercolor look. I chose this beautiful paper to work with.

Step 18

Open the paper texture and make a copy of it. Place one of it at the top of all layers and the other one at the bottom. Change the top paper texture's blending mode to Overlay. Change the bottom paper texture's Opacity to 10%. Here we have a harmonious skin tone and texture.

Step 18

The next thing to do is create a little surreal world inside her head. An enchanted world of fairies. Begin by adding a Layer Mask to all 3 hair layers.

Step 20

Use these Watercolor Splatters and paint over the layer masks to erase off part of the black hair while retaining soft cloudy edges for a dreamy watercolor effect. Begin with layer “hair3”, use the Brush Tool and experiment with different brush shapes and sizes.

Step 21

Then continue painting on “hair2” and “hair3” layer masks.

Step 22

Add little clouds in the sky by using the Eraser Tool (E). With the same watercolor brushes but much smaller brush size, work on “hair3” Layer mask.

Step 23

Add some trees to our landscape. Create a New Layer and use the brushes below. Again play with various sizes and opacity to achieve depth.

Step 24

Shorten the trees with the Transform Tool (Cmd/Ctrl + T) to be 90% of its original height. We need to make some space for the fairies.

Step 25

We'll be using these fairies brushes . Create a New Layer for each fairy so that you can position and scale them individually. Below are the brushes I've used.

Step 26

Add two more fairies from a second set of fairies brushes. Again create a New Layer for each fairy, position and scale them to fit your scene.

Step 27

The last props we'll be adding to the scene are some tiny butterflies. Download the butterflies brushes, create a New Layer and paint your butterflies.

Step 28

Time to add some some colors to our little world. Open this watercolor texture and move the layer below the trees and fairies. Set the layer's Blending Mode to Darken.

Step 29

Add a Layer Mask to the “watercolor” layer and use the watercolor brushes to remove part of the overflowing green watercolor.

Step 30

Let's add a flower piece to her head. Load the victorian flower brushes that you've used to make her clothes and select this(1), size 500px.

Step 31

Create a New Layer and paint using the Brush Tool (B) the selected flower in black. Disable visibility of the hair folder in order to see the flower.

Step 32

To color the flower, create a New Folder “flower color” in which we will place the color layers. Next use the Magic Wand Tool (W), with the flower layer selected, click on the canvas outside the flower.

Step 33

Go to Select > Inverse (1). With the “flower color” folder selected, click on Add Layer Mask(2).

Step 34

We will first add a watercolor wash to the flower. Load your watercolor brushes and create a New Layer inside the “flower color” folder. Apply an ocre color, see example below. Use the Brush Tool (B) apply the color, some overlapping and some with lighter opacity to get a watercolor textured wash.

Step 35

Now create another Layer on top of the “ocre” and paint over a deep red, 100% opacity.

Step 36

To make the flower more interesting, let's add a few drips of red paint. Create a New Layer on top of the “flower color” folder. Download and load these splatter brushes. Select the brush below.

Step 37

Apply the drip as below.

Step 38

You can now make the hair layers visible again. Using a round brush erase off (Eraser Tool (E)) the left diagonal line as it looks unatural.

Step 39

Create a New Layer and add 2 little drops at the bottom as below using one of the splatter brushes, then erase off the unwanted splatters. Resize and rotate (Transform Tool) them to fit the design.

Step 40

Take a step back and add the finishing touches. To balance off the red drips on top, I've added some splatters on her left shoulder. Create a New Layer, use the same brush in Step 36. Position and rotate (Transform Tool) the drips.

Step 41

Add some black splatters to her right shoulder.

Step 42

Lastly move the flower piece and drips slightly to the left and bottom as it is hiding one of our fairies. We are done!

Final Version

Draw a T-Shirt in Photoshop

2010-07-02T22:21:00.001+05:30

Learn how to draw a realistic t-shirt 100% in Photoshop! This detailed step by step tutorial will show you techniques on creating shapes, shading, embossing, and more.

Draw a T-Shirt in Photoshop

Step 1

Start by making a new document 600 x 600 pixels document.

Step 2

Using Polygonal Lasso Tool (L key) to create a selection like the image below. I feathered the selection (Select > Modify > Feather) by 0.3px for smoother results.

Step 3

In the toolbar, click on the foreground color then set the color to #CFCDD0.

Step 4

Create a new layer (Ctrl+Shift+N or Layer > New > Layer)

Step 5

Fill the selected area with the foreground color you just selected. To fill, press Alt+Backspace or choose Edit > Fill.

Step 6

Select Burn Tool (O Key).

Step 7

Use the burn tool on the indicated area shown in the image below.

Step 8

Choose Filter > Nose > Add Noise. Use the settings shown below.

Step 9

Using Polygonal Lasso Tool , create a selection like the image below. For smoother edges, feather the selection (Select > Modify > Feather) by 0.3px.

Step 10

Select the burn tool then burn the edges of the selection like the image below.

Step 11

Create a selection like the image below.

Step 12

Use the burn tool on the selected area. Repeat this for the other side of the shirt.

Step 13

Now we’ll add some shadows and highlights to the shirt. In the blue dots indicated below, use Dodge tool. For the orange dots, use the Burn Tool.

Step 14

Create a new layer (Ctrl+Shift+N or Layer > New > Layer)

Step 15

Using the Pen tool, create a path like shown below.

Step 16

Select the Brush tool then set the size of the brush to 2px. In the Paths palette (Window > Paths), right click on the path then select Stroke Path.

Step 17

Set the opacity to 20%.

Step 18

On the current layer, choose Layer > Layer Style > Stroke. Set the Stroke settings as shown in the image below. Don’t close the window yet!

Step 19

Enable the Drop Shadow style with the settings shown below.

Step 20

Repeat the above technique (Step 14-19) for the two sleeves.

Step 21

Create a new layer (Ctrl+Shift+N or Layer > New > Layer)

Step 22

Select the Rectangle tool (U) to make a label.

Step 23

Choose Layer > Layer Style > Drop Shadow and apply the settings shown below.

Step 24

Add the logo/text to your label.

Step 25

Make a selection on the left sleeve like the image below. For better selection, feather the selection (Select > Modify > Feather) by 0.3px.

Step 26

In the Layers palette, select the t-shirt layer.

Step 27

Choose Image > Adjustments > Brightness/Contrast and reduce the brightness by 10.

Step 28

Create a new layer (Ctrl+Shift+N or Layer > New > Layer)

Step 29

Using the Pen tool, create a path like shown below.

Step 30

Set your foreground color to white. Then, in the Paths palette (Window > Paths), right click on the path then choose Stroke Path.

Step 31

Here’s what the t-shirt looks like so far!

Step 32

Repeat steps 29 and 30 for the right sleeve.

Step 33

I added an abstract paint image on the t-shirt. You can add any image you like.

Step 34

Create a selection like shown below. Feather the radius (Select > Modify > Feather) by 5 pixels. Now choose Select > modify > Inverse.

Step 35

Create a new layer (Ctrl+Shift+N or Layer > New > Layer)

Step 36

Fill the selected area with white.

Step 38

Use the Eraser tool to erase the excess white areas.

Step 39

Change the opacity of the white fill layer to 30%.

Step 40

Choose Filter > Blur > Gaussian Blur. Apply the settings shown below then click OK.

Step 41

Here’s what the t-shirt looks like so far.

Step 42

Select the Rounded Rectangle tool.

Step 43

Create a rectangle then choose Edit > Transform > Rotate to rotate the rectangle.

Step 44

Add a texture to the background. You can use any photo you like. I used a wood texture.

Step 45

Select the t-shirt layer then choose Layer > Layer Style > Drop Shadow then apply the settings shown below.

Final Results

How to Animate a GIF Inside of Photoshop CS4

2010-06-23T12:00:00.001+05:30

In this tutorial, we’ll take a look at the Photoshop animation feature to create a nice animated GIF. I’m sure all of you already noticed the ads at the right side of this page. For some of you, they are annoying, others even click on them, which is why they are there. I personally think there’s nothing to be said against them, so I thought why not creating a nice 125 pixel by 125 pixel ad to demonstrate how easy it is to create nice animations inside of Photoshop.
All we need to do is open up Photoshop, create our final image and animate it the way we want it to move the single elements to achieve the final effect. Additionally, we’ll stop by at the beautiful GraphicRiver website, where we’ll download their logo, which we’ll use to create our GIF.

Final GIF Preview

Take a look at the animated GIF we’ll be creating below.

Step 1

First, open up Photoshop and create a new 125 pixel by 125 pixel document. In our case, a 72 pixel/inch resolution and the RGB Color mode with a white background will be sufficient, since we’ll use it on the web.

Step 2

Now, unlock the Background layer, call it “BG” for Background and select the Paint Bucket Tool (G). Instead of using the rich black (#000000) for the background, I use the slightly brighter #111111 black, which looks better. Click to fill the layer.

Step 3

Gradients in designs, layouts or images are very popular and give your final product an extra glance. That’s why we’ll now select the Gradient Tool (G). Choose the Radial Gradient from the options bar and make sure the gradient goes from white to transparent. The images below show you how to do it.

Step 4

After selecting the Radial Gradient, going from white to transparent, it’s time to operate. Put your mouse in the center, click and hold, and drag it to the right. For a straight line and better control, press the Shift key while dragging. The image below shows you how it should look afterwards. Make sure you give this layer a name like “Gradient” and play with its opacity for a smoother look.

Step 5

You might not have noticed it, but our final image includes a nice dark gray one pixel border, which helps emphasize the logo and text, which we’ll add later. There are multiple ways of creating this border, but the way I did it in this tutorial, was as follows:
First, select the Rectangle Tool (U). After that, open up the Rectangle options in the Options bar to set a fixed size of 123 pixels by 123 pixels. The color isn’t important, just make sure you align it properly. Click inside the canvas to create a square. Make sure it covers the Background layer, but reveals it at the edges. I called this layer “Extra.”

Step 6

Now, it’s time to open up the Layer Style window. To do that, double-click on the Extra layer. What we need to do, is bring down the Fill Opacity to 0 and give it an inner 1 pixel stroke with a dark gray (#4d4d4d) color. Take a look at the images below for reference.

Step 7

As mentioned earlier, we’ll now jump over to graphicriver.net to download the nice pre-designed logo files. I highly recommend signing up to graphicriver.net to join the Author Program, or simply shop beautiful graphics.
Should you already be a member, make sure you check out the Referral Program where you can receive a 30% commission from the first Cash Deposit a referred user makes! By selling or buying different graphics and layered files, you’ll be able to either earn money or support other designers with your work.
Now click on the Make Money button in the main navigation to reveal the sub-navigation. Click on Referral Program and scroll down until you can see the Referral Graphics. You can choose between the different marketplaces and download their logos and graphics in high quality. I chose the graphicriver.net logo, but from this point, you can choose the one you like the most. Please make sure you read the Copyright Policy to avoid problems.

Step 8

This is how the logo will look like inside of Photoshop. As you’ve noticed, each Graphic Pack comes with layered PSD files. What we’ll do now, is drag or copy and paste the logo to our animation project.

Step 9

In this case, the logo fits perfectly, but should it be too big or small, just transform it. As you can see in the image below, I placed the logo at the top and added additional text at the bottom-left side. Those are just a few things that you can find and buy on graphicriver.net. Make sure the logo and text are on separate layers. It is important to place them on separate layers, since we later want to turn single layers on or off to create our animation.

Step 10

In the next step, I’ll be using Illustrator to create the waves, which we’ll place at the bottom right side. Some of you might think: why isn’t he just doing it inside of Photoshop? I could, but the reason why I’m doing this inside of Illustrator is because I want to explain the difference between Smart Objects, Pixels, Paths and Shape Layers while importing. If you don’t have the opportunity to use Illustrator, then just grab the Pen Tool inside Photoshop, or use any other technique you like to create the nice waves.

Step 11

As you can see in the image below, I grabbed the Pen Tool to draw two triangular, but curved shapes. Make sure there’s no border set and the shape color is blue.

Step 12

We don’t want two similar colored waves so make sure you use two different tones. These are the ones I used.

Step 13

And this is how it should look like. It doesn’t matter how big it is at the moment, since we’ll only use the curved part of it and the rest will be out of sight. Select both shapes and copy and paste or drag it over to Photoshop.

Step 14

Photoshop will instantly ask you how you would like to paste the object. As mentioned earlier, you can choose between: Smart Object, Pixels, Path or Shape Layer. Some of them will obtain quality while others will make subsequent changes – without quality loss – impossible.

Smart Object: Pastes the art as a Vector Smart Object that can be scaled, transformed, or moved without degrading the image. As the art is placed, its file data is embedded in the Photoshop document on a separate layer.
Pixels: Pastes the art as pixels that can be scaled, transformed, or moved before it is rasterized and placed on its own layer in the Photoshop document. As soon as you confirm the changes, the object will be rasterized which will result in quality loss, should you want to change it at a later time.
Path: Pastes the art as a path that can be edited with the pen tools, Path Selection Tool, or Direct Selection Tool. The path is pasted into the layer that’s selected in the Layers panel.
Shape Layer: Pastes the art as a new shape layer (a layer containing a path filled with the foreground color). This can be useful in some cases, but we don’t need this for this project.

Select the Smart Object option and click on OK.

Step 15

We won’t need the entire object, so feel free to resize and position it the way you like. I did it as shown below.

Step 16

Now, it’s time to create the cool shine effect which hovers over our logo and waves. It’s a very simple technique, but the outcome is cool. The first step is choosing the Elliptical Marquee Tool with a 10 pixel feather. I’m using a Feather of 10 pixels on it because we don’t want it to be sharp-edged, which would definitely not look good. Make sure the selection is still inside of our 125 pixel by 125 pixel canvas with enough space around it to be filled with a bright color. Select the Paint Bucket Tool and click inside the active selection.

Step 17

As you can see, we now have a bright, smooth and highlighted ellipse, which will build up the nice glow effect. But one thing’s for sure, it doesn’t look nice this way. We have to limit the highlighted area to the logo, text and waves.
The way I did it, is by selecting the single objects one after another by Shift-clicking on the proper layer thumbnails to create a quick selection of the elements. Now obtain the selection, click on the “Glow” layer and choose Add layer mask.
The layer mask will black out and hide the unselected area, while the white area will display the glow effect on the logo, text and waves. Should the glow be to intensive, simply adjust the brightness by changing its opacity. That’s it. Our final image is done. In the next step, we’ll take a look at how to animate this design.

Step 18

Normally, the animation panel isn’t visible, but you can open it by going to Window > Animation. By default, the Animation panel will open up at the bottom.

Step 19

This is how it will look like by default. It’s the Timeline view, which we don’t want to use in this project. Instead, we’ll work in the Frame view where we can see each animated frame listed inside the Animation panel. To change the view, click on the little fly-out menu button and select Convert to Frame Animation. The images below show you how to do it.

Step 20

In Photoshop, you use the Animation panel to create animation frames. Each frame represents a configuration of layers. The first image below, shows you the Frame listing I mentioned above. The second image, shows you exactly how to configure your layers to achieve the final animation.
Simply select the first Frame, turn on, off or move the elements like mentioned below and you’re done. Work off each Frame after another until you have six frames listed in the Animation Panel. In the next step, we’ll create the tweening, which will add additional frames to create our smooth fade in or moving animation effects.

Step 21

The first step in the animation process is to specify a delay (the time that a frame is displayed) for single frames or for multiple frames in an animation and the tween. As you can see, I’ve changed the frame delay time to 0, which will result in an abrupt switch between the frames.
To make the switch more smooth, we’ll use the Tween command to automatically add or modify a series of frames between two existing frames. You can either tween with the previous frame or the next frame. In this case, we’ll tween with the previous frame. By doing this Photoshop will create the appearance of movement and smooth fade.
To add additional frames, click on the Tween command, enter a number and hit OK.

Frame 1 – Frame 2: Add two additional frames.
Frame 2 – Frame 3: Add two additional frames.
Frame 3 – Frame 4: None.
Frame 4 – Frame 5: Add five additional frames.
Frame 5 – Frame 6: Don’t add additional frames, but make sure you give the sixth frame a two second delay, since we want it to stay there before looping the animation.

Step 22

You can of course use the play option at the bottom of the Animation Panel to play the animation, but we’ll skip that and export the animation as a GIF directly. We’ll save our project as a GIF file for viewing on the web.
To open up the Save for Web & Devices Window, go to File > Save for Web & Devices. There are a lot of different options for you to play with, but for this project we can use a predefined setting. Make sure you choose GIF as your output file type, play with the settings and hit save. Give your GIF a name and save it to a directory you like. That’s it!

Conclusion

I hope all of you guys reading this tutorial, will use the tips and tricks to create your own animated images inside of Photoshop. The best thing to do is later uploading them to Graphic River for the others to see and buy.
Unfortunately, there aren’t many GIF’s or animated images on Graphic River yet, so your job is to change that! Make sure you sign up on GraphicRiver and upload your designs. That’s it for now and I hope this tutorial was useful for you and informative. Feel free to leave a comment. I’ll try to answer your questions, should there be any. Thanks!

Create a Realistic Soda Bottle in Photoshop

2010-06-23T11:48:00.001+05:30

For many, the complexity of Photoshop’s tools can be a bit intimidating. If used properly however, almost anyone can create realistic and impressive-looking graphics. In today’s tutorial we will demonstrate how to create a stylish soda bottle using some easy-to-learn techniques.

Step 1

Create a new document 600 x 800 pixels with a Resolution of 72 dpi. With the Pen tool, draw the outline of half the bottle. I recommend grabbing an image of a bottle to use as a reference. This tutorial does not use any outside images or resources but it may help to use an image of a bottle to get an idea of how the outlook will be.
Now create a selection of the path you just created by Cmd + click on the layer in the Paths palette. You can fill this selection with any color you want, depending on what kind of bottle you are creating. But in this case I filled it with #872a12.

Step 2

Now duplicate the layer by right clicking on it in the Layers palette and clicking Duplicate Layer. Take the new layer and press Cmd + T to Free Transform it. Move it over to the right side of the original layer and continue to stay in Free Transform mode. Right-click on the screen and Flip Horizontal. Press Enter to exit Free Transform. Now highlight the 2 layers and press Cmd + E to merge them together. Call this Layer Outer Bottle Shape.

Step 3

We are going to start making highlights and shadows on the bottle to give it more of a 3D look. For the top part of the bottle grab the Elliptical Marquee Tool and drag it out near the top of the bottle, as shown in the image below. Take the Burn tool and bring down the Exposure to around 20% and set the Range to Midtones. With a very soft brush start brushing the inside of the selection and create a soft line across the top of it.
Now inverse the selection by pressing Cmd + Shift + I. Take the Dodge tool with the same hardness of 0 and brush across the selection as shown in the 2nd image below. This will give the bottle a nice ridge effect. You can touch up this area by also using the Dodge tool on the other side as well.

Step 4

Start adding some highlights along the side of the bottle. First grab the Burn tool with a soft brush. Exposure set to around 20% and Range set to Midtones. Start brushing along the side of the bottle to give it a nice shadow. Take the Dodge tool with the same settings and brush on the inside of where you used the Burn tool.

Step 5

Duplicate the layer and name it Noise. Add some noise by going to Filter > Noise > Add Noise. Set the Amount to around 12%, with Gaussian and Monochromatic checked. Set the Blending Mode of this layer to Overlay and bring the Opacity down to around 15%. If you feel there is too much noise on the bottle you can take a soft Eraser brush with low Opacity and erase some of the noise away. This will give it a nice subtle textured look.

Step 6

Let’s add some liquid inside the bottle. Go back to the first layer called Outer Bottle Shape and duplicate it, call this layer Liquid. Cmd + T on the new layer to enter Free Transform mode. Hold down Alt + Shift and slightly bring down the size. Press the Down Arrow key a few times to align the Liquid layer near the bottom of the bottle.
Now take the Rectangular Marquee Tool and delete the top part of the Liquid layer, as shown in the image below. Drag out the selection over the area that you want deleted and hit the Delete key.
We will now add a gradient overlay to this layer. With the Liquid layer still selected, go into the Layer Style window. To do this you can either double click on the layer or go to Layer > Layer Style > Gradient Overlay. The only settings you will need to change are the colors. Set the Blending Mode of this layer to Overlay and bring the Opacity down to around 30%.

Step 7

Create a new layer on top of the Liquid layer and name it Liquid Top. Grab the Elliptical Marquee Tool and drag it out over a small area above the liquid, as shown in the image below. Fill it with a dark color (#791c0c) and add a Gaussian Blur. Filter > Blur > Gaussian Blur. Set the Radius to 2 pixels. Bring the Opacity down to around 70%.

Step 8

Now we’ll start creating the outter ridges of the bottle. Create a new layer called Ridge and with the Pen tool draw where you think the ridge on the bottle will be. This would be a good time to consult your reference image as to where the details and textures are. Make a selection of the path and give it a Feather of 1. Select > Modify > Feather.
Fill with a lighter color, keep the selection highlighted and grab your Burn tool. Start brushing the edges of the selection with the Burn tool but try not to overdo it. Also make a nice highlight with the Burn tool at the bottom of the selection to make it look like the ridge is sticking out. Do the same with the Dodge tool except use the brush down the middle of the selection.
To make it look like the ridge is attached to the bottle, erase the top of the selection with a very soft brush. The Opacity of the brush should be about 40%.

Step 9

Repeat Step 8 by creating more ridges along the bottle until it looks similar to the image below. If you want your layers to stay organized, you can put all of the Ridge layers into a Folder and name it Top Ridges.

Step 10

Now it’s time to create the bottom ridges of the bottle. Repeat Step 8 except in this case these ridges will extend out to the bottom of the bottle. When using the Pen tool, draw the ridge to stay consistent with the flow and shape of the bottle.
When you are done creating the highlights and shadows of the first ridge, duplicate the layer. Ctrl + T the layer and move it over to the right side of the bottle, then right-click on it and Flip Horizontal. When creating the middle ridge, use a soft Eraser brush with low opacity to erase away the bottom of the layer.

Step 11

Now add some more glare and highlights to the bottle. Duplicate the Outter Bottle Shape layer and call it Highlights. Take your Dodge tool and raise the Exposure to about 25% or 30% with a soft brush. Start painting the bottle down the middle and a bit on the sides. Now take the Burn tool and do the same thing around the sides and bottom of the bottle.

Step 12

Now it’s time to create the cap for the bottle. Create a new layer called Cap. Use the Pen tool to draw out a selection on top of the bottle. Fill the selection with a red color, I used #ce1831.
To create the small ridges in the cap use the Dodge and Burn tools. With the Dodge tool selected use a very small brush with a Hardness of about 20% and create the outter ridges of the cap, shown in image below. Do the same thing with the Burn tool to create the small inner ridges.
Take the Dodge tool and create a very soft highlight on top of the cap. Create a new layer under the Cap layer and name it Shadow. Take the Brush tool with a color of Black and hardness of 0. Paint in behind the cap and turn down the opacity to about 70%.

Step 13a

Now it’s time to create the condensation (bubbles). To do this, we will create a new brush preset. Create a new document 300 x 300 pixels with a Resolution of 72. Create a new layer and call it Bubble. With the Elliptical Marquee Tool create a circle the size of the document. Remember to hold down shift when creating the circle to make it perfect. Fill the selection with white.
Let’s apply a few Layer Styles to this Bubble layer. Layer > Layer Style > Gradient Overlay and add the following settings in the image below. When you are applying the Gradient Overlay take the cursor over the Bubble image and move the gradient to the upper left area of the bubble.
Then add an Inner Glow layer style with the same settings as the image below.

Step 13b

On the Layer Palette, right-click on the Effects of the Bubble layer and choose Create Layers (a). This will turn the Layer Styles to Layers. Then select all of the layers (b) and merge them together by pressing Ctrl + E (c).

Step 13c

Now we’re going to change how the bubble looks. Go to Image > Adjustments > Curves and change the settings similar to the image below. Once you have applied the Curves to the Bubble layer go to Image > Adjustments > Invert.
To turn this Bubble layer into a Brush Preset, go to Edit > Define Brush Preset and name it Bubble.

Step 14

Now go back to your original document and select your new Bubble Brush that you have just created. Create a new layer and use a small brush size of around 10 pixels and a color of white. Start brushing in the bubbles onto the bottle. Try not to make all of the bubbles the same size. Use the ‘ [ ' and ' ] ‘ keys to quickly change the size of the brush.
Now take the Smudge tool with a Strength of around 25% and start brushing away some of the bubbles. This will give the bubbles a cool drip effect.
When you are done, set the Blending Mode to Overlay and duplicate the layer. Set the new layer’s Blending Mode to Normal and bring back the Opacity to about 33%.

Step 15a

Now it’s time to add a label. I created a custom label but you can use whatever you want. Make sure the label is approximately the same size as the middle indented area of the bottle.

Step 15b

Click on the Label layer and go to Edit > Transform > Warp. Bring back the Opacity of the layer to about 50% so you can see the bottle. Grab each corner of the Warp window and bring it in, adjust it until the label fits perfectly onto the bottle.
Once the label is nicely fitted to the bottle use the Burn and Dodge tools to give the label some nice highlights and shadows.

Step 16

For the background I just used a simple gradient of dark to light blue.

Step 17a

Finally, I added a reflection to the bottom of the image. Duplicate the Outer Bottle Shape layer and bring it to the bottom on the layers palette. Rename this layer Reflection. Press Cmd + T and right-click on it, Flip Vertical. Press the Down Arrow keys until it is placed just underneath the bottle image and press Enter to exit Free Transform.
Now take the Eraser tool with a soft brush and erase away some of the edges. Turn down the opacity to around 60%

Step 17b

Next make a new layer above the Reflection layer and name it Reflection Blur. Take the Polygonal Lasso Tool and create a quick shape around the bottom of the bottle, shown in the image below. Ctrl + D to Deselect it and go to Filter > Blur > Gaussian Blur. Give it a Radius of 12 pixels and set the Blending Mode to Overlay and set the Opacity to about 50%.

Conclusion

The more you use tools like Pen, Dodge, and Burn the better you’ll become with them. Hopefully this tutorial has given you some practice and has inspired you to create different types of objects using similar styles and techniques.