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.

It’s Black Friday week on WonderHowTo! Don’t miss out on all of the big sales in the Gadget Hacks and Null Byte shops. And if you’ve been wanting to take some classes without going into debt, check out our best deals on online courses for a variety of skill sets. Don’t miss out on these huge discounts:

See Gadget Hacks’s top 10 BF sales on online courses (up to 99% off) >

See Null Byte’s top 13 BF sales on online courses (up to 99% off) >

Our Best Phone Hacks

Gadget Hacks' tips — delivered daily.

Be the First to Comment

Share Your Thoughts

  • Hot
  • Latest