Today I am going to share with you that how to create an electronic speaker in Photoshop. You try this tutorial in Photoshop for enhance your skills with these new tricks and techniques. I hope you will create this tutorial on first priority. Feel free and share your comments with us.
Create an Electronic Speaker in Photoshop - Final Preview
Create a Incredible Speaker In Photoshop Final Preview
Tools and Resources
Step 1
Create a new document size of (600x500) with white color #ffffff.
Create New Document
Step 2
Select the Rectangle Tool from tool panel and draw a rectangle with black color #000000.
Create a Rectangle
Step 3
Duplicate this rectangle layer and go to Edit -> Transform minimize size of duplicate rectangle adjust it with this color #2e302f as like in preview.
Duplicate The Rectangle
Go to Filter -> Noise -> Add Noise set the amount to 5.5%.
Add Noise
After applying noise, we get amazing effect.
2nd Rectangle Result
Step 4
Select the first background rectangle layer and apply Drop shadow.
Drop Shadow
After applying drop shadow, we get a cool result.
Get Result
Step 5
Select the Ellipse Tool and draw a circle with color #151319.
Create a Circle
Go to Filter -> Noise -> Add Noise and set amount 2.5%.
Add Circle Noise
After add circle noise
Now go to Layer -> Layer Style and applying Stroke.
Stroke
After Appying Stroke
Step 6
Now select the Ellipse Tool again and draw a circle with color #1c1c1c as like in picture.
Draw Circle
Go to Filter -> Noise -> Add Noise and set amount 4.5%.
Apply Noice 2nd Circle
Applying some blending options to the second circle.
Drop Shadow
Drop Shadow
Inner Shadow
Inner Shadow
After applying blending options we get nice result.
Step 7
Select the Ellipse Tool and draw a third circle with this color #bbbfc5.
Create 3rd Circle
Go to Blending Options and applying some effects on third circle.
Drop Shadow
Drop Shadow
Pattern Overlay
Pattern Overlay
Now we get a new style circle in preview.
Get New Style Circle
Step 8
Again select Ellipse Tool and draw a small circle with this color #717275 named it small circle.
Create Small Circle
Go to Layer -> Layer Style and applying some effects.
Drop Shadow
Drop Shadow
Drop Shadow Result
Step 9
Draw a little circle with Ellipse Tool, applying white color #ffffff.
Create Small Circle
Now go to Filter -> Blur -> Gaussian blur and set radius 5.1%.
Guassian Blur
We get a nice glass effect.
Get Glass Effect
Step 10
Now select Ellipse tool and draw a shape with white color #ffffff as like shown in preview.
Create a Shape
Applying Gaussian Blur filter on this shape.
Guassian Blur
When we applying Gaussian blur we get result as like in preview.
Get Result
Duplicate the shape layer and set it right side as like in preview.
Duplicate Shape Result
Step 11
Select the both small circle layers, press (Ctrl+E) to merge them then duplicate it merge layer and go to Edit -> Transform and minimize the size of duplicate layer and adjust it as like in preview.
Small Dot Circle
Now duplicate the small dot layer seven more times and adjust them as like shown in picture.
Duplicate Small Dot
Step 12
Now in this final step select all the circle layers and press (Ctrl+E) to merge them named it layer speaker, duplicate the speaker layer, minimize the size of duplicate layer with help of Transform tool (Ctrl+T) and adjust it top of the big circle as like in final preview.
Final Preview
