Photo Effect Photoshop

Build A Website Design For A Mobile Phone In Adobe Photoshop

Build A Website Design For A Mobile Phone In Adobe Photoshop. Learn how to make a website design specifically for a Mobile Phone which in simple yet sleek and professional using Photoshop.

 Final Result

Photoshop

STEP:1.Create a new document with the settings below:

Settings Below

STEP:2. Set the background colour to #f7f7f7. Create a new layer, fill it white & set the Blending Mode to Multiply so it’s invisible. Go to Filter > Noise > Add Noise and put in 2.45% to add in a subtle texture.

Background

STEP: 3. Using the Rectangle Tool draw the Top Bar of the website. Double click on the layer to go into Blending Options and put in the options below:

Colour

STEP:4. Using the Line Tool (1px), draw 2 lines, one on top of the bar & one on the bottom while holding down the Shift Key (to keep it straight). This will add a nice 3D effect to the bar.

Layer

STEP:5. Next while holding down the CTRL Key click on the Top Bar’s Layer Thumbnail (circled below) to activate the shape.

Blending Mode

STEP:6. Create a new layer and fill in the activated shape white & set the Blending Mode to Multiply so it’s invisible. Next go into Filter > Noise > Add Noise and put in 4.80%.

Filter

STEP:7. Activate the shape again, select the Rectangular Marquee Tool and select half of the shape while holding down the ALT Key (this will remove the half you select). Create a new layer, fill the leftover shape white and set the Opacity to 7%.

Noise

About the author

PSD

Leave a Comment


*