Photoshop Design Business page templates in Europe and America

Source: Internet
Author: User

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
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.