Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Create a Glossy High Tech 3D Speaker Icon

Create a Glossy High Tech 3D Speaker Icon


You will learn also how to create shiny objects with a very simple method.

I will create a round shape with Ellipse Tool.

Img

For this shape I will add a gradient

Img

This is my result so far

Img

I will create a new layer ( press on CTRL+SHIFT+ALT+N ) and with Brush Tool I will add a white spot. You need to select a smooth round brush.

Img

The same I will make a dark area under this ball

Img

With Ellipse Tool I will create another round shape

Img

For this shape I will add the following layer style

Img

This is my result so far

Img

I will create one more time a shape but with a darker color

Img

The same as above I will add a simple layer style

Img

I will create a last shape with Ellipse Tool, and I will place it like in the following image

Img

Also for this shape I will add a simple layer style

Img

The pattern is from this set of 200 Pixel patterns

Img

This is my result

Img

Right under this small round shape ( the middle of the speaker ) I will create a new layer, and with Brush Tool I will add some light

Img

I will change the opacity value to 30 % and with Polygonal Lasso Tool I will create a selection like in the following image

Img

With Brush Tool I will add another area with light, and then I will press on CTRL+D to deselect

Img

Now I will use create another shape with Ellipse Tool

Img

I will add the following layer styles

Img

Img

this is my result

Img

Make sure you have this last layer selected, and then press on CTRL+J to duplicate the layer. Select Move Tool, and press one time on your Up arrow key from your keyboard, then you need to change the color of the stroke to white

Img

This is my result

Img

I will select these two shapes and I will press on CTRL+E to merge both layers into a single one. With Eraser Tool I will delete some parts of the line until I will have something like this.

Img

With Rectangle Tool I will make two white shapes, and I will merge them together ( CTRL+E )

Img

I will go to Edit > Transform > Warp and I will change the shape like in the following image.

Img

After I will lower the opacity value to 40 % it will look like this

Img

The speaker is almost ready. if you want to use it in this way feel free to do it. However I like to complicate things a little. I will add some shoes under the 3D speaker . With Pen Tool I will create a shape like a shoe

Img

With Rounded Rectangle Tool I will make a sole

Img

And I will add the following layer styles

Img

Img

Img

Here is my result

Img

With Pen Tool I will create the front of the shoe with a darker color

Img

I will select all the layers I have for this shoe and I will merge them ( CTRL+E ). Then I will duplicate the layer and I will go to Edit > Transform > Flip Horizontal
With Move Tool I will place the other shoe to the right

Img

ImgWith Pen Tool I will create some shape like a crescent. In this way I am trying to create a reflection of the speaker on the shoes

With Rounded Rectangle Tool I will create some small shapes. I will create the leg

Img

The layer style I have used for this tinny shape:

Img

I will duplicate this small shape several times, and I will rotate it until I will complete a leg.

Img

Here is my final result

Img



Author's URL: grafpedia
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
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: