Trying to make "Stylized trees" correctly

Hey there!

Ive been struggling a lot to make stylized trees (if that’s what they’re called) in a specific way, sometimes it looks goo at one angle but in-game it like… flashes around ? as where the reference and tree style im trying to make doesnt do that, ive tried placing them in spheres and also in X shapes or * shapes and nothing i try seems to give off the same effect… if any of u have any help or suggestions it would be greatly appreciated…

my issue

https://gyazo.com/ecf7dcdd8a2d1160df3ec83e97b5114b

This one was done with parts/decals and it flashes as shown…
https://gyazo.com/5fc57204dbf31cbe3d6bd9a32f802d57

This one was done with surfaceAppearance etc and it doesnt flash and gives off kinda the effect im going for… but it feels like theres not enough leaves on the tree.
https://gyazo.com/1c85c8023cf6f099dacf9a5e70818635

what im trying to make

https://gyazo.com/f001cc59b097e458a3bbc62fcdb4bd16 GIF example

Thats all the examples i have, ive been trying so hard to make trees in this style that looks fluffy, soft and pretty like the examples shown as i think they look good and theyre my favorite type of tree. so im really hope that some of you out there can inform me how to do this effect correctly.

20 Likes

This SHOULD help.

Or you could do this one:

7 Likes

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!

37 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