How To: Create a glass bar in Photoshop

Create a glass bar in Photoshop

This video will show you have to make a glass bar in Photoshop. Adobe Photoshop is a great program for manipulating photo and adding interesting effects to your pictures. The glass bar is distinctive because of it's colored shading.

Step 1
Select the round rectangle tool from your tool bar and draw a long rectangle in the shape and size you want the navigation bar to be.

Step 2
Select the "Fill" button and fill this shape with a glassy color like light gray or aqua blue.

Step 3
Right-click on the rectangle, then click the "Make Selection" choice from the drop-down menu.

Step 4
Create a new layer by selecting "Layer" on the top of your screen and then "New Layer" from the slide-out menu bar.

Step 5
Draw a smaller round rectangle by selecting the round rectangle tool inside the navigation bar. It should be just below the top and extend all the way across the bar.

Step 6
Select the gradient tool and fill in this small rectangle with a white fade that goes down the shape. You will have to select the color for the fade in order to do this. Just select the gradient tool, then choose "color" and change the color to the fade you like. Or select a gradient style from the Style box.

Step 7
Add additional shading in a new layer if you like. Just select the Layer, New Layer option as you did in Step

Step 8
Add text by selecting the Text tool, adjusting the text box over your navigation bar and typing in your text. You can type in all the navigation bar text, then use the Slice tool to cut the navigation bar into smaller images and place them on your web page.

Want to master Microsoft Excel and take your work-from-home job prospects to the next level? Jump-start your career with our Premium A-to-Z Microsoft Excel Training Bundle from the new Gadget Hacks Shop and get lifetime access to more than 40 hours of Basic to Advanced instruction on functions, formula, tools, and more.

Buy Now (97% off) >

Other worthwhile deals to check out:

Join the Next Reality AR Community

Get the latest in AR — delivered straight to your inbox.

Be the First to Comment

Share Your Thoughts

  • Hot
  • Latest