Go Back   SitePoint Forums > Forum Index > Design Your Site > Graphics > Graphic Tutorials and Methods
Newsletter FAQ Members List Calendar Mark Forums Read

New to SitePoint Forums? Register here for free!

SitePoint Sponsor
 
Reply
 
Thread Tools Display Modes
Old Oct 4, 2004, 02:33   #1
Maher
SitePoint Addict
 
Maher's Avatar
 
Join Date: Mar 2003
Location: Somewhere Close..
Posts: 242
Arrow Create Awesome 3D Mike!

Hello Graphic Lovers,

In this tutorial I will show you how you can make a 3D-Mike using Photoshop.

I have made this mike using the CS version, it's ok to use earlier version of Photoshop.


Step1:

Make a Transparent Grid and make a Circled Selection in the middle as shown:




Step2:

Don't de-select.. now go to Filters>Distort>Sphereize

Ammount: 50, Mode:Normal



Using the same selected area, create a New Layer, fill it with Black and move it under the grid layer and hide it (so you can see the grid).

Go back to the grid layer, Inverse your selection (Shift+Ctr+I) and hit Delete (to delete the outer side of the grid)

Now you notice the selection of the grid is becomming like a 3d-shape

Now De-Select (Ctr+D)




Step3:

Now, unhide the black-circle layer.. We want to give the grid some blending effects, select the grid layer, right click on it and select blending options, select the Bevel and Emboss and apply the following settings (leaving the rest as default):



Now go back to the black circle layer, apply Lighting Effects as bellow:



Deselect the circle, you should see something like this:




Step4:

Now let's make a white background so we can see everything the way we want.. then make a selection right in the middle of the mike-head (to create the metal section) as bellow:



Then, we want to fill it with a gradient color (black & white) as the following:





Now de-select and select the black circle layer, inverse your selection and then go back and select the gradient metal layer.

Hit delete, the metal shape should now be curved from the top and bottom sides as we wanted.


Last edited by Maher; Oct 6, 2004 at 01:45.
Maher is offline   Reply With Quote
Old Oct 4, 2004, 02:34   #2
Maher
SitePoint Addict
 
Maher's Avatar
 
Join Date: Mar 2003
Location: Somewhere Close..
Posts: 242
Continue..

Step5:

Now apply some bevel effects on the metal layer:



To have this:




Step6:

Now make the handle of the mike, create a new layer, make a rectagular shape fill it with black.

Select>Modify>Smooth (50)

Inverse your selection and delete the edges

Make a selection again:

Select>Modify>Smooth (20)

Select>Modify>Feather (5)

Inverse your selection and delete the edges again, you should now have a smooth nice handle:




Step7:

Drag the handle over to the middle of the head and dubplicate the metal layer and drag it right between the head and the handle.

Select the handle and inverse the selection, now go back to the new metal part and hit delete:



Now remove the blending effects which is already applyed on the new metal layer, the final look should be like this:




Step8:

Now select the handle layer again, and apply the following blending effects:



Make a little antena "because the mike is wireless " or a cord if you like.

Add a white stripe and some text if you want at the bottom of the handle.





You Are Done!

I know that was lengthy, but wanted to make sure everyone can follow... oops, my hands are shivering!

Hav Phun!

Please Rate This Tutorial

Last edited by Maher; Oct 4, 2004 at 06:33.
Maher is offline   Reply With Quote
Old Oct 5, 2004, 22:13   #3
macarthur
»-(¯`v´¯)-»
 
macarthur's Avatar
 
Join Date: Jul 2003
Location: B.K.A.C
Posts: 2,529
Nifty!
macarthur is offline   Reply With Quote
Old Oct 12, 2004, 01:41   #4
foxy_lady
SitePoint Enthusiast
 
foxy_lady's Avatar
 
Join Date: May 2004
Location: Melbourne, Australia
Posts: 47
hey thats a pretty cool microphone and tutorial, Maher
foxy_lady is offline   Reply With Quote
Old Oct 15, 2004, 01:35   #5
smileylanz
SitePoint Zealot
 
Join Date: Jul 2004
Location: Australia
Posts: 100
*Bows Down*

Amazing!! Love love love it!
smileylanz is offline   Reply With Quote
Old Oct 15, 2004, 19:43   #6
koomann
$postcount++;
 
koomann's Avatar
 
Join Date: Feb 2003
Location: †
Posts: 432
Very nice, I like it
koomann is offline   Reply With Quote
Old Oct 17, 2004, 11:09   #7
Maher
SitePoint Addict
 
Maher's Avatar
 
Join Date: Mar 2003
Location: Somewhere Close..
Posts: 242
Quote:
Originally Posted by foxy_lady
hey thats a pretty cool microphone and tutorial, Maher

Pleased you guys liked it.. stay tuned, more to come
Maher is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread | Next Thread »

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Sponsored Links
 
Forum Jump


All times are GMT -7. The time now is 20:11.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Copyright 1998-2009, SitePoint Pty Ltd. All Rights Reserved