Image preview: Create a Vibrant Drinks Ad

Create a Vibrant Drinks Ad

This tutorial will teach you how to design an awesome looking drinks advert. It involves techniques such as photo manipulation and shows you how to blend layers to achieve great results! Download the source file for this and all our other tutorials in our VIP Members Area.

Read More... 21 comments

Final Image

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

bottle20 Create a Vibrant Drinks Ad

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.

bottle1 Create a Vibrant Drinks Ad

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.

bottle2 Create a Vibrant Drinks Ad

Step 3:

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

bottle3 Create a Vibrant Drinks Ad

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:

bottle4 Create a Vibrant Drinks Ad

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:

bottle5 Create a Vibrant Drinks Ad

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.

bottle6 Create a Vibrant Drinks Ad

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.

bottle7 Create a Vibrant Drinks Ad

Step 8:

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

bottle8 Create a Vibrant Drinks Ad

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.

bottle9 Create a Vibrant Drinks Ad

Step 10:

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

bottle10 Create a Vibrant Drinks Ad

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.

bottle11 Create a Vibrant Drinks Ad

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.

bottle12 Create a Vibrant Drinks Ad

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:

bottle13 Create a Vibrant Drinks Ad

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.

bottle14 Create a Vibrant Drinks Ad

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.

bottle15 Create a Vibrant Drinks Ad

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.

bottle16 Create a Vibrant Drinks Ad

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:

bottle17 Create a Vibrant Drinks Ad

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.

bottle18 Create a Vibrant Drinks Ad

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:

bottle19 Create a Vibrant Drinks Ad

And we’re done!

To finish it off I add a little text.

bottle201 Create a Vibrant Drinks Ad

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

21 Awesome Comments: Leave Your Comment

  1. User GravatarSandeep Sharma 8th July 2008

    Nice work!

  2. User GravatarTom 8th July 2008

    Thanks Sandeep! :)

  3. Gilad 8th July 2008

    very nice! :)

  4. beets 17th July 2008

    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 :)

  5. User GravatarTom 17th July 2008

    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… :D

  6. hasib 8th August 2008

    fine!

  7. sheedpx 10th August 2008

    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 !

  8. User GravatarTom 10th August 2008

    Thanks guys :)

  9. shakila malavige 16th August 2008

    thanks for the tutorial, it is aq nice and creative work.good luck!

  10. User GravatarTom 16th August 2008

    Thanks Shakila, I’m glad that you enjoyed it!

  11. User Gravatarrecosmic 24th August 2008

    Cool man…!!!

  12. User GravatarTom 27th August 2008

    Thanks recosmic.

  13. watajoy 21st September 2008

    awesome!

  14. User GravatarStefan Ashwell 22nd September 2008

    Great tips and lovely final effect – love it! :D

  15. User Gravatararemco 9th October 2008

    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…

  16. kabeer 11th November 2008

    nice work..

  17. User GravatarEvery Great Photoshop Lighting Tutorial Ever (all 75 of them) - psdfan.com - 3rd December 2008

    [...] 16. Create a Refreshing Drinks Ad [...]

  18. User Gravatar40 Top-Notch Print Based Tutorials - Tutorial9 18th June 2009

    [...] Create a Vibrant Drink Ad [...]

  19. User Gravatare11world 18th June 2009

    Nice tut.. Very easy and very amazing. Thank you!

  20. User GravatarFAQPAL 20th July 2009

    Excellent tutorial, very creative.

  21. User Gravataroes tsetnoc 19th November 2009

    very creative mind guys.

Leave a Comment: