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 Tutorial: Final Result



Author's URL: Slowly Sinking
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 "Kids Store Navigation Header"

Only registered users can write comment

No comments yet...