Gradient/Scanline Tutorial

N
Posted By
no
Aug 3, 2004
Views
420
Replies
8
Status
Closed
I came across this background ( http://publish.shaw.ca/yellowman/learn.htm ) the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Would anyone have a tutorial on how to create the subtle colour changes?

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

PW
Pjotr Wedersteers
Aug 3, 2004
"a:\" wrote:
I came across this background (
http://publish.shaw.ca/yellowman/learn.htm ) the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Would anyone have a tutorial on how to create the subtle colour changes?

I see no page at that address, sorry.
Pjotr
P
patrick
Aug 3, 2004
I backed it up all the way to http://publish.shaw.ca and got error message — not found
.. . . . patrick
"Pjotr Wedersteers" wrote in message
"a:\" wrote:
I came across this background (
http://publish.shaw.ca/yellowman/learn.htm ) the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Would anyone have a tutorial on how to create the subtle colour changes?

I see no page at that address, sorry.
Pjotr

C
Char
Aug 4, 2004
In the Photoshop Gradient Editor there is an option under gradient type called noise. A roughness of about 85% should work.

""a:\"" wrote in message
I came across this background (
http://publish.shaw.ca/yellowman/learn.htm )
the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Would anyone have a tutorial on how to create the subtle colour changes?
I
Ian
Aug 4, 2004
""a:\"" wrote in message
That’s really odd, I just clicked the link
http://publish.shaw.ca/yellowman/learn.htm and was able to see the page. Anyways, I have attached the background as a gif file to this message.
I’ve also created another webpage at
http://yellowman20.tripod.com/learn.htm
which shows the background. Only thing is tripod put a banner in the
middle
of the background, but I think you can get the feel of it.

"Pjotr Wedersteers" wrote in message
"a:\" wrote:
I came across this background (
http://publish.shaw.ca/yellowman/learn.htm ) the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Have a look at the tutorial at- http://www.webclass.ru/tut.php?tut=118

copy the finished image paste it into photoshop and apply a 1 pixel Gaussian Blur.
Should get you what you need.

Cheers
Ian
P
patrick
Aug 4, 2004
Tried again and same error intercept on publish.shaw.
The other link worked fine.
I NEVER open a .gif attachment!
.. . . . patrick
""a:\"" wrote in message
That’s really odd, I just clicked the link
http://publish.shaw.ca/yellowman/learn.htm and was able to see the page. Anyways, I have attached the background as a gif file to this message.
I’ve also created another webpage at
http://yellowman20.tripod.com/learn.htm
which shows the background. Only thing is tripod put a banner in the
middle
of the background, but I think you can get the feel of it.

"Pjotr Wedersteers" wrote in message
"a:\" wrote:
I came across this background (
http://publish.shaw.ca/yellowman/learn.htm ) the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Would anyone have a tutorial on how to create the subtle colour changes?

I see no page at that address, sorry.
Pjotr

N
no
Aug 5, 2004
Since the link http://yellowman20.tripod.com/learn.htm works, can you see the blue background at the top of the page.

That is what I would like to reproduce.

"patrick" wrote in message
Tried again and same error intercept on publish.shaw.
The other link worked fine.
I NEVER open a .gif attachment!
. . . . patrick
""a:\"" wrote in message
That’s really odd, I just clicked the link
http://publish.shaw.ca/yellowman/learn.htm and was able to see the page. Anyways, I have attached the background as a gif file to this message.
I’ve also created another webpage at
http://yellowman20.tripod.com/learn.htm
which shows the background. Only thing is tripod put a banner in the
middle
of the background, but I think you can get the feel of it.

"Pjotr Wedersteers" wrote in message
"a:\" wrote:
I came across this background (
http://publish.shaw.ca/yellowman/learn.htm ) the other day. I think it’s a combination of a gradient, scanline, but it looks a little more involved then just that.

Would anyone have a tutorial on how to create the subtle colour changes?

I see no page at that address, sorry.
Pjotr

O
Odysseus
Aug 5, 2004
In article <HwkQc.14520$>, "\"a:\\\"" wrote:

Since the link http://yellowman20.tripod.com/learn.htm works, can you see the blue background at the top of the page.

That is what I would like to reproduce.
You might try starting with a blue background, plain or with some vertical gradation; add monochromatic noise, then pick up a one-pixel-wide strip and stretch it horizontally to the desired width. If you’re very particular about the pattern, colour the strip by hand (with the Pencil or a brush) before transforming it.


Odysseus
N
no
Aug 6, 2004
Thank you Odysseus, that created the design perfectly. Your help was much appreciated.

"Odysseus" wrote in message
In article <HwkQc.14520$>, "\"a:\\\"" wrote:

Since the link http://yellowman20.tripod.com/learn.htm works, can you
see
the blue background at the top of the page.

That is what I would like to reproduce.
You might try starting with a blue background, plain or with some vertical gradation; add monochromatic noise, then pick up a one-pixel-wide strip and stretch it horizontally to the desired width. If you’re very particular about the pattern, colour the strip by hand (with the Pencil or a brush) before transforming it.


Odysseus

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections