Nav Bar and backround tutorial blending

Final

Step 1.Create New document 10 inches wide by 2 inches tall at 100 resolution.
step 2: Create a new layer. Take rounded rectangle tool and create a shape at least 8 inches long and and inch to an inch and a half wide. Make
  this rectangle a solid color
Step 3: On a new layer Create a smaller rectangle inside of the first rectangle. Put a gradient on this rectangle
Step 4: Create a button for your nav bar. Use the rounded rectangle tool to creat your desired shape for the buttons.

Step 5:Use the slice tool and outline one of your buttons. Click on the blue square that pops up inside of your outlined button.
Step 6: A box will appear with the options Name, Url,
 target, Message text, alt tag. Fill in the Url with with the website you want your button to take you to. for example,
 https://www.google.com/. Also fill in the target area with the same site.

portfolio website

Widget recreations

Final

I chose to do the Nav bar photoshop tutorial for my final. Its a work in progress at the moment but i should be finishing up tomorrow.

WIdget Website

Ignore the guideline under the search bar that isn't actually there. Fantastic recreation of google if i do say so myself.

progress

i am close to finishing my widget page. its going to be incredible.