Clock Crew

Arts & Leisure => Pokemon Stadium => Topic farted by: BambooClock on July 24, 2009, 04:08:43 PM

Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 04:08:43 PM
Here is my first attempt at an actually good gradient background, set in a grassy meadow.

(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Ffiles.myfrogbag.com%2Fwylqdv%2FBambooingrassymedow.png&hash=baccf1d8b6ff5789795eb2a411f874cb70d6be04)

I was hoping to maybe use this king gradient background in my ClockDay flash, but tell me, what are some ways to touch it up a bit.

Tips and Hints, please.
Title: A good, gradient background.
Post by: A Clock on July 24, 2009, 04:13:19 PM
Well it works as a basic background but it just seems incredibly bland. Maybe some scenery?
Title: A good, gradient background.
Post by: buttplug on July 24, 2009, 04:13:51 PM
Don't use gradients unless it is for something subtle.
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 04:36:34 PM
Quote from: LarryDavidClock;1627527Don't use gradients unless it is for something subtle.

Subtle, you say?



How about that?
Title: A good, gradient background.
Post by: TabascoClock on July 24, 2009, 04:47:31 PM
Quote from: Firenova;1627538Subtle, you say?



How about that?

Not bad.
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 06:07:40 PM
Quote from: A Clock;1627525Well it works as a basic background but it just seems incredibly bland. Maybe some scenery?

Scenery like this?

Title: A good, gradient background.
Post by: A Clock on July 24, 2009, 06:09:30 PM
Quote from: Firenova;1627580Scenery like this?


Needs less blur.
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 06:21:18 PM
Quote from: A Clock;1627581Needs less blur.

Title: A good, gradient background.
Post by: Thunderbolt on July 24, 2009, 06:25:35 PM
draw your background, dont use gradients
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 06:36:25 PM
Quote from: 'Ghost[;1627589']draw your background, dont use gradients

Is it okay if I draw the background then use gradient colors to color it, or just no gradient colors at all for the background?
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 07:00:34 PM
Quote from: Firenova;1627594Is it okay if I draw the background then use gradient colors to color it


Like so

Title: A good, gradient background.
Post by: SockpuppetClock on July 24, 2009, 07:30:18 PM
These backgrounds are super-bland! Get something in there man!

p.s. in long long grass plains the grass doesn't get brighter the farther it is, it gets a bit bluer cause of fog.
Title: A good, gradient background.
Post by: AbsintheClock on July 24, 2009, 07:53:29 PM
Gradients CAN be used well it's just rare that people do. This is not one of those rare cases. Learn to draw before you learn to use gradients otherwise you're just making really bad shapes look even worse.
Title: A good, gradient background.
Post by: Thor on July 24, 2009, 07:53:50 PM
I stopped using backgrounds in my flash months ago

Anyway, a little tip on how to use gradients:
NEVER USE THEM UNLESS THE AMOUNT OF LIGHT SHOULD CHANGE OVER THE DISTANCE OF THE GRADIENT.

For example, your grass does not work because there is NO reason it would get darker as it got farther away. The sun is bright enough and big enough that the distance that you can see the surface of the earth it isn't going to be noticeably darker than where you're standing. As for the sword, it should have flat sides. You would only gradient the blade if it was curved along the sides, and a curved blade on a sword would be shit. Instead you should have just made the sword blade with two solid colors of different darkness.

The room with the lighting WAS a proper use of gradients because walls closer to the light source would be brighter with a weak light like that.
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 08:21:37 PM
Quote from: Golden Clock;1627617why do you gotta flip us off so much


Better than having him sit there with a blank expression
Title: A good, gradient background.
Post by: GearBoxClock on July 24, 2009, 08:27:05 PM
Gradient? More like... GAY-dient!
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 08:34:16 PM
Quote from: Golden Clock;1627620I completely disagree

Fine then blank expressions from now on.
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 08:37:08 PM
Quote from: Firenova;1627622Fine then blank expressions from now on.

Like so.

Title: A good, gradient background.
Post by: BlitzballClock on July 24, 2009, 08:43:07 PM
Just how much energy did you put into those bushes?
Title: A good, gradient background.
Post by: SockpuppetClock on July 24, 2009, 08:47:52 PM
Quote from: Firenova;1627624Like so.

come on! get some personality in there! endless plain with copied trees is boooring.

also you should adjust the smoothing on the brush tool, it helps.

p.s. a giant sword? lololol
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 08:48:38 PM
Quote from: Blitzball;1627625Just how much energy did you put into those bushes?

Not allot.
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 08:49:36 PM
Quote from: SockpuppetClock;1627629p.s. a giant sword? lololol

Why, of course. The Gradient Blade of Subtlety.
Title: A good, gradient background.
Post by: Thor on July 24, 2009, 08:55:09 PM
giant blades + asian name + childish attitude = Bamboo clock, are you a weeaboo?
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 09:21:14 PM
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Ffiles.myfrogbag.com%2F5ph1h2%2Fimprovedbambooclockmeadow.png&hash=ac9efe8d02733d1ebad5203e41c3cef5d388e71f)
Title: A good, gradient background.
Post by: AbsintheClock on July 24, 2009, 10:26:43 PM
What part of stop abusing gradients and practice drawing don't you understand?
Title: A good, gradient background.
Post by: PowerGloveClock on July 24, 2009, 10:42:23 PM
the sword is a tell tale sign of a bb10 alt
Title: A good, gradient background.
Post by: buttplug on July 24, 2009, 11:15:47 PM
Oh hey look, a panda. OH SHI-
Title: A good, gradient background.
Post by: BambooClock on July 24, 2009, 11:22:00 PM
I defiantly need to practice making clock hands.

(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Ffiles.myfrogbag.com%2F5ph1h2%2Fclockhands.png&hash=3126c34e3adbc1e5afdcaf0a8c505013c9ae8a6e)
Title: A good, gradient background.
Post by: Loki Clock on July 24, 2009, 11:28:29 PM
1. 0 ≠ () ≠ |
2. Bamboo is hollow.
3. :rockin: -> :suicide:
Title: A good, gradient background.
Post by: Thor on July 24, 2009, 11:56:23 PM
Quote from: Susumu Hirasawa;16277342. Bamboo is hollow.
Wow, I didn't even notice the fla has a solid core. That's so funny when people don't even know what their own clock object looks like

Quote from: Golden Clock;1627645He is obviously Heike Kagero


I never understood how getting smacked with HAIR would take a forth of your life bar.
Title: A good, gradient background.
Post by: Silly Putty Clock on July 24, 2009, 11:56:41 PM
Quote from: Firenova;1627731I defiantly need to practice making clock hands.

I recommend studying the structure of actual hands.
Title: A good, gradient background.
Post by: Thor on July 24, 2009, 11:59:41 PM
I suggest not using hands for clocks. A lot of people do it and it's dumb. Just have stuff float as if there lifting it up with invisible hands.
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 12:01:36 AM
Quote from: ЯOHT;1627745I suggest not using hands for clocks. A lot of people do it and it's dumb. Just have stuff float as if there lifting it up with invisible hands.

I'll stick with his idea.
Title: A good, gradient background.
Post by: WobbuffetClock on July 25, 2009, 02:41:00 AM
Quote from: Firenova;1627580Scenery like this?

Only make the things way in the back of the background blurry; make the other things not-so-blurry. Also, try adding some little green brush-strokes to make it look even more like grass. Another tip: try masking when changing clockface expressions.
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 02:47:10 AM
Quote from: STUPID FAGGOT CLOCK;1627850Only make the things way in the back of the background blurry; make the other things not-so-blurry. Also, try adding some little green brush-strokes to make it look even more like grass. Another tip: try masking when changing clockface expressions.

*cough* Masking?
Title: A good, gradient background.
Post by: WobbuffetClock on July 25, 2009, 03:06:40 AM
Quote from: Firenova;1627859*cough* Masking?
:facepalm:
http://www.entheosweb.com/Flash/masking.asp
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 03:15:42 AM
Quote from: STUPID FAGGOT CLOCK;1627874:facepalm:
http://www.entheosweb.com/Flash/masking.asp

Thank you.
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 03:47:29 AM
Quote from: STUPID FAGGOT CLOCK;1627850try masking when changing clockface expressions.

Like so?

[flash]http://files.myfrogbag.com/w6tfpe/realexample.swf[/flash]
Title: A good, gradient background.
Post by: WobbuffetClock on July 25, 2009, 08:16:23 AM
Quote from: Firenova;1627904Like so?

[flash]http://files.myfrogbag.com/w6tfpe/realexample.swf[/flash]
Just like that.
Title: A good, gradient background.
Post by: Fireman on July 25, 2009, 08:57:34 AM
[FLASH]http://files.myfrogbag.com/sjm527qtf0kmzib/howIclock.swf width=256 height=256[/FLASH]

imo make your clock animations in a movie clip or something of the sort. Make a copy of that movie clip that is enlarged slightly and tinted to black 100%. For convenience put those 2 into a movie clip and would you look at that you got a proper black outline that doesn't get removed by the masking.
Title: A good, gradient background.
Post by: SockpuppetClock on July 25, 2009, 09:10:16 AM
I think the sky should be a gradient

in daytime, it usually is more bright as the horizon/sun, and goes into a very deep blue

(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F4%2F46%2FGrasslands-menggu.JPG%2F800px-Grasslands-menggu.JPG&hash=661e6d807a69c0aa2f8f20053b13e055a854f8e0)
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Fwww.jessstryker.com%2Fnational-parks%2Ftheodore-roosevelt-national-park%2Fwebphoto%2Fweb-grasslands-1.jpg&hash=98d03295f6dbba3070d73c9fe2a12413e2dfb7e7)
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Fnasadaacs.eos.nasa.gov%2Farticles%2Fimages%2F2006_grasslands_wheat.jpg&hash=b8dfd0de33470436fd8538d77e510bde6cc6b30e)
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Fwww.nebraskatravels.com%2Fimages-western-ne-road-trip%2Fwestern-nebraska-sandhills-travel-winding-north-loup-river-grasslands-640w-1272et-60.jpg&hash=f406387fa2996f8f4073e4475e23e9d042eda29d)
Title: A good, gradient background.
Post by: PropagandaClock on July 25, 2009, 09:59:36 AM
Take a sky, copy it in gradients, just add more and more layers that are blurred/low in alpha
Thats what I did in
[flash]http://files.myfrogbag.com/ses6on/Marcco.swf Width=300 height=150[/flash]
Title: A good, gradient background.
Post by: Thunderbolt on July 25, 2009, 03:41:28 PM
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Fi9.ahpic.com%2Fcugnz6.jpg&hash=22e36ab2c043dc6724104c9865fbbe97b53502e5)
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 08:14:13 PM
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Ffiles.myfrogbag.com%2Fp3xxz3%2Fmowing.png&hash=53464c5a9af84ef68e8316741de57505c45a59f1)
Title: A good, gradient background.
Post by: TapedeckClock on July 25, 2009, 08:15:27 PM
Quote from: Firenova;1628702

Tip: gradient is not meant to be used on everything in the scene
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 08:32:33 PM
Quote from: Dark Tapedeck;1628703Tip: gradient is not meant to be used on everything in the scene

Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 08:33:55 PM
Quote from: Dark Tapedeck;1628703Tip: gradient is not meant to be used on everything in the scene


 I changed it. The lawn mower body and picket fence posts are no longer gradient colored. Is that better?
Title: A good, gradient background.
Post by: RobClock on July 25, 2009, 08:49:05 PM
it's very, very hard to make a gradient background look good, but i've created a little picture here to try and help you make a simplistic non gradient background:
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Ffiles.myfrogbag.com%2Fgjft7iv6daztmn4%2Fgeneric%2520background%25201.png&hash=aa966c7360276b514e12086303d0b12c354d717e)
hope this is somewhat useful
Title: A good, gradient background.
Post by: RobClock on July 25, 2009, 08:53:23 PM
that last picture looks alot better than your first one but there are other effective ways to make simple field backgrounds, i drew up a little tutorial on how to not gradient rape in about 10 minutes. hope it's useful:
(https://clockcrew.net/talk/proxy.php?request=http%3A%2F%2Ffiles.myfrogbag.com%2Fgjft7iv6daztmn4%2Fgeneric%2520background%25201.png&hash=aa966c7360276b514e12086303d0b12c354d717e)
Title: A good, gradient background.
Post by: BambooClock on July 25, 2009, 10:26:39 PM
Quote from: RobClock;1628739that last picture looks alot better than your first one but there are other effective ways to make simple field backgrounds, i drew up a little tutorial on how to not gradient rape in about 10 minutes. hope it's useful:

Here's  what I got from this:

Title: A good, gradient background.
Post by: Munglai on July 25, 2009, 10:27:15 PM
Quote from: RobClock;1628739that last picture looks alot better than your first one but there are other effective ways to make simple field backgrounds, i drew up a little tutorial on how to not gradient rape in about 10 minutes. hope it's useful:

the sun is huge and looks weird with an outline and the shading on the grass makes no sense at all.
Title: A good, gradient background.
Post by: TapedeckClock on July 25, 2009, 10:34:48 PM
if you need a background theirs this thing we call Google image search.
Title: A good, gradient background.
Post by: SpinningCubeClock on July 26, 2009, 04:09:23 AM
ahhh people who can't colour teaching other people who can't colour. :(:(:(
Title: A good, gradient background.
Post by: Loki Clock on July 26, 2009, 06:24:47 AM
sum håt tipz!1!¡

Style
Quote from: STUPID FAGGOT CLOCK;1627850Only make the things way in the back of the background blurry; make the other things not-so-blurry.

Better yet, draw less detail on objects in the background, and never ever use filters or gradients again.

As for your fence drawing, don't use the pencil tool for wood grain, just pick a darker brown and draw it in. On that note, if you're going to use the line tool for outlines (which you shouldn't), change the thickness and make the color a darker version of the object's color.

Space

Shadows are caused by lack of light. That means the grass should get darker as it's further away from the sun, and the shadow should follow the curve of the sun. This also means that if the tree obstructs the sunlight the shadow from the tree should be at the same angle as the line from the sun to the tree. Following from this, since the angle of the line from the sun to each fencepost is different, the shadows of each fencepost should point in a different direction.

Color

If an object is not completely black it means there's at least some ambient light reflecting off of it. So even though it might be in shadow, cut off from the main light source, it's still affecting the lighting of the scene. Because the color we see of an object is reflected light, if it's not black it will color the objects around it by reflecting onto them. If you hold a piece of paper up to something red, for example, it will turn the paper a bit red. So it's best not to darken things by blackening them, but rather muddying them a little with the color of it's surroundings. How little is up to you, and comic books often take ambient lighting to the extremes. Similarly, the highlight of an object should not just be a lighter version of the object's color, but tinted to the color of the light source. So your grass should be yellow-green near the primary light source (the sun) and dark blue-green away from the primary light source but influenced by the ambient light source (the air, blue because of color-shifted light from the sun).
Title: A good, gradient background.
Post by: BunnyClock on July 27, 2009, 04:32:55 AM
I kind of like the ones I used in my 2007 clockday flash

http://www.newgrounds.com/portal/view/393641
Title: A good, gradient background.
Post by: PankoClock on July 30, 2009, 09:52:12 PM
Quote from: BambooClock;1628839Here's  what I got from this:

Remember to Blur the tree,but not the sun when all things are focused on you
Title: A good, gradient background.
Post by: Loki Clock on August 01, 2009, 08:10:03 AM
Quote from: SoupClock;1634186This isn't necessary.

Or even sensical. Blurring is an emulation of the photographic effect of focus, and it's effect increases with distance. If anything, the sun should be super blurry if the tree's blurry. And since the tree is almost the same distance from the camera that he is, that tree would have negligible blur, anyway.
Title: A good, gradient background.
Post by: PankoClock on August 01, 2009, 10:00:32 AM
Overload.