Trying to make "Stylized trees" correctly

yes i originally saw that video but it was only for sphere styled trees, which looks somewhat fine but i think still caused a bit of that flashing issue i posted above, but im mainly looking for how to create the World Zero styled trees (the red/yellow/green ones in that section. as i cannot create those ones with spheres.

ill check out this second video as i havent seen it

1 Like

you do realise they’ve just made the spheres and copied then moved them?

1 Like

after watching the video now i see how thats done, ig my modeler just didnt put enough into it to give off the right effect,

but is this the same process for the World Zero trees?

1 Like

Shading Issues


First and foremost, always use SurfaceAppearance for the texture of the leaves.

In tree creation, the leaves are represented as a bunch of flat planes cramped together which causes shading issues that make it look unnatural. So, we typically fix these by editing the vertex normals to make the leaves act as a sphere (or its intended shape):

TreeMakerScript_plus_NormalThiefScript

Source: Foliage - polycount (Click for more details on vertex normal and foliage creation)



Editing Vertex Normals in Blender


  • Add a Sphere object and resize accordingly to the shape of the leaves
    image

  • Select the foliage and Add Modifier > Normal Edit

  • On the Modifier Properties Tab, click on the Eyedropper icon then select the Sphere
    image

  • Congratulations! You have editing the vertex normals of the leaves!



Results


image
(Default vertex normals vs Edited vertex normals)


(Sample of a Stylized Environment I made a year ago)


(Sample of a Realistic Tree using the same technique)


Please don't forget to like and mark this as a solution since it is time-consuming to write detailed and easy-to-follow help!

If you have further questions, I’ll be glad to assist you. Good luck!

40 Likes

Tysm, also one of my modelers uses blender, the other uses maya, is it somewhat the same process editing vertex normals in maya?

Yes, the process is the same in Maya. Additionally, you can manually adjust the vertex normals in Maya, unlike Blender.

Please refer to the following resources:
http://wiki.polycount.com/wiki/VertexNormal#Maya

Transfer Attributes:
https://download.autodesk.com/us/maya/2011help/index.html?url=./files/Mesh__Transfer_Attributes.htm,topicNumber=d0e230003

3 Likes

so uhh as for trying this myself, its not exactly very specific how i put the leaves on the sphere like that, in the first image, and once i have all the vertex normal modifier open, how exactly am i modifying them? like what am i putting in for it to give off this effect because i cant see to get it to do anything or look different and how do u select foilage instead of the outer sphere?

Mesh ! ! Use PBR!!

on this part here https://i.imgur.com/uaaQS8W.png i get a “failed to set value” error when i use the eyedropper on the sphere

yeah i edited the vertex normals in blender and it still does the weird shading thing :confused: i dont really understand what im doing wrong @AngryAero


1 Like

Relax, you’re doing great! You managed to edit the vertex normals.

What we are actually doing is correcting the shading of the leaves. We are modifying how light will hit or bounce around our object. How do we do that? We modify the normals. Normals are a property of a face which tells us where the surface is facing. Why are we doing it to this model? Since we’re modelling a tree, we want the shadows and highlights of the model be like a tree in real life. The problem is that our tree model is just a jumbled flat planes intersecting each other so the shadows and highlights are not situated in our desired places. So, we trick the render engine to treat our object like a sphere when hit by light.

image
Purple lines represent the normals. Default Normals vs Edited Normals (Look at the shadows and highlights)

Notice how the shading is like a sphere after editing the normals?


Roblox’s DoubleSided Property causes weird shading issues in stylized trees but it is a great feature in realistic trees. What you can do instead is duplicate the faces and flip the normals. It will add more polycount but it wouldn’t hurt much since your foliage contains just a few planes.


Double-sided Enabled vs Duplicate-Flip Technique

5 Likes

so technically what youre saying is i did it correctly…? it looked good in blender but once it went into studio it still had that shading issue, is it because i had double sided enabled? and i should turn that off…?

EDIT:

Transparency 0, double sided is off

Transparency 0, Double sided on

Transparency 0.02, double sided off

(guy in the video said to use 0.02 but it just makes it look like u can see through thr tree, im trying to get the same effect you got here below

Am i just not adding enough leaves in blender to achieve this or?

(heres also how it looks if i add more leaves in studio instead of blender, still not rlly giving off the right effect, double sided is also turned off and transparency is at 0)

i also made that shape in blender probably different than the first few images you posted, so im also wondering how you did it because your way is probably easier it seems i just cant seem to figure out how to start it, such as where u have your sphere, then u put the leaves on it (not sure how u did that), and then u went right into editing the normals. id like to do it that way instead of the way i did it if u could inform me on that. @AngryAero

This is the best one so far:

I’m thinking that this is still a Blender problem because I forgot to teach one important option before adding the normal edit modifier. You need to make sure the auto smooth option is turned on:
image

If that still didn’t help, hit me up on Discord (AngryAero#9312). You’ll get a faster response there.

If you’re getting frustrated, relax. I’m here to help you. It is my fault for not explaining it well enough. I know we’ll get there soon. You’d be creating awesome trees!

4 Likes

yes i turned on auto smooth, and i created that one there by copying many of what i made into eachother in roblox studio which is pretty laggy lol. ill add u

1 Like

This one looks quiet similar to what you were asking for, I think maybe tweaking it’s properties (aka transparency) a tad bit more may make it look better.

1 Like

@AngryAero Two years later I know, but assuming you’re still offering help on this I have a question about the Duplicate-Flip Technique you recommended.

How do you flip the faces without flipping the split normals?
Front Faces:
image
Back Faces(Flipped):
image
I’m using the Mesh > Normals > Flip function

When the flipped back faces are applied in-studio it gives off the default shading that doublesided would.

I ran into some issues with the texturing while using my own methods. Wanted to clean slate understand this rather than keep trying out bizarre techniques that after two days haven’t improved it…

1 Like

Hello!

I wouldn’t recommend this technique anymore since it doubles the amount of polygons in the mesh. Roblox has already added a DoubleSided property for the MeshPart. This tree was made before the DoubleSided property was added. It was only a way to emulate that double sided effect. However, I am not sure about if the normal would be the same using this property since I no longer develop content here in Roblox.

1 Like

It’s all good!

Figured it out an hour or so after I asked.

The DoubleSided property sucks for stylistic trees which is why I wanted to try and use your Duplicate-Flip technique.

Working some other things out right now but I think it turned out pretty well all things considered:
image

Thanks for the info of the past! Appreciated!
Wish you luck on your future endeavors!

1 Like