Gradient/Scanline Tutorial

N
Posted By
no
Aug 3, 2004
Views
387
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?

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

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

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections