Wednesday, October 22, 2008

Add a Fresh Splash to your Design

The Finished Ad



Before we begin, lets take a look at what the finished result looks like.


Final


Images We’re Using


Before we can create the ad, we need to have the images for it. I’ve decided to use the following:




Or you can download them here.


Step 1 - Creating the Background


Create a new document, mine is 500×647px. Grab your Gradient Tool and set it to Radial Gradient. I feel like making a green inspired ad, so I’m going to use #ceed12 as my foreground color and #186600 as my background color. Create a gradient near the lower left corner of the document.



Gradient Done


Create a new layer, and grab the Reflected Gradient Tool. Set the blending mode to Difference and create an effect like the one shown below by creating multiple gradients on the same layer. (Use black and white as the foreground and background colors)


Reflected Gradient Options


Reflected Gradient


Once this is done, set the blending mode of the reflected gradient layer to Soft Light and lower the opacity till you get an effect that you like.



Soft Light Effect

Step 2 - Working on the Bottle


Now that the background is complete, lets bring the bottle into the ad and re-size it.


Bottle In


Use the Magic Wand Tool to select the white area and delete it. Then reposition it in the bottom left corner and rotate it so that the cap points to the upper right.



Bottle No White


I want to change the color of the bottle to green so that it matches with the rest of the ad. To do this, create a new layer, then Ctrl+Click on the thumbnail of the layer containing your bottle. Select a nice green color, and fill the selection of the bottle on your new layer with it. Then change the blending mode of the layer to Hue.


Green Bottle


With the bottle still selected, create another new layer, and use a soft black brush and run it along the sides of the bottle. Then set the blending mode of the layer to Soft Light.



Black Sides


Black Sides Soft Light


Step 3 - Adding Leaves and Splash


Bring the leaves into the ad the same way you brought the bottle in, and then place them in front of and behind the bottle. You can use them multiple times and rotate them to get better effects.


Bottle Leaves


Open the splash image. The only part of this image we want is the splash that is in the bottom right corner. To select this, we are going to select Color Ranges. Go to Select > Color Range. Use the Add to Sample Eyedropper and select different areas of the splash.



Color Range

Click OK to select the areas that are in white. Remove the clouds from the selection by using a selection tool and holding alt.


Selection


Copy the splash and paste it onto a new layer in your ad. Re-size it and place it in the lower left corner on top of the bottle and the leaves. Then go to Filter > Sharpen > Sharpen to sharpen the splash. You may want to sharpen it a few times, but don’t overdue it. I also decided to grab a large soft eraser and partially erase the outer edge of the splash to soften it some.



Bottle Splash


Step 4 - Adding the Rings and Strokes


Adding the rings around the bottle is quite simple. Select a 3px brush. Then, grab the Ellipse Tool found under the Rectangle Tool. Using the Paths option, create a wide oval a little larger than the width of the bottle.


Ellipse Tool Options


Oval Path



Right click, and choose Stroke Path. Then select the Brush from the drop down menu and make sure Stimulate Pressure IS checked. Press Esc to delete the path. Then apply the following Layer Styles (Right Click Layer > Blending Options):



Outer Glow


Outer Glow


Color Overlay


Color Overlay


All that’s left is to rotate the ring until its at a nice angle. To create more, simply duplicate the layer (Right Click > Duplicate Layer) and re-size them if needed.


Rings

To create the circles along the path, simply increase the spacing on your brush tool before you stroke the path.


Circle Brush

Bottle Strokes


Step 5 - Adding Some Fun to the Ad



Create a new layer below your bottle. Then grab a 19px hard brush and change the settings to the following:


Brush Tip Shape


Brush Tip Shape


Shape Dynamics


Shape Dynamics


Scattering


Scattering


Color Dynamics



Color Dynamics


Then start brushing onto your new layer. Try to keep bigger circles next to the bottle and smaller ones as they move further away. Set the blending mode of the layer to Overlay when you are finished.


Large Circles


Do the same thing on a new layer with a smaller brush and lower the opacity of the layer.


Small Circles


I’m also going to add another splash layer that will lie between the circle layers. After I have my splash in place, I’m going to Ctrl+Click on the large circle layer, and delete this selection from my new splash layer. This way, the splash won’t appear under the circles, since the circle layers are set to Overlay.



Second Splash


Step 6 - Finishing Up


Since my bottle doesn’t have any labels, I’m going to add my own. I’m also going to place the logo of my drink in the bottom right corner and add some small circles around it.


Final


And of course, here’s a PSD you can grab for free with the tutorial contents!



Download the PSD

No comments: