Top

Create a Refreshing Beer Themed Poster Design in Photoshop

When you create a print advertisement, it’s important that all the elements of your composition are geared towards selling a product and promoting a brand. Today, we will demonstrate how to create a refreshing beer-themed poster design in Photoshop.

Final Image Preview

Take a look at what we will be creating.

heineken_preview

Tutorial Details

  • Program: Adobe Photoshop
  • Difficulty: Intermediate
  • Estimated Completion Time: 3 Hours

Resources Used

The following resources were used during the production of this tutorial.

Step 1

Let’s start by creating a new A4 document in Photoshop. Working with large files allows you to zoom in and focus your attention on small details, that can make the difference between a good and great design.

heineken1

Step 2

Right-click on the background layer, in the layer palette, and apply a radial gradient using layer styles. Set the gradient from a #464646 to #202020.

heineken2

Step 3

Download the grunge texture and drag it onto your canvas. Press Cmd/Ctrl + Shift + U to desaturate it and switch the layer blend mode to overlay with opacity 30%.

heineken3

Step 4

Create a new layer between the background and the texture, grab a white soft (hardness 0%) brush, and paint some spots over the center of the canvas. Reduce the opacity until you’ve obtained a subtle light effect in the center.

heineken4

Step 5

At this point I think the background is too light. A layer adjustment can help. Go to Layer > New Adjustment Layers > Curves and put this layer at the top of the others. Create an anchor point on the curve and move it to the bottom as shown on in the screenshot below:

heineken5

Step 6

Select all the layers created and group them (Cmd/Ctrl + G). Title the group “background”. It’s time to create the floor where to place the bottle. Create a new group and title it “floor”. As I always write in my tutorials, organization is fundamental while working with lots of layers, as in this case. There’s nothing more irritating than spending your time searching for a layer among thousands of untitled layers!

Download and paste in the parquet image. Press Cmd/Ctrl + T to activate the transform tool and squash the image to create the idea of perspective:

heineken6

Create a new group and title it “clouds”. Create a new layer inside “clouds”, make sure to select black and white as the foreground and background color and go to Filter > Render > Clouds.

heineken7

Step 8

Press Cmd/Ctrl + T to enlarge the cloud layer.

heineken8

Step 9

Now switch the layer blending mode to screen and reduce its opacity to 20%.

heineken9

Step 10

Grab the Eraser tool (E) and use a large soft brush to erase some areas of the cloud layer, in particular over the corners.

heineken10

Step 11

You can add more cloud layers, that can be removed at any time in case their effect is obtrusive. Here is my result:

heineken11

Step 12

Create the “bottle” group and paste in an image of a beer bottle (Google it and you’ll find tons of free images).

heineken12

Step 13

Realism can’t be achieved without a correct use of light. Let’s suppose our light source is in the top-right area (in front of the bottle). If you are unsure about how to create shadows, try experimenting with the lamp on your desk and any type of object. Since the light originates from the right, use the burn tool (O) to darken the left side of the bottle.

heineken13

Step 14

Using the Burn tool, with range “midtones” and “exposure” 80%, select the floor layer and create a shadow effect below the bottle. Darken the corners too. These dark areas will drive user attention to the center where the product is.

heineken14

Step 15

To darken the corners a bit more, create a new layer and use a large soft black brush to paint over these areas. You can then play with the layer’s opacity until you’re satisfied with the effect.

heineken15

Step 16

Create a new layer between the floor and the grunge background. Using the same black brush from Step 15, paint where the floor meets the grunge wall. This will create a sensation of depth.

heineken16

Step 17

Now paste the water droplets image onto the canvas in a layer above the floor. Make it the same size as the floor.

heineken17

Step 18

Set the layer blending mode to “darken” with 70% opacity.

heineken18

Step 19

Switch to the “bottle” group. Select the bottle layer and duplicate it (Cmd/Ctrl + J). Apply a black color over lay to the bottle using a layer style. This layer will be used to create the bottle shadow.

heineken19

Step 20

Move the black bottle below the original. Press Cmd/Ctrl + T to activate the transform tool, then hold down Cmd/Ctrl and move the transform handles to add perspective to the shadow.

heineken20

Step 21

To complete the shadow, go to Filter > Blur > Gaussian Blur and enter a value of about 65 pixels. Reduce the opacity a little if you think it’s too strong.

heineken21

Step 22

At this point we can play with colors. Cool colors will portray a sensation of freshness. Create a new gradient map layer (Layer > New Adjustment Layer > Gradient Map) and add a gradient going from #1b4f03 to #28e30f. Set the layer blend mode to overlay with an opacity of 50%. Keep in mind that this gradient map will be always be on top of all the other layers.

heineken22

Step 23

Create a new layer above the bottle and name it “splash effects”. Open the first water splash image in Photoshop and double click on the background layer to unlock it.

heineken23

Step 24

In the channels window (Window > Channels), Cmd/Ctrl + Click on the red channel thumbnail to select water pixels (choose the channel with the strongest contrast with the background).

heineken24

Step 25

Press Cmd/Ctrl + C to copy the selection, switch to your working document and press Cmd/Ctrl + V to paste it.

heineken25

Step 26

Set the layer blending mode to screen and use the Eraser tool (E) to eliminate unnecessary areas of the splash.

heineken26

Step 27

Use the same technique with the other water splash to add more detail to the composition.

heineken27

Step 28

Create a new group above and title it “light sposts”. Set the group blending mode to color dodge and create a layer inside the group. Grab a white soft brush and click once over a detail you want to enhance (i.e. in the top-right area, near the cork). reduce the opacity if the effect is too strong.

heineken28

Step 29

Add more light effects, but create them on different layers to have more control.

heineken29

Step 30

A nice slogan can help to reinforce the concept behind the design, even if it’s already evident from the image. In this case, I’ve opted for an elegant font, Colaborate, with a gentle outer glow, to create a simple yet useful text effect.

heineken30

Step 31

The composition is almost complete, but I think it needs some color adjustments. Create a new group immediately below the gradient map layer, and set the blending mode of the group to overlay. Create a layer inside the group, set a vivid yellow as foreground color, grab a soft brush and paint over the center area.

heineken31

Step 32

Reduce the layer’s opacity to 20%.

heineken32

Step 33

Create another layer and do the same, this time choose a bright blue and paint over the 4 corners.

heineken33

Final Image

Reduce the opacity to around 30% and you’re finished! I hope you’ve enjoyed this tutorial and learned some new tricks about advertisement design. Here is the final result.

heineken_preview

Sebastiano Guerriero

Sebastiano Guerriero is a self taught graphic designer who loves to create amazing stuff using every kind of media. He is the author of <a href="http://wegraphics.net">WeGraphics</a>, a blog that publishes premium vectors, brushes and textures packs for graphic designers. You can <a href="http://twitter.com/wegraphics">follow him on Twitter</a>.

  • Nielsen

    “Hoineken?” :)
    It looks good, although the water droplets on the surface do look a bit flat.

    Even though water splashes have been used a lot in the recent years, I still like it. You get a great visual return compared to how easy the effect is to utilize, provided you have good source material. (Gotta love sxc.hu)

  • robert

    Fantastic tutorial!

  • Ben Starr

    That came out sweet — Nice tut!

  • tuananh

    great tutorial! I have waited along time for this:)
    thanks so much!

  • Bram

    Nice tut, but where’s the splashing water come from? The background looks a bit bio hazardous instead of fresh so not sure if “Hoineken” would aprove.

  • Fun Tutorial.

  • Gabrielle

    I love it! Please keep the tutorials coming! I do wish this wasn’t alcohol related. I would love to use this with my students, but I will need to re-do all of it with a different bottle…

  • I love this… kinda makes me want one now! O_O
    I like the floor… but I actually think It might look good as its original colour… but totally cool

  • Really excellent: ) I followed this tutorial and created a similar finished product. I admire your design skills and certainly I can learn lots here. Tku Sebastiano ;)

  • Hi folks, thanks for the compliments!
    @Bram Yes maybe “Hoineken” wouldn’t have approved this poster, but this background gives me the idea of freshness ;-)
    .-= Sebastiano Guerriero´s last blog ..How to create a melancholy model photo manipulation =-.

  • Wow! Love the result… looks really cool. Thanks for sharing

  • Great tut, my question is where did you get the bottle image from? I use istock but to be honest there too expensive.

  • Excellent tutorial, I really need to get back into using photoshop on a daily basis, miss the power of manipulation.
    .-= Thomas Craig Consulting´s last blog ..65 Mind Blowing Photo Manipulations Art =-.

  • Thank you for the inspiration. I was looking for something different for our latest client site and this was just what I was looking for. I am thrilled with the result, fingers crossed the client will be too.

  • Pingback: Creative Bookmarks: Best of July 2010 | Tutorial9()

  • beautiful result of this poster design. thanks for sharing
    .-= Tutorial Lounge´s last blog ..Imaginary Photo Manipulation Tutorial Using Photoshop =-.

  • Tedi

    Sebastiano, I love your work! Here is my result http://i605.photobucket.com/albums/tt134/tiri_ram/bottle.jpg

  • nice, makes me want a beer :P

  • Really nice composition :) I like the green Heineken colours. This poster makes you want a beer right now ;) Thanks for sharing.

  • Looks really cool.Nice graphics and great piece of creativity
    It gives me a lot of inspiration for making flyers,poster and advertisement

  • Iris

    This is such an amazing tutorial!
    I followed it – but I’ve used a bottle of wine because my mom thought that would be fun! It came out wonderful, so thank you SO much for this tutorial: I enjoyed it so much!
    Lots of love, Iris.

  • Great! :)
    I feel again that it is by a compliment about Photoshop.

  • Sweet. Aloha, this is a great poster stuff tutorial. The step by step process is neatly explained and the final result is just gorgeous!

    Thanks,
    Rafi

  • Great tutorial!
    The effect is really good!
    .-= Webestools´s last blog ..Welcome to Webestools =-.

  • Thank you! I very like it lesson

  • Roland

    WOW!! Fantastic Tut!! Keep posting such! Would love to create some and frame it on my wall! ;)

  • norman

    I cant perform the steps 28, 31 and 33. Can Someone help me and give me a demostration in video? Thanks.

  • Cool!

  • nice
    thanks to share this tutorial

  • Stunning!

  • Wow! Great tutorial, thanks for sharing your techniques, this has made me very thirsty :-)

  • The excellent lesson, has learnt a lot of new, thanks!

  • Nice tutorial. Splashing water effect is really nice.
    Thanks for sharing the technique. It will definitely help me out.