tutorialbunch.com  
tutorialbunch about tutorialbunch contact tutorialbunch
 

 

Categories
 
line
menu symbol

Photoshop

dark line
 
dark line
menu symbol

Illustrator

dark line
 
dark line
menu symbol

Flash

dark line
 
dark line
menu symbol

Free Stock Images

dark line
 
 
 
 
  previous Button index button next button  
 

 

Realistic Mobile Phone

 

 

Hi Friends

I am here with a fantastic and creative tutorial that is mobile graphic and very excited to share it with you; You are going to learn how to create realistic mobile graphic in photoshop. It has been described by some simple step these are given in this example, you will learn more about layer styles, Brush and Pen Tool. You have to follow these entire steps to reach on the final result and hope you like and enjoy.

Start with a new document and control size and background as you need, select Rounded Rectangle Tool (U key) and draw on the document with "#7691cb" foreground color. Select Add anchor point tool and apply in the middle of each side to add some more anchor point then select Direct Selection Tool (A key) and modify the anchor position as showing Red color.

mobile phone

Still selected mobile shape apply gradient color, follow this path (Layer menu > Layer Style > Gradient Overlay) a window come on the screen and click on gradient drop down then choose color as done below.

mobile phone

You have to make mobile shape selection so hold Ctrl + mouse click on the layer thumb, select Burn Tool (O key) and make setting in the option bar then apply on the mobile as showing dark spots.

mobile phone

Now I am going to apply a different color look of mobile, make duplicate layer by pressing Ctrl + J key and change the layer's blending mode "Normal" to "Overlay". Select Burn Tool (O key) and apply in the middle of the phone with same upper brush settings as done below.

mobile phone

Select Pen Tool (P key) and draw a curl line with any color because I an going to apply gradient, follow this path (Layer menu > Layer Style > Gradient Overlay). Click on the gradient and choose different color on the sliders in the opened window.

mobile phone

mobile phone

In this step apply blur effect, right click on the layer and choose "Rasterize Layer" then follow this path (Filter menu > Blur > Gaussian Blur) and set radius "1.1". Now change the blending mode "Normal" to "Screen".

mobile phone

In this step I am going to draw screen of the mobile, select Pen Tool (P key) and draw a screen shape by making some anchor point with any color as given below picture.

mobile phone

Now apply gradient color in the shape, still selected screen layer follow this path (Layer menu > Layer Style > Gradient Overlay). Click on the gradient and choose different color in the sliders and make another setting.

mobile phone

In this step I going to apply bevel, follow this path (Layer menu > Layer Style > Bevel and Emboss). A window come on the screen and makes all these settings as done below picture.

mobile phone

Select Rounded Rectangle Tool (U key) and make settings in the option bar then draw in the middle of the screen. Now select Ellipse Tool (U key) and click on the "Add Shape Area" button in the option bar then draw on the bottom of the rounded shape and apply same gradient color as up but make sure the angle should be apposite.

mobile phone

Hold Ctrl + mouse click on the layer thumb to make selection, select Brush Tool (B key) with "#2f4082" and make settings in option bar then apply as showing by Red Arrow.

mobile phone

In this step I am going to draw button inside the circle, select Ellipse Tool (U key) and draw a circle with hold Shift key then follow this path (Layer menu > Layer Style > Bevel and Emboss). A window come on the screen and change color then make another settings as done below picture.

mobile phone

Now draw head phone, select Pen Tool (P key) and draw a half circle with "#eff0f1" color. Select Rounded Rectangle Tool (U key) and draw in the middle of the screen with same settings as done in 10th step then follow this path (Layer menu > Layer Style > Inner Shadow) choose color and make settings as done below.

mobile phone

mobile phone

In this step I am going to draw button, select Pen Tool (P key) and draw oval shape with any color. If your drawn shape is not perfect you can take help of the Direct Selection Tool (A key) to make it corect.

mobile phone

Apply bevel effect on the button, follow this path (Layer menu > Layer Style > Bevel and Emboss). A window come on the screen and makes all the settings as here.

mobile phone

Finally apply gradient color, follow this path (Layer menu > Layer Style > Gradient Overlay). Click on the gradient and choose different color then make another setting as done below picture.

mobile phone

Make Duplicate buttons and put on the right place then apply symbol and type text by (T key). Now draw mike, select Ellipse Tool (U key) and draw oval shape on the bottom and apply gradient, make duplicate and reduce size then apply Black color as below.

mobile phone

I think you are perfect now so I am giving you a work, you have to draw antenna yourself.

mobile phone

Apply shadow that is final result.

mobile phone



 

 

Santosh Kumar Web & Graphic designer

Santosh Kumar

This is santosh kumar living in New Delhi (India) and love to work as a Web & Graphic Designing. I like to create sketch, background, illustration and vector graphics. Tutorialbunch.com is a very good place where I express my creativity.

 
  previous Button index button next button  
 
Donate Please





 

 

 

 
 
 
 
 
 
 
 
 

Home | Photoshop | Illustrator | Flash | Free Stock Images | Contact Us | Sitemap

 
Copyright © 2008-2023 Tutorialbunch.com. All rights reserved
Designed by Utkarsh kashyap