How Do I duplicate this "Web 2.0" style banner?

Posted on 2006-07-07
Last Modified: 2010-04-02
I want to make a banner similar to this:

I want to know how they make those diagonal fading lines.

If someone could provide me with a short tutorial on how to do this, I would appreciate it.

Of course, I am wanting to learn how to make it blank (just the blue and fading lines ) then I could add my own clip images on top.

Question by:edvinson
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4

Expert Comment

ID: 17059680
Follow the tut at:

Then add a mask to the layer that has the lines, Apply a black to white gradient to the mask and the lines will become faded...

Expert Comment

ID: 17060033
If you need smaller diagnol lines, you can create a 4x4 pixel image and put a dot going from corner to corner on it.  Select all, define a pattern.  Then on your canvas fill it with whatever color you want it to be, click the layers pallete and select pattern overlay and put your new pattern over it.  Then follow my steps with the mask above it.

let me knwo if this works...

Author Comment

ID: 17060252
I am trying... and this is not working.

I tried this tutorial:

Can you get this to work with the colors in my above link?

At the end of the tute, I am left with a blank canvas! I am following step by step ( I think ).

Expert Comment

ID: 17060512
Before you start doing anything, create a new layer and work on that layer.

Did you try my steps in my post at 9:47am?

Accepted Solution

TheRookie32 earned 500 total points
ID: 17060520

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this tutorial viewers will learn how to correct colors in Photoshop using the Color Balance adjustment Open a photo for editing in Photoshop: Open a photo for editing in Photoshop: Select "OK" on the dialogue: The Color Balance adjustment works b…
In this tutorial viewers will learn how to select a color range in Photoshop and how to easily apply them to multiple projects. Open an image for editing in Photoshop: Open the select Color Range Selection tool by going to Select > Color Range: Sele…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question