Final Image
Here is the final image that we’ll be creating:

Step 1:
Open up a new document 600X600px in size and using the magnify tool select ‘fit to screen’. Then when the entire document is showing paste your image of a bottle and it will automatically be pasted on to a new layer and be positioned in the center of your document.

Step 2:
Select the white part of your image around the bottle using the magic wand tool and delete it. Then go to layer blending modes and using ‘color overlay’ overlay a solid black color over the bottle. This is really just so that the original bottle photo doesn’t distract from the rest of the work we’ll be doing, it’s nothing permanent.

Step 3:
Next select the Photoshop leaf textured brush from the brushes menu, with the settings shown below:

Step 4:
With a brush of hex code 98701A selected, drag your brush from the top of your bottle shape to the bottom. The leafs should be scattered as shown below:

Step 5:
Now drag up from the bottom to the top of the bottle using the same brush but with the hex code D9A943. Now drag back down using a hex code 473A1D brush. Now back up using a hex code 5C8121 brush. And finally back down using a brush with the hex code ADDA65. The result should be something like the image below:

Step 6:
Now to add some images around the bottle. I select a nice photo of a rhino (http://www.sxc.hu/photo/1028793) and paste the image onto a new layer ABOVE my bottle layer. Then I cut around the rhino using the lasso tool and get delete the white background, leaving only the animal remaning.

Step 7:
Now I resize my rhino using the transform tool and rotate it to fit in a nice position, being careful to slightly overlap the side of the bottle with the image. I also go to layer blending options and apply a gradient overlay, ranging from colors EDBC3A to B1840C.

Step 8:
Now use the same technique to place a palm tree over your bottle image.

Step 9:
Now I repeat the same technique, placing a beach umbrella, woman in a bikini, a cocktail glass and a guitar. I also select my palm tree layer and go to edit > transform > flip vertical, and then resize the tree to fit nicely below the original. I then duplicate this layer and move/rotate it to fit at the top of the bottle. You can experiment with different objects, but just remember to make the edge of each overlap with the bottle slightly.

Step 10:
The leaf pattern in the background is a little distracting right now, so I reduce the layer opacity to 65%

Step 11:
Now I find a great image of a cocktail glass after searching for ’splash’. You can see the original photo here: http://www.sxc.hu/photo/577436. I paste the image onto a new layer above all my current layers and move it so that the splashing liquid is over my bottle/images surrounding it.

Step 12:
Now I changing the layer blending mode to ‘overlay’ and as you can see the splashes from the photo are combined nicely with the images below. Move the photo around until you are satisfied with the result.

Step 13:
Create a new top layer. Now select the radial gradient tool, and create a gradient ranging from colors CF9F0C to 8B5C00. Drag this gradient from the center to the edge of your image to achieve the effect below:

Step 14:
Now set the layer’s blending mode to overlay. This achieves a really nice effect, giving the images below far more saturation and intensity. What I was going for was a swirl of color and energy, with the movement of liquid being poured.

Step 15:
There were two leafs that looked a little out of place in the top-left of my image, so I simply went to the layer with my leaf pattern on, selecting these 2 leafs and deleted them.

Step 16:
Now I want to merge all of my layers together except the bottle layer. I can’t simply ‘merge down’ as this will mess up all of my layer blending modes, ruining the final effect. Instead, I simply hide my bottle layer, and then go to layer > merge visible. This will merge all of the layers that are visible, but not my bottle layer which has visibility turned off.

Step 17:
Now, because the background layer was visible, it was merged with the other layers. We don’t want to be editing a background layer, so I simply duplicate my background layer, creating a new layer that I can edit above my background layer. Then I go back to my background layer, select it all, hit delete to get rid of my original merged image and leave a plain white background. This way I have a new layer which is better to edit, and have reverted to my original white background layer. You can see the stages of this in my layers palette below:

Step 18:
Now I make my bottle layer visible again. I select the area around the bottle by clicking outside of the bottle shape using the magic wand tool. Then I go to select > inverse to invert my selection, leaving only the bottle shape selected. Then I go to my layer containing the cool splash image and hit delete, leaving a bottle shape in the middle of my splash. I go back to my bottle layer and make that invisible to let my image show through.

Step 19:
Now I create a custom shape in roughly the center of the bottle, and apply a gradient overlay in the layer blending options. I use the settings shown below:

And we’re done!
To finish it off I add a little text.


19 Comments so Far:
Comment by Sandeep Sharma on July 8, 2008 at 4:50 am
Nice work!
Comment by Tom on July 8, 2008 at 11:32 am
Thanks Sandeep!
Comment by Gilad on July 8, 2008 at 2:13 pm
very nice!
Comment by beets on July 17, 2008 at 7:00 am
very nice concept, but honestly not one of my favorite designs of yours
i think the image (both the negative space of the bottle and the final image as a whole) would “pop” more if the silhouetted objects contrasted more against the leaves.
i think a lot gets lost in all the visual noise.
good tutorial though
Comment by Tom on July 17, 2008 at 2:04 pm
Thanks for the constructive comments Beets
I agree with you, the outcome wasn’t one of my favorites, but some tutorials just seem to not go as expected and some go better than expected…
Comment by hasib on August 8, 2008 at 6:37 pm
fine!
Comment by sheedpx on August 10, 2008 at 3:34 pm
seriously dude;
that’s a beginner designs !!
inspired from tutorial9; but even the one mad on tuto9 is not as good as yours…
u still some serious work !
Comment by Tom on August 10, 2008 at 4:26 pm
Thanks guys
Comment by shakila malavige on August 16, 2008 at 4:37 am
thanks for the tutorial, it is aq nice and creative work.good luck!
Comment by Tom on August 16, 2008 at 1:10 pm
Thanks Shakila, I’m glad that you enjoyed it!
Comment by recosmic on August 24, 2008 at 4:12 pm
Cool man…!!!
Comment by Tom on August 27, 2008 at 12:42 am
Thanks recosmic.
Comment by watajoy on September 21, 2008 at 6:11 am
awesome!
Comment by Stefan Ashwell on September 22, 2008 at 11:47 am
Great tips and lovely final effect - love it!
Comment by aremco on October 9, 2008 at 1:15 am
nice work… love the golden effect…
could you give us the link where to download
the brushes you use, thanks
keep it up Tom, love your tut here…
Comment by kabeer on November 11, 2008 at 8:08 am
nice work..
Pingback by Every Great Photoshop Lighting Tutorial Ever (all 75 of them) - psdfan.com - on December 3, 2008 at 1:14 am
[...] 16. Create a Refreshing Drinks Ad [...]
Pingback by 40 Top-Notch Print Based Tutorials - Tutorial9 on June 18, 2009 at 5:17 am
[...] Create a Vibrant Drink Ad [...]
Comment by e11world on June 18, 2009 at 4:44 pm
Nice tut.. Very easy and very amazing. Thank you!
Leave a comment: