HOW TO DESIGN A SIMPLE WEB LAYOUT WITH PHOTOSHOP

By | December 14, 2021

Blending Options-Gradient Overlay

This gradient parameter:

Make two copies of the newly created layer and place them the way you might see in the next shown image.


Next select the following tool to represent the depth layer at the top of the button.

Fill 0% on the layer.
Blending Options-Gradient Overlay

This gradient parameter:

Take the same instrument and represent one more layer on the newly created one.



Blending Options-Drop Shadow

Blending Options-Gradient Overlay

This gradient parameter:

For our convenience, we should group all the layers, containing the top depth with a blue setting. Then make three copies of this newly created group.


Take the next instrument and create one more layer on the central site section

Blending Options-Inner Light

Blending Options-Gradient Overlay

This gradient parameter:

Fill the center of the site with the text shown next, keeping the demands of the table below:


Insert now with a photo opposite each paragraph.

The parameters are the same for all photos.
Blending Options-Stroke

Write now the name of the site, be concerned with the demands included in the following table:


(Studio)

Parameters of Design word:
Blending Options-Outer Light

Blending Choice-Bevel and Emboss

Blending Options-Display Colors

Parameters for word Studio:
Blending Options-Drop Shadow

Introduce now the title for the menu button located in the site header:


Take the next instrument and try to represent a continuous line formed from several points:


Make a copy of the newly created layer and place it the way it’s shown here:

This last feature includes drawing lines on the site’s menu buttons, done with the instrument from here:

Blending Options-Gradient Overlay


This gradient parameter:


The final result

how-to-make-a-simple-web-layout-design-with-photoshop

Here’s a Photoshop tutorial: how to make a simple web layout design with photoshop
good luck !!

Category: