Home / Tutorials / Photoshop / Mix / How to make Phone Keypad in Photoshop?

How to make Phone Keypad in Photoshop?

This technique will teach you how to make Digital Dialpad, not a very difficult way to make it. In this Photoshop Tutorial you will learn a lot of new Techniques and use of Tools.

1. Take a new file of size 560×400 with 72 resolution and RGB colormode.

2. Chose Rounded Rectangle Tool rounded-rectangle-tool with following settings and draw a Small rectangle and then copy that rectangle like shown below:

stunning-mesh-tut53-1

3. Now merge all these layer (don’t include background layer) and press Ctrl+E to merge all these. Press Ctrl+T and right click on it and chose Distort, by using the Nodes make the shape like shown below:

stunning-mesh-tut53-2

4. From layer panel click on Lock Transparent Pixel stunningmesh-photoshop-tut3-pic5 icon and fill the layer with #fcbf5f color:

stunning-mesh-tut53-3

5. Run the command Layer >> Layer Styles >> Drop Shadow and give the following settings:

stunning-mesh-tut53-4

Don’t hit Ok, click on Inner Shadow and give the following settings:

stunning-mesh-tut53-5

After clicking ok you will get something like this:

stunning-mesh-tut53-6

6. Press Ctrl+J to copy it and remove the Styles which you just applied. By pressing Ctrl+[ key move this layer behind the previous one, now press Alt+Down Arrow keys 10 times, you will get the following, Merge all copied layers:

stunning-mesh-tut53-7

7. Again click on Lock transparent Pixels stunningmesh-photoshop-tut3-pic5 icon and fill by #bb7911 color:

stunning-mesh-tut53-8

8. Switch off Lock transparent Pixel icon and pick Rectangular Marquee Tool rectangular-marquee-tool and by holding Shift key select the bottom part of each Button,

stunning-mesh-tut53-9

then pick Burn Tool dodge-tool and darken the areas like shown below:

stunning-mesh-tut53-10

9. Now pick Horizontal Type tool horizontal-type-tool and make each digits, Rasterize each digit layer by right clicking on the layer an selecting Rasterize Layer then adjust these digits like shown below: (by pressing Ctrl+T and right click on it and select Distort and adjust the text)

stunning-mesh-tut53-11

About Wijdan Rohail

A professional Web/Graphic Designer, working as Freelancer since 2000. Designing is my passion, blogging is my hobby.

Check Also

Fried Egg Design in Photoshop

This Photoshop Tutorial will teach you some basic tools and commands of Photoshop. This Photoshop …

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: