How to display a flower with transparency in Sketchfab

Recently I added this Paeonia as one of my 3d models on Sketchfab. It got a lot of attention, mainly because botanical models aren’t that abundant and because I managed to make it transparent without any artifacts. Since a lot of you asked how I did that, here a small tutorial.

bloem

the model itself is rather simple, the only thing that took a lot of work is getting the petals look differently.  this is how I did that:

Schermafdruk 2015-06-02 11.46.51

As you can see there are a lot of petals. But I made approximately 5 versions of the petal and scattered them around. All of them have the same uv map, but differ on how they are torn in at the top of the petal, the width and size going towards the middle. Since I first made the base petal and formed it as a proper petal, the way the polygons are placed in the different versions doesn’t matter too much 😉

The material of the petal is also rather simple:

Schermafdruk-2015-06-02-11

 

I made a diffuse map, a mask for transparency and a displacement map for the structure:

Mask map:

masker

 diffuse map:kleur2 
displacement map:
structuur2

As you can see I didn’t bother all too much with being neat ;-).

So those are the textures I also used on sketchfab:

Sketchfab settings

Scene settings:

I mostly use FOV that is similar with what I use on a normal camera: 35˚. For this Paeonia I used the Sketchfab Physically Based Rendering (PBR) with a shade-less mode.

Lighting

The lighting is also very important. It isn’t something that you can’t determine on forehand, but is dependent on the environment you are using, it’s strength and orientation. I do the lighting BEFORE I do the material, the sequence of the tabs are in good order but I put the model back to “lit” shading (scene setting) instead of “shadeless” to see how the light effects everything. The Paeonia can be displayed with the default settings also though.

As you can see I set the brightness of the blur to “0” ensuring a pure black background with the proper lighting.

The materials.

Actually I ended up not using the mask I made for the 2d rendering, it wasn’t necessary. The settings here however are a lot of trail and error. Don’t be afraid to try all the settings to their extreme.

materialsI ended up only using the diffuse map and the mask and contrary to what one might expect, I used alpha blending together with the diffuse map for the transparency. Normally, if I want to make use of transparency with my anatomy models, I use single sided face render to get rid of artifacts. But that wasn’t possible with these petals because they are single sided already.

faces

What you get when you use single sided when a mesh is single sided is something like this:

faces_singleAnyhow. This is how I did it with this as result:

Paeonia
by Mieke Roth
on Sketchfab

3 Comments