Sat, Jun 1, 5:37 AM CDT

Welcome to the Vue Forum

Forum Moderators: wheatpenny, TheBryster

Vue F.A.Q (Last Updated: 2024 May 27 10:13 pm)



Subject: How to create a basic procedural gradient texture map?


chippwalters ( ) posted Fri, 27 January 2006 at 12:39 AM · edited Fri, 27 October 2023 at 8:25 PM

The subject says it all. I'm just wanting to create a procedural gradient texture material so that if I apply it to an object it will go from one color to another. TIA, Chipp

 


bruno021 ( ) posted Fri, 27 January 2006 at 2:59 AM

That's pretty easy, but you're not saying which version of Vue you have. Anyway, this should work in 5 Esprit to 5 Infinite: In the advanced material editor ( might work in the basic, but I never use it), right clich the defaut colour gradient, and click edit, or just Ctrl-click it. Then you just have to click on any part of the gradient, and add a colour. each new colour has a handle at the bottom, that you use to change the position of your colour inside the gradient. Use as many colours you want. When you're done, click ok, that's it.



Polax ( ) posted Fri, 27 January 2006 at 4:11 AM

file_322139.jpg

But you also need to change the color production function. Left part of the color gradient corresponds to black (-1) of the function and right part to white (+1) of the function.


bruno021 ( ) posted Fri, 27 January 2006 at 4:16 AM

And to be sure all colours will appear on your material, add a filter to the color production function, in the function editor, choose brightness-contrast, lower the brightness in the minus, and go for a +2 or more for the contrast. Learned this from the procedural terrain tutorial from C3D.



chippwalters ( ) posted Fri, 27 January 2006 at 4:30 AM

Yep, I get it all but how do I create the color production function? Just an explanation will do. Thx (I'm using Vue-I)

 


Polax ( ) posted Fri, 27 January 2006 at 4:53 AM

Add Noise Node/Math Pattern to color production. You can choose Saw Teeth, Sine Wave etc.. , zero the axis you don't need. e.g: X and Z, keep Y then play with scale and origin of function to fit your needs. Of course you could also use a bitmap gradient in a texture node. Hope that helps :)


chippwalters ( ) posted Fri, 27 January 2006 at 4:58 AM

Great! Helps a lot. Thanks :-) I've been playing around all evening with the add color node function and just couldn't get it to work. Thanks again :-)

 


chippwalters ( ) posted Sat, 28 January 2006 at 6:53 AM

Attached Link: http://http://www.altuit.com/webs/altuit2/VueLab/CreatingaGradientMaterial.htm

![grad88.jpg](http://www.altuit.com/webs/altuit2/VueLab/grad88.jpg)

Here's a tutorial on creating Procedural Gradient Textures using a mixed technique of settings. I particularly like the ease with which the gradient texture can be rotated on any object.

Thanks to the many here and on e-on's website who have helped me better understand how to manage gradients in the filter editor.

best,
Chipp

 


bruno021 ( ) posted Sat, 28 January 2006 at 12:00 PM

Great tutorial, it will be very useful to those who are afraid of the function editor. Oh, and thanks for the credits too, wasn't necessary, but very appreciated.



Peggy_Walters ( ) posted Sat, 28 January 2006 at 12:14 PM · edited Sat, 28 January 2006 at 12:15 PM

Hi Chipp,
I'd like to see the tutorial, but I am getting a page not found... Did your bandwidth get exceeded?

Peggy

Message edited on: 01/28/2006 12:15

LVS - Where Learning is Fun!  
http://www.lvsonline.com/index.html


bruno021 ( ) posted Sat, 28 January 2006 at 1:27 PM

No, had the same problem: Chipp copied and pasted his url in the preformatted box here, which already contains the http://, so you have the http thing twice, and the page can't be found. Just delete the double http, and you'll get to the page.



chippwalters ( ) posted Sat, 28 January 2006 at 6:10 PM

 


Peggy_Walters ( ) posted Sun, 29 January 2006 at 12:40 PM

Thanks! Great tutorial! Peggy

LVS - Where Learning is Fun!  
http://www.lvsonline.com/index.html


Privacy Notice

This site uses cookies to deliver the best experience. Our own cookies make user accounts and other features possible. Third-party cookies are used to display relevant ads and to analyze how Renderosity is used. By using our site, you acknowledge that you have read and understood our Terms of Service, including our Cookie Policy and our Privacy Policy.