Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Creating Logos on Glass Surfaces

Creating Logos on Glass Surfaces


In this mini tutorial you will learn how to create a convincing logo that is embossed in the surface of a beer glass.

Please note I cannot provide photographs as I am not allowed to distribute istock images.

1. Download and open beer in Photoshop CS3. This file only has one layer, Background.

image 1

2. Download and open "Budweiser.ai" in illustrator. Copy all paths.

image 2

3. In Photoshop, paste the Budweier logo. Choose "Smart Object" from the Paste menu that appears.

image 3

4. Resize the vector logo using SHIFT to constrain proportions.

image 4

5. Rasterize the layer to make it editable.

image 5

6. To select all the pixels in that layer and turn it into a selection, right click (CMD click) and choose "Select Pixels"

image 6

7. Hide the Logo (Smart Object) Layer and create a new layer.

image 7

8. Paste the copied pixels to the new layer.

image 8

9. Show "Background" layer again. Select the layer above and click on the Layer Style buttons (the FX icon) Choose Bevel and Emboss.

image 9

10. Experiment with the settings until you get a convincing, soft emboss effect. The settings below gave me a realistic effect.

image 10

11. To create an even more convincing emboss, sample a colour from the darkest part of the glass and use that as the Shadow Mode colour. Simply click on the colour chip next to the Shadow Mode option and use the eyedropper to sample the colour, as shown below

image 11

12. Now we have a realistic emboss, but the logo glass is not warped around the contours of the glass. We will use Image Wrap for this.

image 12

13. Select the layer with the logo, and go to Edit Menu Transform > Wrap.

image 13

14. Now you can resize and adjust the wrap plane by clicking and draggingon the points on the wrap mesh, as shown below.

image 14

image 15

15. The completed Warp Mesh.

image 16

16. Now for the finishing touches. Duplicate "Background" layer and move it to the top of the layer stack.

Change the Blend mode to Soft Light and the Opacity to 50%, as shown below.

This will reveal the logo below, but show the cool bubbles .

image 17

17. The finished glass with transparent embossed logo.

Creating Logos on Glass Surfaces



About the Author:

I am a freelance multimedia trainer and web/graphic designer based in Glasgow, Scotland.

I have been a designer/developer since 1998, and started training macromedia and adobe products in 2001.
I enjoy learning and sharing my knowledge by preparing course materials and online tutorials. I am particularly interested in Standards compliant web design, css, illustration and colour theory.
One day I hope to live in a farm in Ibiza surrounded by lazy cats and sunshine- till then –I'm tied to my computer creating online tutorials for anyone who needs them!

Author's URL: Ivanna Fernandez
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters. More Photo Editing Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments ada July 10, 2010 says:
nice CV..
Reply
comments martina April 25, 2010 says:
great tutorial keep doing you teach us a lot
Reply
Add comments to "Creating Logos on Glass Surfaces"

Captcha