Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Professional Web Firm Design - Part 1

Professional Web Firm Design - Part 1

Browse Pages: << < 1  2 

8:

Below your intro add your solutions. use the color #A1DFFF to list your services.

Professional Web Firm Design

9:

Now add a section for your featured projects. Next to your intro and solutions, draw a 317 x 293 pixels, #8474D5 rounded rectangle. Remember to be organize and create each sections in different layer sets.

Professional Web Firm Design

10:

On the center inside of your #8474D5 rounded rectangle, add a screenshot of your featured project in the size of 250 x 172 pixels.

In your layer palette duplicate your screenshot layer. Rotate copy by choosing edit above your screen then transform then flip horizontal. Select your eraser tool from your main tool bar and set the brush size to 100 pixels with soft tip. Now just erase the bottom half of your duplicated screenshot layer.

Professional Web Firm Design

11:

Finish your featured project section with the title and content.

Professional Web Firm Design

12:

Under your featured project add a spot for your client testimonial. Same style as your introduction, simple.

Professional Web Firm Design

13:

Below solutions add a section for your announcements or news. First create a 486 x 192 pixels, #8474D5 rounded rectangle. Finish it off with your content.

Professional Web Firm Design

14:

In your layer palette create a new layer set, name it Footer. In your main toolbar, set your foreground color to white and background to #8E7DE5. In a new layer create a 908 x 29 pixels, marquee selection at the bottom of your canvas. With the select intact, choose your gradient tool and apply a linear gradient effect.

Professional Web Firm Design

15:

In your layer palatte choose your layer from step fourteen, set the opacity level to 14%. Add your footer content like copyright and navigations.

Professional Web Firm Design

16:

At the end of your footer, add more links such as support, sitemap and careers.

Final:

Professional Web Firm Design.

Professional Web Firm Design Tutorial - Final Result



Author's URL: Aviva Directory
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2 
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Professional Web Firm Design - Part 1"

Captcha