Transparent Glass Musical Shapes

Advertisement

Transparent Glass Musical Shapes

This tutorial about how to create unusual transparent glass effect which you can use in your designs.

Create a new document about 500 pixels width and 500 pixels high and fill it with any color, it doesn’t meter for now.

Transparent Glass Musical Shapes 01

Then apply Gradient Overlay layer style for this layer:

Transparent Glass Musical Shapes 02

Transparent Glass Musical Shapes 03

After that I would like to add the picture of microphone which can radiate musical notes. You can find suitable stock photo or use mine. Open up the picture and use Polygonal Lasso Tool to separate microphone from the background.

Transparent Glass Musical Shapes 04

Press Ctrl+C to copy selected area, then go back to the main canvas and use Ctrl+V to bring copied part of image to here. Move it left and down.

Transparent Glass Musical Shapes 05

Ok, now apply Color Overlay Blending Option to this layer.

Transparent Glass Musical Shapes 06

See the result below:

Transparent Glass Musical Shapes 07

Ok, continue our tutorial next. After that select the Custom Shape Tool and draw the next shape what you can see on my screenshot below. This is one of the standard Photoshop custom shapes.

Transparent Glass Musical Shapes 08

Use white color for shape. Then press Ctrl+T to rotate it a little bit.

Transparent Glass Musical Shapes 09

Ok, after that apply following layer styles to this layer:
• Drop Shadow
• Inner Shadow
• Outer Glow
• Inner Glow
• Bevel and Emboss
• Contour
• Satin
• Gradient Overlay
• Stroke

Transparent Glass Musical Shapes 10

Transparent Glass Musical Shapes 11

Transparent Glass Musical Shapes 12

Transparent Glass Musical Shapes 13

Transparent Glass Musical Shapes 14

Transparent Glass Musical Shapes 15

Transparent Glass Musical Shapes 16

Transparent Glass Musical Shapes 17

Transparent Glass Musical Shapes 18

And the result should be next:

Transparent Glass Musical Shapes 19

Then select the shape contour with Select > Load Selection, after that create a new layer above and fill selected area with white to transparent gradient.

Transparent Glass Musical Shapes 20

Remove selection with Ctrl+D and change layer mode to Overlay.

Transparent Glass Musical Shapes 21

We are almost done with this effect. Add a little bit more shapes to the background.

Transparent Glass Musical Shapes 22

Looks good, don’t you think? And there you have the finished product:

Transparent Glass Musical Shapes 23

Advertisement


  • angelaadame

    this is wild, I tried to place the music note on the canvas fill with white as it instructs, but for some reason the white will not come out, I even put it on a new layer..how did you get it to work? I am using photoshop cs3..thank you

  • fiddle4yu

    I have tried and tried and finely tried again to get the same effect as you did and I’m still unable to achieve any success. What might I be doing wrong? My photoshop is old and plain. Just a regular Adobe Photoshop 7 I believe. But I should have the same tools as you used. My notes come out flat no contour to them at all plus their filled with a gray color. And should the music note layer have a mask? Please let me know if you can. Thank you.

  • http://Facebook.com/JabzH JabzDerulo

    You forgot to mention that the “General Blending Option” Must be Set to “Overlay”

    Otherwise it comes out White/Grey