PDA

View Full Version : TUTO #01 // Funny Eiffel Tower renderings



Aselert
08-25-2014, 09:58 AM
Hello everybody,

As life is sometimes boring... Imagine a model of Eiffel Tower would have stayed too long in the garden!

I offer a quick tutorial to show you how to make nice graphics renderings of a kind architectural stage. Do not look for specific project or client demand behind it, I did it in 1h30 (including render time!) to test the IVYgenerator software in our workflow, from 3D to final renders! I had a 3D Eiffel Tower at hand... So this is 100% just for fun!

The gait here is to get graphism effect result, imperfect of course, but which may prove interesting.
You will see that this is not complicated with ProŽ!

821822823

Aselert
08-25-2014, 10:15 AM
Step 1: 3D CAD software settings

This step is just to show you the settings you must to have before importing the model in Bunkpseed. I'm working with Rhino 5.0.
Here you can see the Eiffel Tower plus the 3D Ivy created with IVY generator. He grew up in 3 sources: Ground Floor, 1st floor and 2nd Flour.

824825826827828

Here you can see that each element (the tower, branchs, leaf 1 & leaf 2) are on Rhino'materials with different names. It's very important.
Usually I work on layers, but be aware that the material is a priority in Pro's Automatic import mode. So they must have imperatively different names.

When you have this, you can save ad close. It's a basic scene, so quick to set all up.

Aselert
08-25-2014, 10:30 AM
Step 2: Importing the 3D into Pro:

When Im' importing, Im' using the Automatic mode, without cameras, and with materials (to follow the textures UVs, like in this case).
Since 2014 version, when you're a Rhino user, you have to select X and Y axis like showed in picture attached.

831

A message appear, because IVYgen uses textures by defaults, with UVs for each leaf, which is very helpfull. Pro don't found it and ask if you want to locate it. Hit "yes" ;)

832

And Bunkspeed will follow the same thing automatically for the other textures, when you found the folder! It's very helpfull, again ;)

833

Ok so now, all your IVY color textures are here!

834

Aselert
08-25-2014, 12:25 PM
Step 3: Adjusting the materials

Since we have the color image, we will put the correct Alpha map for each leaf kind. We will found it at the same place of the other color map, into the IVYgen folder. We will adjust the color and the transparency too and stay in UV mapping mode.

835836837838839

Aselert
08-25-2014, 12:34 PM
Step 3: Adjusting the materials

After the leaves, the branch and the Eiffel tower:

840841

For the Eiffel Tower material, I've take the "Rusty Steel" (which one off of the few materials that has not been done by me aha! ;) ) and modified the color

842843844

Aselert
08-25-2014, 12:38 PM
Step 3: Adjusting the materials

After some modification of the mapping (box), I decided to freeze this material step.

846845876

Aselert
08-25-2014, 12:47 PM
Step 4: Changing the scene

I've import a new HDRi with a garden, to have a better light and green reflection. I've change some settings, like the brightness.
I first stayed in preview mode to see the good Rusty Steel mapping (Rusty distribution)

847

And now in Accurate mode :)

848

Back to the Model settings, I've forgot to snap it too ground with the button dedicate for! It's better now

849

Now I'm changing the HDRi settings to have a white background only

850

Aselert
08-25-2014, 12:56 PM
Step 5: Settings the cameras

I've decided tho have 3 cameras locked + a free camera

851

The focal length is 50 and as you can see I've put a Depth of Field. In Post Processing option, I've done some settings, as you can see.

852
853
854
855

Aselert
08-25-2014, 01:02 PM
Step 5: Settings the cameras

Suite:

856

The same for the 3rd camera. Here you can have a better point of of view to see the Depth of Field, spotted on the tower ;)

857858859

Aselert
08-25-2014, 01:09 PM
Step 6: Rendering

I've put this settings, as you an see: 1h for 3x HD pictures. So 20min for each. It's enough for this, but normally, to have better quality, I think twice as time is better. Here it's a little bit grainy but it's ok following the idea to have a graphic/camera effect.

860861

Here are the finals results, from Pro:

862863864

Aselert
08-25-2014, 01:19 PM
Step 7: Post Production

Ok, this is still in "rendering step" but it's made for postprod. Because the pictures are nice but not so much. To have better impact, I finally decided to adjust it a little in Photoshop (here a old CS5...).So, to try another graphic effect, I decided to extract other frames from Pro, especially the Object Output Passes, in Preview mode:

But firstly, I've hit the "Show Wireframe" & "Enable Ground Shadow" buttons to have a crazy electric effect :)

865866

Here are the results, interesting no? It looks like a retro 3D rendering ;) Rendering time: 1s...

867868869

Aselert
08-25-2014, 01:36 PM
Step 7: Post Production

Now we go to Photoshop: After import each frame (accurate+preview) we will change some settings of the images. For this I'm using the "Exposition" option. I forgot the exact settings but the goal is to create a bright image, more exposition, more gamma etc... It's depends on you!
Then, I'm using the length correction option, to put some chromatic aberration (as previously, more or less, as you want!)

870871872

And we are doing the same for the 2 other pictures:

873874

Aselert
08-25-2014, 01:39 PM
Step 7: Post Production

You will ask me why "Show wireframe" in the Object Output Passes. It's just for fun and in this example it create a nice effect, as you can see bellow, the thin white lines:

875

And it's finish! You can see the final pictures at the beginning of this topic! Hope you liked it! :p

david.randle
08-29-2014, 02:14 AM
Nicely done! Thanks for sharing your workflow. Many valuable tips.

Jay325
09-07-2014, 01:48 AM
Cool workflow, thanks for sharing!