To make a realistic object, the dimensions have to be proportional to the real object. Nokia has the dimensions of the 920 on their website, and with those dimensions, we can start making the phone.

Open Sketch.



Make a rectangle with the dimensions provided by Nokia.


Now scale the rectangle using the same ratio. The lock button locks the ratio of Width to Height.

Original dimensions.

Click the lock symbol, and enlarge it.

This is what it should look like, when scaled. It makes it easier to work with when scaled up.

Disable the Border, and add a gradient.


Click one dot, and chose the lighter shade.

R:255 G:83 B:91

R:255 G:0 B:28

With more dots, you can further control the gradients and shades.

 On one side, bring the lighter and darker dot extremely close to each other, so that there is a clear distinction. Repeat this for the other dots on the other side.

Bring dots close together to create an illusion of reflection of light.

Once you repeat for the other side, you can see the light reflecting off the body.




To give some depth to the body, add the inner shadow.


Now create another rectangle which will be the screen.


These are the dimensions. The Radius adds curves to the edges.


Drag the screen to the center, and the guidelines will help you place exactly on the center. To create the gradient on the glass screen will be slightly more complicated as the screen is curved at the sides. So a curved gradient will be needed.

Right click the screen, and click Duplicate.

Drag the copy to the side, and resize it to make it smaller. W: 364 H:203

Place them side by side.

Choose the first screen, and apply a Radial gradient.

Radial gradient adds a slight curve

R:69 G:69 B:69. You can choose a similar shade if you don't like these numbers.

Apply the gradient as before, with the dark and grey dots nearly touching each other. Drag the circumference of the radial gradient in the manner shown to get a bit of curve in the gradient. Adjust it as you see fit.

This is how it will look like. Do the one side only for now.

While the gradient is selected, add this specific gradient as we will use it for the other side of the screen.

Click the plus button to use later.

Apply the gradient to the copy of the screen simply by clicking the saved gradient.

As usual drag the dots as close together as possible.

Now flip the copied screen horizontally.

Flip Horizontally

This is how it will look like after flipping it.

Now drag the horizontally flipped copied screen on to the phone. Because the copied screen was shorter, it doesn't overlap the gradient on the original screen

Drag onto the screen using the guidelines.

Shift+click the both the screen layers, and Group them together.

Group the screen layers so that it behaves as on object, and not as two separate ones.

Take note of the dimensions of the border.

Place the border onto the screen.

The speaker is proportional to the size of the phone.

Drag the speaker onto the phone.

Round the buttons if you feel like.

Dimensions of the buttons

Dimensions of larger button

Dimensions of smaller button

                                                   

The rounded buttons.

Drag the buttons to their respective places. Take a reference from the picture and drag them approximately to their correct areas. If the buttons are overlapping on the body of the phone, select the button, and click "Backward" on the top right corner to send the button behind.





Make an small circle by selecting the oval tool, and resize the dimensions to those given below.




Apply the Angular gradient, and choose a greenish grey and bluish grey hue. Drag the opacity slider to adjust the opacity.

Make the colours nearly transparent using the opacity bar to make the camera merge into the phone.

Now as a finishing touch, round off the edges of the main body, to account for the curves.

Increase Radius of body to 4

Now export in any format you wish.

Here is the download link for the finished product: Download Nokia Lumia 920 Vector Graphic