Solved

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

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

http://www.im-in-charge.com/test/studies.jpg


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.

Thanks!
0
Comment
Question by:edvinson
  • 4
5 Comments
 
LVL 6

Expert Comment

by:TheRookie32
ID: 17059680
Follow the tut at:

http://www.tutorialkit.com/tutorials/Large-Diagonal-Background-37393.html

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...
0
 
LVL 6

Expert Comment

by:TheRookie32
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...
0
 
LVL 1

Author Comment

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

I tried this tutorial:

http://www.13dots.com/tutorials/clicks.php?click=328

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 ).
0
 
LVL 6

Expert Comment

by:TheRookie32
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?
0
 
LVL 6

Accepted Solution

by:
TheRookie32 earned 500 total points
ID: 17060520
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturat…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

803 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