Creating a realistic vector phone

 

In this tutorial our aim is to create a realistic phone. I based my phone on an XDA IQ. I am getting one of these phones in a few days too, so It is of interest to me. I found my picture on Google image results.

1. Find an ideal picture of the phone. I chose one off Google

2. For this tutorial we will be using the pen tool a lot, so make sure you are confident with it, and how to use it effectively.

With the following settings

 

 

3. I selected a random colour from the black area. I ended up using #07110d. 1. 4. With the Pen tool, click on the top left corner (shown at 1) then move to point 2, moving to point 3. Repeat this process around the black area of the phone

 

 

Now we are near the bottom I s

 

 

To get the smooth curve corner, all you need to do is click as normal at point 1, then go straight to point 2. Do not let go of the mouse buttom. Instead drag the mouse along to the black dot. This will curve the line. Keep the marker parallel with the lowe line of the phone.

 

Repeat this process in reverese for the lower left corner.

 

Your completed vector shape and image should resemble something like this.

 

 

On the layers palette, untick the small 'eye' icon as shown here

 

Your vector layer will disappear, but is still there.

 

 

 

7. Select the phone layer. We do this so when we create another vector, it will be underneath the first vector we made. Now mask out the sliver shiny bit in a colour like #97b3ba

 

 

 

 

 

 

 

 

 

 

 

The rest of the tut is found at

http://www.webdesign.org/web/photoshop/dra...ctor.10405.html

 

Heres the final result

WOW! What a gorgeous result!

 

Thanks for sharing this Ben

 

Topic Pinned!

Very cool tutorial mate!

 

Thank you for sharing

 

Oli

No problem, I have plenty more too, I'll bung em on tonight

 

This is my first ever topic pinnage whooo

Great tutorial, thanks for this.

 

And a Pin! Well that's not bad for your first tutorial Ben.