Creating a clean, modern website design in Photoshop (part 2)
Mark the end of the content by drawing a footer area on the screen. Fill this space with a light gray color to distinguish it from the main content area:
We will continue creating the site in Photoshop by drawing a round mask and filling it with a radial gradient from black to transparent. Press Ctrl + T to transform the selection, squeeze and stretch the created area to form a long, shadow-like image:
Position the shadow in the center of the screen, then remove the excess space above the basement. The result is a subtle shadow that “raises” the main page, adding a few details to the design:
The footer is a great place to display minor page elements. For example, forms for user authorization. Refine the design with the Text tool, and then draw a couple of input fields. Complete the fields with a soft inner shadow:
Use the center area of the basement to display a message about the company. Type the text using the appropriate font size for the header and body text:
Add contact information in the lower right corner. So this data will always be at hand with users. Highlight the most important aspects with size and greater thickness or color:
The final website design in Photoshop skillfully combines all the necessary elements on the page that are aligned with the basic grid. As a result, we got a structured layout with different shades of gray. This color scheme is used to emphasize subject areas and important content.