Design HTC EVO 3D in photoshop.

  • Sharebar

In this Gadget Design tutorial, we are going to design HTC EVO 3D(sprint) in Adobe photoshop.

Before we start, First take a look at our final Design:)

tutorial Htc evo 3d Design HTC EVO 3D in photoshop.

Let’s start icon smile Design HTC EVO 3D in photoshop.

Open Adobe photoshop,

STEP1:-

create a new document of size 700px by 1000px. Then select Rounded Rectangle Tool and draw a shape  of size 321px by 622px with 40px radius with color = #5D6364.

BEFORE 1 Design HTC EVO 3D in photoshop.

and this is the Base  of phone.

base1 Design HTC EVO 3D in photoshop.

Now select the Base layer and go to blending options and apply these settings( see below image).

base1bevel Design HTC EVO 3D in photoshop.

STEP2:-

Now, we have to add some lights in corner of the Base. first make the selection of base Layer, then create a new layer and

just follow the instruction written in image below:

corner light Design HTC EVO 3D in photoshop.

Repet above step and apply lights to every corner of the Base Layer.( Always take a new layer for each corners.)

After that our base layer should look like this :-

after corner light Design HTC EVO 3D in photoshop.

Keep the selection active of  base layer and do as instructed in below image :-

After corner light 1 Design HTC EVO 3D in photoshop.

STEP3:-

Now, create a new shape with the help of rounded rectangle tool.

keep the size of shape  width=309px  Height= 611px with 40px radius with color- #5D6364 and place this shape above all layers as shown in image below:

base 2 Design HTC EVO 3D in photoshop.

STEP4:-

Copy the shape we have created in last step (ctrl +j). Fill Background with Black color, now we have to lower the hight of copied layer. (see below image).

3 Design HTC EVO 3D in photoshop.

Once done with above steps, Now add lights in the corner of black layer(see below image).

3a Design HTC EVO 3D in photoshop.

STEP5:-

After applying the lights to both corner of the black shape, Now with the active selection of black layer go to Select then modify then contract the selection with 1 px.

3b Design HTC EVO 3D in photoshop.

create a new layer and fill the selection with color- #0e1919.

Now your design should look like below image:-

3cnow look like this Design HTC EVO 3D in photoshop.

STEP6:-

In this step we are going to use eraser tool to erase bottom part of the shape we created in the last step, just follow below image:-

4 Design HTC EVO 3D in photoshop.

STEP7:-

Simply follow the below image:-

4a Design HTC EVO 3D in photoshop.

STEP8:-

Now we are going to create Speaker of the phone.

with rounded rectangle tool create a new shape of size 169px by 14px with 30px radius.Then add gradient overlay to the shape.(see below image for gradient setting).

speaker Design HTC EVO 3D in photoshop.

Follow image below carefully icon smile Design HTC EVO 3D in photoshop.

We have to make 3 shapes in which the no. 1 shape has been created in the last step icon smile Design HTC EVO 3D in photoshop.

now, just simply draw 2 more shapes(2 and 3) as shown in below image. After that arrange these first 3 shapes as directed in image.

speaker a  Design HTC EVO 3D in photoshop.

STEP9:-

Now, we have to create a pattern to fill the black layer of speaker.

pattern Design HTC EVO 3D in photoshop.

STEP10:-

Now select the black layer of the speaker then go to blending options and apply the pattern we have just created icon smile Design HTC EVO 3D in photoshop.

After applying, place the speaker as shown in below image icon smile Design HTC EVO 3D in photoshop.

after speaker Design HTC EVO 3D in photoshop.

STEP11:-

In this step we will be creating Front camera of the phone. (just follow below image).

front cameraafter speaker Design HTC EVO 3D in photoshop.

STEP12:-

Now with rectangle tool draw the screen of the phone width=271px   Height=479px then arrange the screen as shown in below image icon smile Design HTC EVO 3D in photoshop.

screen a Design HTC EVO 3D in photoshop.

 

 

Download HERE the Default screen pic of HTC EVO 3D.

STEP13:-

We are almost done! For buttons  just create a round shape of size 29px by 29px with ellipse Tool keep the color black, then go to blending option add 1px white color stroke and keep the position center. copy this shape for 4 times and draw the icons of buttons as shown in below image.

 

last Design HTC EVO 3D in photoshop.

Download HTC and sprint logo from google images and arrange them at appropriate place icon smile Design HTC EVO 3D in photoshop.

And Finally, this is our HTC EVO 3D (sprint).

tutorial Htc evo 3d Design HTC EVO 3D in photoshop.

If you feel any problem in any step please Let me know,

i will try my best to solve  the issue icon smile Design HTC EVO 3D in photoshop.

 

Did you Like This Tutorial?

 

Other Gadget Design tutorials :-

Design nokia N97 in photoshop- latest gadget tutorial.

 

pixel Design HTC EVO 3D in photoshop.

LIKE THE POST?SUBSCRIBE HEROMIND TO GET FUTURE UPDATES.

Subscribe in a reader

Enter your email address:

About Heromind

Heromind is an open platform to find and share useful stuffs related to graphic design,web development and blogging.
Share your skills and knowledge with others.
Click Here to Contribute.

Comments

  1. Ashish says:

    humm…
    nice work here…. keep it up guys! Once a time I designed NOKIA 6600, that was a time when this mobile was rocking in the market and I was rocking in my Institute ie. HUBNET Technologies in Gaya, Bihar, India.
    Suddenly things came re-winded in my mind… thanks!!

  2. it’s really looking realistic, Awesome :) i like it.

Speak Your Mind