Now: Tutorial for Web and Software Design > Photoshop > Web Layout > Photoshop Content
> Content Bars [Bookmark it]
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


[Bookmark][Print] [Close][To Top]
  • Prev Article-Photoshop:

  • Next Article-Photoshop:
  • Related Materias
    Re-paint Your Picture
    Cloning Stamp Magic
    Navigation Bar
    Metal Interface
    Smooth Button (video tutor
    Complete Layout
    Professional Web Host Layo
    Content Box
    Turning A Sliced Image Int
    Rollover Buttons
    Topics
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial