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

Content Bars


Today we will learn how to create content bars , and make them look very spify instead of plain and boring.

image 1

Open a new document any size as long as it large enough for a content header , and i always like enough working room so its always nice to make it a little big bigger.. So get your laso tool and make a lil cut out like above.

image 2

Get a stock photo, I got this from block9.net , they have some nice ones so if you dont know of any you can go there.While you have 2 documents open you need to go to the document with the stock photo and press CTRL+A to select everything , then hit CTRL+X to cut or CTRL+C to copy it. Now you need to go to your other document with the selection , And press CTRL+SHIFT+V which will paste your image into the document.

image 3

This will create a mask so you need to move it in whatever postion you like and then merge it down.

image 4

Create a new layer. Now While holding CTRL you need to go to the layer palet and click the layer with the image. This will select the layer . After you have finished with this you need to go to Select>>MODIFY>> Expand.

image 5

Your image should now look like this.

image 6

Now you need to get your eraser tool and you need to dab a little off the picture, this will make your text stand out which is always a plus :)

image 7

Now double click the layer without the image and you will see a box similar , You need to go to your stroke settings and copy these settings..

image 8

Create yet another layer and get your circular marquee tool and make a shape like this.

image 9

Now you need to go to edit>>fill and fill it in with the color white.

image 10

Lower the opacity to about 50% shown in the image above and then make a selection with your marquee tool like i did above. The point of geting your marquee tool is that we need to delete all the extra junk white. Make as many selections as you need to delete this , because it will look tacky with it.

Content bars Tutorial: Final Result



Author's URL: Azm1.com
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 "Content Bars"

Only registered users can write comment

No comments yet...