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 Cutting Edge Navigation Header for a Car Site

Designing a Cutting Edge Navigation Header for a Car Site


Create a rectangle using rectangular shape tool.

image 1

Double click the layer to open layer style window. Apply settings as shown.

image 2

image 3

image 4

Create a shape as shown using pen tool.

image 5

Double click the layer to open layer style window. Apply settings as shown.

image 6

image 7

image 8

Similarly create another curved shape. Apply different gradient style.

image 9

Create a rectangular stripe using rectangular shape tool.

image 10

Double click the layer to open layer style window. Apply settings as shown.

image 11

image 12

image 13

image 14

Ctrl+Click to get the selection. Contract the selection by 2 pixels.

image 15

Create a new layer. Apply Black to white gradient. Change layer mode to color dodge and opacity to 50%.

image 16

Create some more shapes. Insert search box as shown. Insert a cutout of a car. Place it on the left .

image 17

Insert another image of a car. Change the layer mode to "luminosity". Move this layer below the gray curved shape layer in layer order in layer palette.

image 18

Type link names over the rectangular stripes.

Designing a Cutting Edge Navigation Header for a Car Site Tutorial: Final Result



Author's URL: MastersOfPhotoshop.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 Cutting Edge Navigation Header for a Car Site"

Only registered users can write comment

Reader's comments