Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Mobile Theme Design

Mobile Theme Design


Create a new file having 200x210 px and 350 dpi. Select this instrument image 1 to represent the background also.

image 2

Blending Options-Gradient Overlay

image 3

Gradient's parameters:

image 4

Take after that the shown tool image 5 to represent the corps designed for a button. It will have black color.

image 6

Blending Options-Stroke

image 7

Gradient Editor

image 8

Applying the previous instrument we must create on the upper part of the button a layer having the following parameters:

image 9

image 10

Fill 0% on the layers.

Blending Options-Gradient Overlay

image 11

Gradient's parameters:

image 12

Blending Options-Stroke

image 13

Gradient's parameters:

image 14

Take the next tool image 15 to draw the central part of the button's corps.

image 16

Blending Options-Gradient Overlay

image 17

Gradient's parameters:

image 18

Using the last instrument, it's possible to represent the flare on the upper part of the central button's part. The flare's color is 464646.

image 19

Select the same instrument for drawing a black stripe on the same upper part of the button's corps.

image 20

Blending Options-Stroke

image 21

Gradient's parameters:

image 22

Using the following instrument , create a circle on the left side.

image 23

Blending Options-Inner Glow

image 24

Blending Options-Gradient Overlay

image 25

Gradient's parameters:

image 26

Blending Options-Stroke

image 27

Gradient's parameters:

image 28

Selecting the previous instrument, represent the flare inside the created earlier circle.

image 29

image 30

Fill 0% on the layers.

Blending Options-Gradient Overlay

image 31

Gradient's parameters:

image 32

Write now the button's tile. You have the demands below for writing it.

image 33

image 34

Take the shown tool image 35 for drawing on the upper part of the button's corps gleam.

image 36

Fill 0% on the layers.

Blending Options-Gradient Overlay

image 37

Gradient's parameters:

image 38

Mobile Theme Design

The final result!



Author's URL: Adobetutorialz.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Mobile Theme Design"

Captcha