First of all, thank you for visiting this tutorial. In this tutorial, I will create a commercial website layout. If you visit my website frequently, you will see how easy it is to create a good-looking website. In this blog, you will find more layout tutorials. Are you curious about why? I have been using Photoshop for a long time. Since then, I have created a website for my customers and have made a lot of money. I want to teach you how to create a website because creating a website is much more profitable than creating a simple Photoshop. If you want to start earning money from the internet, it is time to create a website for your future customers. Here is an example. How much can you pay for a logo or a photo? Maybe $50 to $100? Since my design, I have created thousands of logos and hundreds of large websites. most of my income is from designing website la s, this is why I think you should start creating a website. I will try my best to make it simple and easy to understand. I am sure that my method will create a beautiful website layout.
Let's start our tutorial. in this tutorial, I will create a commercial website layout.
First create a new document
Use the following settings
Set the foreground color to: #2b2724
Select the paint bucket tool, color the canvas, and select the background layer.
Press Ctrl + J (this shortcut will copy the selected layer)
Select "Layer 1", and then select "filter"> "color"> "add color"
Use the following settings
Select the rounded rectangle tool and set the following settings above the display.
Create two shapes for the navigation in your layout and change the foreground color to # e84502. then I will use the rounded rectangle tool.
Copy the two orange shapes. To copy a layer, first select the layer you want to copy and press CTRL + J to change the color to white after the two orange shapes are copied. To change the color, double-click the layer thumbnail and select White.
This is the result I have obtained.
Now select the mobile tool to move the white shape up a little bit
I will place some images in this layout.
Using the text tool, I will add some text
Add some text to the navigation bar using the same tool
Select the line tool to ensure that the line width is 1 pixel
Create a vertical line between the navigation buttons
Now the most important thing is to raster the layer. to do this, you need to right-click the layer and choose "raster layer"
Select the eraser tool and change the paint brush to 60 Soft Mechanical 60 pixels.
Then try to delete the top and bottom of the line
Copy this layer (select the layer to be copied, press CTRL + J on the keyboard), select the mobile tool, and place the copied lines on the right of another navigation button.
At the top of the layout, I will create a simple text logo. in the future tutorial, I will show you how to create a beautiful logo.
Create a new layer above layer 1
Select the paint brush tool, change to Soft Mechanical 60 pixels, and create a simple white dot under the text logo
To improve the effect, you can change the transparency of this layer to 25%.
The final result is as follows:
We hope you will like the final design. the PSD documentation of this design is only available to VIP members.
From: Clean Business Layout Tutorial
