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

Kids Store Navigation Header


Start by creating a white circle on a white background.

image 1

Create a circular thin frame using custom shape tool.

image 2

Duplicate the layer and scale it down. Fill the layer with some different color.

image 3

Similarly create some duplicates, scale down and fill with different colors.

image 4

Select all these layers. From layer palette select new groups from layers. Name this group ringO01.

image 5

Duplicate this group and rename the group ringO02. Change the order of ring colors.

image 6

Now we have two sets of rings with slight difference.

image 7

Duplicate the first set five times and place it in a line.

image 8

Duplicate the second set five times and place it to fill the gaps.

image 9

Create a green rectangle using rectangular tool. This will serve as a main button bar.

image 10

Apply the layer style as shown.

image 11

image 12

Create another rectangle below the first rectangle.with a light green color. This will be a place holder for the punch line.

image 13

Create a rectangular strip at the bottom for additional buttons.

image 14

Place a nice cartoon at the left .

image 15

Insert company logo.

image 16

Add button names and punch line on their respective bars.

image 17

Kids Store Navigation Header



Author's URL: Slowly Sinking
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Kids Store Navigation Header"

Captcha