Such layouts can be used for business layouts, corporate websites, and even a WordPress theme.
Look at the overall style first.
Starts by creating a new document that fills the background layer color value: #ece5db.
1. At the bottom of the layout, create a rounded corner rectangle tool. Set the foreground color to: #f6f2ed.
2. Add the following layer style to the rounded rectangle.
3, continue to use the Rectangle tool, create a simple rectangle in the head of the page, fill the color #2d2b26.
4, copy the page head of the rectangle, placed at the bottom of the layout. Copy the shortcut key for the layer ctrl+j.
5, please add the following layer style.
6. Create another shape under the rectangle of the head. Place the logo after here.
7, also add some simple layer style for this shape.
8. Use the Rounded Rectangle tool to create a shape. Banner can be created into a slide form.
9, add banner pictures, suggest the use of beautiful pictures.
10, add text navigation. Here the style is the large navigation name, the following auxiliary explanation information text.
11. Add some vertical lines for the navigation.
12, enlarge the navigation area, see the line processing.
13, add logo.
14, on the right side of the logo area, add the web search box.
To create this you need to use the rounded rectangle tool. If you look at my previous tutorial, you will find that I have used this search form's layers
Style.
15, in the middle of the layout I want to add an image and some content.
16, the following set the layer style.
17, please look at the picture below, is how to fill the page main body layout.
18, this is the final result.
Note : More wonderful tutorials Please pay attention to the triple Photoshop tutorial section, triple PS group: 182958314 welcome you to join
Category:
- PS Getting Started Tutorial