Create an Advertising Poster for a Water Bottle in Photoshop

Create an Advertising Poster for a Water Bottle in Photoshop

Today we have a really informative tutorial with simple steps that takes you through its task. Nowadays, most designers use multiple programs to produce the ultimate “look”. So today we want to show you how to work with both Illustrator and Photoshop in the same project.


What We´re Making

Before we get started let us take a good look at the final work.


Step 1

Open up Illustrator and create a new document, File > New. Use 1024px x 768px.


Step 2

Select the Pen Tool (P) to create some shapes that looks like the shape below. These shapes will be our main focus.


Step 3

Create some more shapes to keep a difference in our project. Because it is really boring when everything looks the same.


Step 4

Use the Pen Tool (P) to create some more shapes that looks like the shapes below. These shapes will be our ground for the bottle in photoshop.


Step 5

Export everything to photoshop, File > Export. Export the files as PSD files with a dpi of 300.


Step 6

Open up Photoshop and create a new document. 1664px x 2496px with 150 as resolution.


Step 7

Rename the only existing layer to “Ground Layer”. Right+click on the layer and select Blending Options. Add a radial gradient from #E0EAFF to #FFFFFF, with a scale of about 120%.


Step 8

Head over to Shutterstock or SXC to find a bottle that you can use in your project. Open it up in photoshop, use the Move Tool (V) to drag it in our project. Name it “Bottle”.


Step 9

Create a layer mask on the layer. Set foreground to black, start erasing the background and the reflection on the bottle.


Step 10

Next go Layer > New Adjustment Layer > Brightness & Contrast, Brightness: 30 Contrast: 30. Set the Blend mode to Lighten and the opacity 30%. Hold Down Alt and click between the Bottle layer and the new adjustment layer. Now the adjustment layer will only appear on the bottle.


Step 11

We want to bottle to fit in more with the background. So let´s create a color fill, Layer > New Fill Layer > Solid Color. Use a blue color, we used #49BEFB. Set Blend Mode to overlay and opacity to 30%. And Alt+Click again to make it only appear on the bottle. Group the bottle with the two adjustment layers, Command/Ctrl + G and name it “Bottle”.


Step 12

Open up the bottom shapes in Photoshop. And use the Move Tool (V) to drag them in our project. Select one of the shapes and hit Command + T to transform it. Place it at the bottom of the bottle and name it “Bottom Shape”.


Step 13

Next go in the “Bottle” group and Command + Click on the bottle layers mask. This will create a selection around the bottle. Go back and choose the new shape, press Layer > Layer Mask > Hide Selection so the bottle will appear over the shape. Unlink the layer from the mask by clicking on the link icon between them.


Step 14

Right + Click on the layer and choose Blending Options. Add a light-blue color overlay, we used #B9E2EE.


Step 15

Duplicate the shape, Command + J. Name this new layer “Lower Ring”. Hit Command + T and transform it a bit smaller. Go in the Blending Options and uncheck the color overlay. Instead use add a 1px stroke with a blue color, we used #97D4F6. Set the Fill to 0%, this will only display the blending options and not the shape itself.


Step 16

Drag the other shape in our project. Add the same Blending Options we did in the previous steps. This time use the color #A8D3F0. Name the layer “Upper Ring”. Set Fill to 0%.


Step 17

Select the Ellipse Tool (U) and create a shape over the bottom of the bottle. Name the layer “Front Shape”. Create a layer mask on the layer, select the Brush Tool (B) and erase the areas that cover the rings.


Step 18

Create a new layer below the “Front Shape”, name it shadow. Command + Click on the layer mask “Bottle” to create a selection. Go Layer > Layer Mask > Reveal Selection. Use a brush with 0% hardness and set the foreground to #212B54. Start painting behind the shape so it looks like a shadow.


Step 19

Group all the layers together and name it “Bottom Shapes”.


Step 20

Open up and drag in the smaller shapes in our project and group them together, name the group “Bottle Shapes”. Right click on the layers and select Blending Options, give them a color overlay. We used the colors Red: #D8006F, Blue: #75CBE4 and Black: #242A42.


Step 21

Copy and drag the shapes all over the project. A tip is to holding down ALT and drag a layer to copy it.


Final Touches

We are mostly done but we can still add some final touches. I´ve added some shadows to create a more depth. Have also added a color fill with the color #42E0EE, opacity: 10% and blend mode: overlay.


Conslusion

We are done. There have been a lot small tips about how you combine illustrator files with photoshop. I know that this is not something advanced but the purpose is to start your creativity and to show you how easy it is to combine photoshop with illustrator.

About Vincent Klaiber

A few years ago, Vincent became interested in design and constructing web. He founded and built up Wordrom with the idea to share good ideas and inspiration, he will also do his best to make Wordrom an interesting place. Thanks!

Responses 4 Comments

  1. Haryad sleman says:

    very nice

  2. I am linked with Atlanta Injury Lawyer and like your grooming idea.

  3. LOOKAH says:

    THANX A LOT FOR STEPS, AM HAPPY TO LEARN THOSE STEPS.

Add a Comment