Go Back   SitePoint Forums > Forum Index > Design Your Site > Graphics
Newsletter FAQ Members List Calendar Mark Forums Read

New to SitePoint Forums? Register here for free!

SitePoint Sponsor
 
Reply
 
Thread Tools Display Modes
Old Sep 17, 2003, 13:35   #1
macarthur
»-(¯`v´¯)-»
 
macarthur's Avatar
 
Join Date: Jul 2003
Location: B.K.A.C
Posts: 2,470
[b]Tutorial: Photoshop 7 : Gradient Background[/b]

Type of Tut: Tutorial
Software: PS
Version: 7, but possibly lower
Title of Tut: Tutorial: Gradient background

This was a request from a member and it was suggested that I make a full fledged tutorial out of it.

Its all about the adjustment layers...

"Hey man, What are them things?"

I'm glad you asked.

An adjustment layer is a way to let you experiment with color and tonal adjustments to an image without permanently modifying the pixels in the image.

In other words its an adjustible adjustment layer.

Think of it like a slide transparency that goes on a picture or something.
If you color the above transparency the light passes through that layer and 'adjusts' the information of the layer below it.

Remember that there is an automatic clipping mask set up so anything you dont want just paint out with the apropriate color.

This can save you in the size area because if you are taking an image and duplicating it just to do a blending change on it that can beef up the overall size of your image. This is just one advantage.

Please keep in mind that the adjustment layer affects all the layers below it. This means that you can correct multiple layers by making a single adjustment, rather than making the adjustment to each layer separately.

We are going to use the 'fill layer' which is part of the adjustment layers.

"Ok, Ok, my brain hurts now. Will you please just get to the gradient!"

Ok, but now that you know the theory you can use it to your advantage.

"D'oh! You made me learn something!"

Ha, I win. Ok on with the gradient bit.

So, Create an adjustment layer by clicking on the circle that is half black and half white under the layers palet.


"A'right I done did that, Now what?"

Ok, ok don't pressure me,
Next Click the Gradient under the choices (The 2nd one down in PS7)

Now you will have the more or less standard gradient chooser window.

Double click on the gradient preview window and you will get the indepth gradient editor.

"Hay, I have seen this before... What settings do I choose?"

Good,
Now, Here comes the different bit,
Choose under Gradient type 'Noise"

Then, Decide what color you want or just a random smattering of colors. For the request I needed green
so under the sliders put the R and the B sliders down to the black area. (leave a bit but not enough for red and blue lines )

"OOh, Lemme guess whats comes next. Do we click Restrict colors?"

Congradulations, You are correct we do hit restrict colors.

Now Randomize untill you find something you like.

And you are done. If you only want a peticular section showing through just remember that there is an automatic clipping mask set up. Just draw in black with a hard edge brush where you dont want the lines.

Voila, was that so hard.

"No I guess not..."



So to recap.

-Create an adjustment layer by clicking on the circle that is half black and half white under the layers palet
-Click the Gradient
-Double click on the gradient preview window and you will get the indepth gradient editor.
-Choose under Gradient type 'Noise'
-Hit restrict colors and select the range you want by unselecting the colors you don't want.
-Randomize, Randomize, Randomize
-When happy, Click done and ok.
-Remember also you can play with the style's (Reflected radial circular) to get different effects



-Atachment pending

Cheers, Lemme know if this helps
Attached Images
File Type: jpg AdjustmentThings.jpg (156.9 KB, 205 views)
__________________
`·.¸¸.·´´¯`··._.·FLAMING`·.¸¸.·´´¯`··._.·
-==׺°”˜`”°º×MONARCH׺°”˜`”°º×==-

Last edited by macarthur; Sep 17, 2003 at 14:08..
macarthur is offline   Reply With Quote
Old Sep 17, 2003, 17:01   #2
graphixkid
I'm a cook. I knead dough.
 
graphixkid's Avatar
 
Join Date: May 2003
Location: NH, USA . . . . . . . . Snowboarder: YES.
Posts: 1,122
Whooohoo! Awesome tut Mac!!!
__________________
yourmusicforums.com now open! Don't get run over in the door!
-- ymf is a place to discuss anything about music. Join now!
graphixkid is offline   Reply With Quote
Old Sep 17, 2003, 21:12   #3
KC
Fine Tuned
silver trophy
 
KC's Avatar
 
Join Date: Sep 2001
Posts: 2,398
Way to go macarthur! Your tut is highlighted in the latest issue of the Tech Times. Congrats!

It's listed under Hot, Techy Forum Threads.
__________________
Former Design Your Site Team Leader
KC is offline   Reply With Quote
Old Sep 18, 2003, 08:33   #4
macarthur
»-(¯`v´¯)-»
 
macarthur's Avatar
 
Join Date: Jul 2003
Location: B.K.A.C
Posts: 2,470
Cool

Edit:

Hmmm... I'm getting neg rep on this for some reason... with no explanation... What have I done?
__________________
`·.¸¸.·´´¯`··._.·FLAMING`·.¸¸.·´´¯`··._.·
-==׺°”˜`”°º×MONARCH׺°”˜`”°º×==-

Last edited by macarthur; Sep 18, 2003 at 11:24..
macarthur is offline   Reply With Quote
Old Sep 18, 2003, 12:57   #5
KC
Fine Tuned
silver trophy
 
KC's Avatar
 
Join Date: Sep 2001
Posts: 2,398
Quote:
Originally Posted by macarthur
Cool [img]images/smilies/smile.gif[/img]

Edit:

Hmmm... I'm getting neg rep on this for some reason... with no explanation... What have I done?
Less emphasis on negative rep might save you from getting it. Just a thought.

The gradient circle reminds me of a sub-woofer but with color.
__________________
Former Design Your Site Team Leader
KC is offline   Reply With Quote
Old Sep 21, 2003, 03:30   #6
Frozentoast
Non-Member
 
Frozentoast's Avatar
 
Join Date: Apr 2002
Location: Manchester, UK
Posts: 4,911
*cough
http://www.sitepointforums.com/showt...threadid=73643
Frozentoast is offline   Reply With Quote
Old Sep 21, 2003, 03:42   #7
Impulse
Cult Space-Monkey
 
Impulse's Avatar
 
Join Date: Jun 2002
Location: Calgary, AB
Posts: 347
Mmm - Interesting effect, a little tacky... but interesting. My input:

Your writing style makes me feel like I'm reading "Making-1970s-effects-that-I'll-never-use for dumbies." Try toning down the "I'm in your head this is what you're thinking" type thing and just stick to a simple easy-to-read straightforward tutorial without all the BS inbetween. It's as if you're talking down to the reader, and no reader wants to put up with that (especially because you have this idea that we all think with extremely poor grammar - ie. a'right - them things).

Just my two cents. Good tute.
__________________
kyle//at//retorikmedia//dot//com
Impulse is offline   Reply With Quote
Old Sep 21, 2003, 05:00   #8
macarthur
»-(¯`v´¯)-»
 
macarthur's Avatar
 
Join Date: Jul 2003
Location: B.K.A.C
Posts: 2,470
Imho its better than just
-Do this
-Do that
-Do something else
-Blah blah blah
More intresting than the technical manuals.

Anyway, I shall endeavor to adapt my writing style to more of a formal form.
__________________
`·.¸¸.·´´¯`··._.·FLAMING`·.¸¸.·´´¯`··._.·
-==׺°”˜`”°º×MONARCH׺°”˜`”°º×==-

Last edited by macarthur; Sep 21, 2003 at 05:37..
macarthur is offline   Reply With Quote
Old Sep 21, 2003, 05:02   #9
macarthur
»-(¯`v´¯)-»
 
macarthur's Avatar
 
Join Date: Jul 2003
Location: B.K.A.C
Posts: 2,470
Quote:
Originally Posted by FrozenToast
Whats this for?
Gradient fill layers?


Quote:
Originally Posted by Impulse
Mmm - Interesting effect, a little tacky... but interesting. My input:

Your writing style makes me feel like I'm reading "Making-1970s-effects-that-I'll-never-use for dumbies." Try toning down the "I'm in your head this is what you're thinking" type thing and just stick to a simple easy-to-read straightforward tutorial without all the BS inbetween. It's as if you're talking down to the reader, and no reader wants to put up with that (especially because you have this idea that we all think with extremely poor grammar - ie. a'right - them things).

Just my two cents. Good tute.
Hey, aren't you the guy that made that cool tut on those cartoon guy's. That was a cool effect.
__________________
`·.¸¸.·´´¯`··._.·FLAMING`·.¸¸.·´´¯`··._.·
-==׺°”˜`”°º×MONARCH׺°”˜`”°º×==-

Last edited by macarthur; Sep 21, 2003 at 05:39..
macarthur is offline   Reply With Quote
Old Sep 21, 2003, 06:29   #10
Frozentoast
Non-Member
 
Frozentoast's Avatar
 
Join Date: Apr 2002
Location: Manchester, UK
Posts: 4,911
its my tutorial that covered this technique a while ago =]
Frozentoast is offline   Reply With Quote
Old Sep 21, 2003, 13:29   #11
Impulse
Cult Space-Monkey
 
Impulse's Avatar
 
Join Date: Jun 2002
Location: Calgary, AB
Posts: 347
Thanks for not taking what I said badly - I read it now and I feel like I come out a jerk... that's what I get for writing it at 3:42am.
__________________
kyle//at//retorikmedia//dot//com
Impulse is offline   Reply With Quote
Old Sep 23, 2003, 12:06   #12
KC
Fine Tuned
silver trophy
 
KC's Avatar
 
Join Date: Sep 2001
Posts: 2,398
FYI, when writing a tutorial, please search the GM&T forum for tutorials already written on a procedure or technique. I thinks its okay to write a tut and elaborate further on a procedure or a technique as long as it's not covering something already written in the past. In this case, I don't think macarthur was out of line.

The idea is to come up with interesting, state-of-the-art, or streamlined tutorials that make the www so interesting visually. All of which you guys have done. Keep up the good work.
__________________
Former Design Your Site Team Leader
KC is offline   Reply With Quote
Old Sep 23, 2003, 12:19   #13
macarthur
»-(¯`v´¯)-»
 
macarthur's Avatar
 
Join Date: Jul 2003
Location: B.K.A.C
Posts: 2,470
I will keep this in mind for the future. Ty URAlly.

Some of the results of the tutorial may look the same as frozen's tut but the technique is very different.
__________________
`·.¸¸.·´´¯`··._.·FLAMING`·.¸¸.·´´¯`··._.·
-==׺°”˜`”°º×MONARCH׺°”˜`”°º×==-
macarthur is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread | Next Thread »

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

 
Forum Jump


All times are GMT -7. The time now is 09:24.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Copyright 1998-2009, SitePoint Pty Ltd. All Rights Reserved