In Photoshop, you can make a website layout, according to which it is already created in html. This process is relatively simple.
Necessary
Adobe Photoshop program
Instructions
Step 1
Open Photoshop and create a 1020 x 1200 pic document in it. Set the background color to # a8a995. If the site is dedicated to a company, then you can place its logo at the top left in the navigation bar. Leave some space on the right for links to navigate the site.
Step 2
Take the Rectangle Tool and create an 80 x 54 pic rectangle in the site navigation bar. It will indicate the active menu item in the site navigation.
Step 3
Go to the Layer-Layer Style menu, check the Color Overlay checkbox, color # ADAE9E, Opacity - 100%, and Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Step 4
On top of the rectangle you already have, add another 71x50 pic, paint it with # cfbe28. Go to the Layer-Layer Style menu, set the following parameters for this rectangle: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Inner Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Choke - 0, Size - 18; Stroke: Size - 1, Position - Outside, Opacity - 100, Fill Type - Color, Color # D6C72C.
Step 5
Add drop shadow for links located in the navigation bar. To do this, select the layer with the text of these links, go to the Layer-Layer Style menu and set the following parameters: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Repeat these steps for each layer that will contain the text of the links.
Step 6
Now you need to make an introductory part of the template. Select the Rectangle Tool and make a rectangle under the logo, fill it with white, reduce the opacity to 20%.
Step 7
Select the Ellipse Tool and make an oval under this rectangle. Go to Filter> Blur> Gaussian Blur and set the Radius to 7, 8.
Step 8
Take the Rectangular Marque Tool and select the bottom part of the rectangle and the blurred oval. Delete it.
Step 9
After that, enter the text in the rectangle button. Create a line directly above it with the following parameters: 866 by 1 pic.
