Vector Mobile Phone Illustrator Tutorial2020-01-22 |
Take a look at the mobile phone vector tutorial, here you will learn the process in which was used to create this stylised illustration of a modern mobile phone device using Adobe Illustrator.
First thing for this vector tutorial is to draw the basic outline of your mobile phone, give it a solid background at first.
Now create a linear gradient similar to the once above, this will help with a realistic shine for the vector illustration.
Now give the phone its three dimensional shape, copy the original shape, paste it to the back and enlarge it, move it slightly to the right and bottom of the original phone, this will give the impression of its angle.
Similar to before we will create a linear gradient, this time give it a much lighter gradient in some parts, this will highlight the light position on the vector object.
For this step we will want to copy and page the original shape again and give it a stroke. Now use the white arrow tool to delete the outer vertices leaving only one continuos line.
Give this outline another linear gradient similar to the phone underneath.
Place this shape in front of the first shape that we created.
Once again we need to copy the first object and give it a solid black background.
Using the mask tool draw out the top and bottom shaped of the device, this will be the plastic parts on the top and bottom. Drop the opacity slightly so they are now more prominent and place them at the front of the phone.
For the button we will draw a basic square with rounded edges, give it a dark linear gradient.
Copy this previous step but place the send shape centred on top of the original shape and at a slightly smaller size. Once the position is set create a gradient in the reverse of the shape beneath. This will give it a three dimensions feel.
Finish the button by placing it in position at the bottom centre of the phone vector.
The ear piece will be two simple shapes. Create two angled rectangle shapes, the first will be a medium grey and the second will be a a slightly smaller size and a solid black colour.
Place the second shape at within the grey block to look something similar to the example above.
Place the two shapes at the centre of the top piece of the device.
To give the screen a glare effect begin by drawing a simple abstract shape, you can do something similar to the example above. The shape must be white and have a very low opacity. The blend the shape in further simple add the appropriate feather.
Give the phone a light source, this can be any colour but we have stuck with grey for this tutorial. Simple create a small circle with a radial gradient from light to dark to give the lights impression and place it at the top left corner of the device.
To finish off we will continue to try with a realistic perspective of the vector object. First draw a shape similar to that of you original object. This dosent need to be perfect just close and angle it slight to the right.
Now give the object a hight feather attribute so that its edges blend considerably with the background, to enhance this you can drop the opacity for a lesser harsh shadow.
Finally place the shadow to the back of the project and just off to the right to give the perspective of the phone being tilted.