Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Designing a Corporate Header

Designing a Corporate Header


Start by creating rectangle using rectangular shape tool.

image 1

Insert an image at the right of the header.

image 2

Create upper selection using rectangular marquee tool.

image 3

Enable lock transparency pixels form the layer palette.

image 4

Press Shift+Ctrl+J to cut out the image from selection and appear in a new layer. Form filter menu select pixelate>>mosaic.

image 5

Apply settings as shown.

image 6

image 7

Press Ctrl+U to open hue/saturation window. Apply settings as shown.

image 8

image 9

Create dividers using line tool.

image 10

Create a rectangle using rectangular shape tool. This rectangle will serve as a button for links etc.

image 11

Open styles window.

image 12

In style window click the small triangle on top right. This will open a flyout with default layer styles. Select Dotted Strokes.

image 13

The default styles palette will be replaced with a palette having various presets of dotted strokes.

image 14

Select the shown dotted style form styles window.

image 15

image 16

Duplicate this dotted rectangle layer four times and place as shown in the image below.

image 17

Type your links on the buttons.

image 18

Insert company name and logo on top left of the header.

Designing a Corporate Header Tutorial: Final Result



Author's URL: Invano.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Designing a Corporate Header"

Only registered users can write comment

No comments yet...