Categories
Sponsored Link
Sponsored Link
Designing a navigation header for fashion website |
| Start by creating a file of header size. Fill background with a solid color. |
 |
| Create a rectangle using rectangular shape tool. |
|
| Enable add to shape area from the top bar. Create an ellipse using elliptical shape tool. We'll name this layer "Base Shape". |
 |
 |
| Create a vertical thin rectangle using rectangular shape tool. |
 |
| Press Ctrl+J and Ctrl+T. Move a few pixels right. Now keep pressing Ctrl+J and Ctrl+Shift+T several times to create the design as shown. |
 |
| Select and merge thin rectangular layers. Change the layer mode to overlay. |
 |
| Ctrl+Click the "Base Shape" layer thumbnail to get the selection. Press Ctrl+Shift+I to invert the selection. Press delete. |
|
| Reduce opacity to 20%. |
 |
| Using custom shape tool create a square frame shape . |
|
| Press Ctrl+T. Right Click and select Warp. Select arc form the preset warp shapes. Apply settings as shown. |
|
 |
| Duplicate the layer. Press Ctrl+T. Right click and select Flip Vertical and place as shown. |
 |
| Similarly create as many buttons as you want. |
 |
| Type link names over the button shape. |
 |
| Right click the text layer and select warp text. Apply settings as shown. |
 |
 |
| Similarly type button link over the next button. Change bend value to negative value. |
 |
| Insert some relevant product cutouts in crests and troughs. |
 |
| Create a big square frame shape. Rotate it 45°. |
 |
| Change the layer mode to overlay and reduce opacity. |
 |
| Duplicate twice, scale down and place as shown. |
 |
| Insert a model image or company mascot. |
 |
| Insert company logo on bottom right. |
|
