Search This Blog

Welcome to Rendering Tutorial Site

Welcome to Rendering Tutorial site. This site is develop to help artist, architects, advertisers, visual artists and hobbyist a place to share, gain and learn from tutorial writers, important knowledge, tricks and tips in using rendering and image processing software. Some of the link here were cross posted from other sites, some of them were develop for this site, and some of them were shared wholeheartedly by different individuals.

Monday 30 January 2012

Relighting Cut Out People

Relighting Cut Out People


In this tutorial You will get basic idea about relighting 2d image characters. We are using Photoshop CS3 and adjustment layers masking techniques. Let's begin.

STEP ONE:
Add Your desire 2d cut out people inside composition.

STEP TWO:
Add two adjustment layers Brightness/Contrast in top of You character layer. Name them Shadow and Light.


STEP THREE:
Hold ALT key and click on lower area of adjustment layer tab. That way We made adjustment layers directly corespondent to character layer.


STEP FOUR:
Double click on adjustment layer icon and adjust settings for Shadow and Light layers.


STEP FIVE:
Invert mask by selecting each adjustment layer mask and press CTRL + i.


STEP SIX
Select Light layer and chose your soft brush. Draw areas shat should be brighter from light.

STEP SEVEN:
Use this same method to mark shadow spots.
Cut_Out_People_Tutorial_Relighting_07

FINAL RESULT:

Cut_Out_People_Tutorial_Relighting_08
Cut_Out_People_Tutorial_Relighting_09
 
This tutorial is from http://www.viz-people.com. If you want to see more tutorials by visiting and registering in their site. You can also download freebies like cutout people, hdri, and models.  

Tuesday 24 January 2012

Must See Mental Ray Tutorials

Are you a Mental Ray Users? One of the blogs I really love to read and reblog is www.cgdigest.com. I came across this 21 must see mental ray renderings here it is. Visit CGigest for more tutorials..

21 “must see” Mental Ray tutorials

Although I am not a mental ray user, I realize that it is a very powerful rendering engine and it is being used by a lot of cgdigest.com readers. Therefore, I have compiled a list of 21 mental ray tutorials that I think worth a look. Some of them are new, some of them are old, but still there is a lot too learn from them.

1)  How to use mental ray ambient occlusion as a separate pass.

Continue reading

15 Essential Vray Tutorials

Here is a list of 15 vray tutorials that I think everybody should read. It covers everything from materials and shaders to illumination and rendering settings.


1) Critical vray  settings
Without any doubt, this should be the first one on the list. It’s an in-depth analysis of all the critical vray settings that affect your scene one way or the other. It covers topics like irradiance map settings, image sampler, lightcache settings and more.
http://3dats.com/Images/Tutorials/Critical_VRay_Settings_Part_I.pdf

2) How to create incredibly realistic grass
Although you will need a really powerful workstation in order to use the technique shown in this tutorial (especially if you have large areas of grass in your scene), the results are truly amazing.

http://www.peterguthrie.net/blog/2009/04/vray-grass-tutorial-part-2/
3) How to create a lampshade material
A tutorial that explains how to use the vray2sided material in order to obtain materials like lampshades, curtains, etc.

http://www.cgdigest.com/index.php/creating-a-lamp-shade-material-in-vray/

4) How to setup a sky scrapper rendering
This is a very interesting tutorial that shows you a very unconventional way to setup a rendering of a skyscraper at night.

http://www.pixelab.be/blog/2008/03/09/tutorialmaking-of-vincent-van-duysen-tower-in-beirut/

5) Night exterior illumination
A tutorial that explains, in a systematic way, how to setup the illumination for a night time rendering of a small villa.

http://www.cgdigest.com/index.php/night-rendering-tutorial-vray/

6) Daytime exterior lighting
A tutorial that reveals a method to light an exterior scene in vray, using image based lighting.

http://en.9jcg.com/comm_pages/blog_content-art-150.htm

7) How to render an architectural scene with hdri
A classic way to light an architectural rendering using hdri

http://www.cgarena.com/freestuff/tutorials/max/hdri-vray/index.html
  
Night interior rendering tutorial
An interior rendering tutorial that explains  how to setup a night illumination rig with vray

http://www.cgdigest.com/index.php/night-interior-rendering-tutorial-using-vray-and-3d-max/

9) How to render realistic snow with vray displacement

http://www.3dtotal.com/team/Tutorials_3/snow_displacement/snow_displacement_01.php

10)  How to setup and render convincing materials like chrome, silver, stone and glass


http://cg-india.com/tutorials/3dsmax_makkingof02.html

11) How to use hdr images (hdri) in vray
A tutorial that takes you through all the necessary steps to use hdr images in your scenes

http://www.aversis.be/tutorials/vray/basic_hdri_01.htm

12) How to render a liquid in a glass
Rendering a liquid in a glass can prove to be problematic. If you model it like in real life, the polygons located at the interior of the glass will be microscopically close to the geometry of the liquid, which can result in coplanar faces and therefore, artifacts when rendering.
Checkout this tutorial to see how you can avoid all that trouble.

http://www.spot3d.com/vray/help/150R1/tutorials_glassinterface.htm

13) Gamma 2.2 or Linear Workflow (LWF)
A very well documented tutorial that talks about every aspect of working with gamma set at 2.2. When this concept was introduced for the first time, it generated a lot of buzz. Most people couldn’t get it to work right and their resulting renderings had either the colors or textures washed out. This type of workflow is a bit different than the traditional way, so if you miss a step you get unexpected results. Fortunately, this tutorial explains each and every step very clearly and it also sheds some light on the theory behind the concept of linear workflow.

http://www.aversis.be/tutorials/vray/essential_gamma_01.htm

14) Vray studio lighting tutorial
A comprehensive tutorial that explains how to create a studio lighting in rig in vray. This is especially helpful for art directors or furniture designers.

http://cg-india.com/Tutorials/V-Ray/3dsMax_tutorial_SL_01.html

15) How to create various reflective shaders and caustics

http://www.cgarena.com/freestuff/tutorials/max/differentshaders/index.html
If you know more vray tutorials that you think I should add to the list, feel free to post a comment with links to them.
A little introduction

After having written the latest tutorial on linear workflow, I have received an email from Jackie (a frequent reader of this blog), who claimed that he had followed the instructions shown in that tutorial, but still ended up with washed out renderings. After having seen the rendering that he had attached to that email, I suspected that he had missed one or more steps.

So I asked him to send over the scene, and promised to do a case study which initially I thought it would be something like “be sure not forget to…. when using lwf”. It turned out I was wrong; Jackie had followed every step of the tutorial, but still ended up with a rendering that was lacking contrast a bit. What was the problem then?

Take a look at the following 2 renderings: (click to view a higher res version)
Would you believe that those are rendered with the same lighting and rendering settings? Actually they are. The only thing that is not the same is the geometry. I realize it may sound strange, but the way you model your scene may have a very big impact on the lighting.

Take a look at the following renderings:
As you can see, the way the geometry is modeled, environment lighting is getting into the scene through all the wrong places. There is no wall behind the camera, the ceiling is only modeled where it is visible in the camera viewport, etc, etc. Also, because of this, the lighting cast by the “light emitters” bounces out of the scene in an unnatural way, and all this will only result in a rendering that lacks contrast.
Bellow are a few images that illustrate a few changes made to that scene.
As you can see, the walls are modeled even where they are not visible in the view. The only thing that I left out (on purpose) is the area above the staircase (where there is actually a vray light that simulates a diffuse lighting source that is not directly visible). Although this may not seem like a regular “3d lighting tutorial”, looking at the differences between the 2 scenarios, made me believe that this can be even more valuable than a “step by step approach to interior lighting with vray”.Most of the times details like this are overlooked in regular tutorials. I am absolutely positive that I wouldn’t have thought to write about something like this if Jackie hadn’t mailed me the scene. The conclusion that we can all draw from this is that no matter what rendering engine you use, be it Maxwell, vray, brazil, fryrender, mental ray, it can not calculate correctly the lighting of your scene if the geometry is somewhat incomplete or incorrect (doesn’t matter if the rendering engine is physically accurate or if it uses a biased solution).
Note: In order to make this tutorial more clear and simple, I have modified a little the scene that Jackie had initially sent me. His scene was a little bit more complete, but still the effect was visible so I had to make it even more visible, just for the purpose of this tutorial.

Linear workflow (LWF) the easy way

Even after a few years since linear workflow (also known as gamma 2.2 method) first “appeared”, there still is quite a lot of confusion around the subject. This is caused by the fact that there are several methods to achieve the same result and several tutorials on the internet most of them explaining different workarounds.
In this tutorial I will try to show all the steps that I use for linear workflow (working with 3ds max and vray) and keep things as simple as possible. Bellow there are 2 images; the first one is rendered without linear workflow while the other one is rendered using this method. Although the second one looks much more natural, due to the even illumination and without color bleed, both of the scenes have exactly the same number of lights with the same light multipliers.
Click on the image to view a higher resolution rendering

Step 1
Go to “Customize”, “Preferences” and click the “gamma and lut” tab.
Check “Enable gamma /lut correction”, type 2.2 in the field next to “Gamma”.
Under “Materials and Colors” check both “Affect Color Selectors” and “Affect Material Editor”.

Step 2
In the material editor, select one of the materials and click on the texture in the diffuse channel. In the Bitmap Parameters rollout, click on the path of the bitmap and in the pop up window, under “Gamma” check override and type 2.2


If you haven’t started the scene from scratch and you are using an older scene, you must repeat the step above for all the textures that you have used. This is what most people forget to do and as a result they end up with washed out textures.

Step 3
Believe it or not, you are now ready to render. The only thing that you need to do when the rendering process is ready, is to save the file as an .exr format (you need a 32 bit image, not an 8 image). If you need to convert it to a jpg, open the exr file in photoshop, click on “image”, “mode” and choose 8bits/channel. Just out of curiosity, you can try to save the image as a jpg directly from the render. You will end up with a dark rendering. This is because the gamma is not burnt in the image, but with the settings shown in the previous steps, you have set 3ds max to display it correctly. If for some reason you need to burn the gamma into the image, you need to activate the Vray frame buffer, and under the color mapping options change the gamma from 1 to 2.2. I really don’t recommend doing this tough, because of the loss of quality.

The advantages of working with gamma 2.2 are obvious… less lights are needed to setup a lighting rig for an interior scene, less color bleed, faster rendering times, etc. I use this for almost every daylight interior scenes; for interiors with night illumination I tend not use it since I find it easier to get more “drama” in the renderings, the old fashion way.

How to make the walls and ceiling whiter in 3d renderings

This short tutorial has been written for 3ds max and vray users, but most probably you can easily “translate” the workflow in your favorite 3d software programs. Everybody knows that when using indirect illumination (GI), the color of the materials in a scene affects other objects as well, due to the light that “borrows” color information from a surface after having “bounced” from it. Although it is normal and happens in real life as well, sometimes the bounced light is affecting the scene too much and it doesn’t look right. The most common situations when this happens is when you have a wooden floor and the color ceiling and the walls becomes too red/orange (like in the example bellow).

If you use “linear workflow” that is less likely to happen, but if the deadline is knocking on your door, you need a quick way to adjust it and not lose time trying to find ways to do it directly from the render ( and completely change your workflow). Here is a quick solution that can prove useful in situations when time is a major factor: Make the material of the wall and ceiling a vraymtl wrapper, keeping the base material as it was.
Under “alpha contribution” type “-1”, hit render and save the resulting rendering as a tiff with alpha channel.
Open the rendering in photoshop, click on “select”, choose “load selection” and choose “alpha 1”. Now invert the selection, and you will end up with the selection of the walls and ceiling (which are the elements that are affected too much by the light bounced from the wooden floor).
With the selection active, use the hue/saturation slider from “image”, “adjustments” drop down menu until you obtain a desirable result. You can also use brightness and contrasts or level adjustments if you feel necessary.
Bellow is the result I achieved following the steps shown above.

Although this tutorial is aimed particularly at de-saturating colors on some elements of the scene, the same method can be applied in order to color correction adjustments on any particular materials you need, by making separate alpha channels for those specific materials and adjust the color and saturation from photoshop.

How to add depth of field using a zdepth pass

Brief introduction
Depth of field can prove to be a very effective way to add a “special” touch to an architectural rendering, or simply to focus the composition on a specific element. Technically speaking, there are several possibilities to add dof to an image. One way to do this is to add it from the vray camera rollout (if you are using vray), but keep in mind that the rendering times can go through the roof, so unless you have a render farm you may not want to consider this option.

Another way to achieve this type of effect is by adding it from the “effects” tab in 3d max. Even if this is way faster (being just a post-processing effect) I always feel the need to have more control over it regardless of the camera position or direction.

Rendering a separate zdepth pass
So here’s the way I do it. Under “Render Elements” click “add” and choose “vrayZdepth” (if you not with vray you can chose Zdepth instead of vray z depth, or the equivalent of your rendering software).


After hitting “render” you will notice that you end up with 2 rendered images, the main image and another one in gray scale. If you look closer at the gray scale rendering you realize that objects that are close to the camera are light gray, and they get darker as the distance between them and the camera increases.

Post processing the zdepth pass
Open both renderings in photoshop. Select the main rendering and duplicate the “background” layer. With the newly created layer active, click on “layer” drop down menu (at the top, between “select” and “image”), click “layer mask” and select “reveal all”.

Select the grayscale rendering and invert it (image>adjustments>invert). Now using the “rectangular marquee tool” drag a selection over the entire image than press “ctrl+c” in order to copy it to the clipboard. Select the first image again and click the “channels” tab. Activate the previously created mask (under RGB, red, green and blue channels) and press “ctrl+v” in order to copy the zdepth mask. Click the “layers” tab and select “background copy” layer to make sure you have the layer itself activated (and not the mask).Go to “filters” and apply a lens blur filter. As you will notice, thanks to the zdepth mask, the lens blur is affecting more the objects that are further away, and has less effect to the ones closer to the camera. The big advantage of using this method is that you can control the depth of field anyway you want, simply by editing (painting) the zdepth rendered pass.

Here are 2 examples that show the flexibility of this method.
Click the renderings to view higher res ones:


Camera match tutorial

Photomontage renderings, if done right, can be a lot more appealing and realistic than standard architectural renderings. The reason why this happens is that a real environment with dust, dirt, scratches and imperfections, by definition looks better than a computer generated one.

Furthermore, creating the entire scene in 3d can prove to be very time consuming, and if you are working in the architectural visualization business you know that deadlines are usually very tight and you can not afford to lose more time working on the environment than on the building.

Having said this, let’s start with the tutorial. Usually photomontages are used for exterior renderings, but in order to keep this tutorial as simple as it can be, I have chosen an interior environment.

Taking the photo
The most important thing when taking a photo that you will later use for camera match is to take as many accurate measurements as possible (you will need at least 5 reference points). Take a look at the photo below (click on it to view a higher resolution image)
As you can see, the dimensions are noted on all 3 axis (horizontal, longitudinal and vertical). The next step is to bring the photo into 3ds max. Click on “views”, “viewport background”, or just click “alt+b” (shortcut for 3ds max 9). Under background source, chose the image you need and select “match bitmap” under aspect ratio. Tick “display background” and select “active only” (with the perspective viewport active).
Click the image to view a higher resolution one
Now it’s time to model some basic geometry that we will later match with the photo. Make sure that under “units setup” in the preferences drop down menu the units are set to the same ones noted when you made the measurements (in this case, centimeters). You don’t need to model anything fancy… just a set of planes with the same dimensions as some elements in your scene. You need a 90.5×45 cm plane for the table top, a 20×20.2 plane for the vase and another plane placed at a distance of 4.6 centimeters behind the table top for the wall.
At this point it’s time to match the points of our geometry with the ones from the photo. With the perspective viewport activated go to “create”, “helpers”, “camera match”, “cam point”. With the snap toggle on, start creating cam points at the corners of the table top plane, and at the top corners of the plane for the vase.
Click the image to view a higher resolution one
Go to the “utilities tab” and click “camera match”. You will see the list with all the cam points you have created in the previous step. Select cam point 01, and click “assign position”. Now click the top left corner of the table top on the background image. By doing this you will tell the software that the cam point 01 needs to be placed at the position you have indicated. Repeat this step for all the cam points.
Click the image to view a higher resolution one
After having done this, click on “create camera”. If everything has been done correctly, this step will automatically generate a camera that matches the view of the photo. If you place a 3d model on the 90.5×45 plane in your scene, it will appear to be on the table top when rendered. 
Click the image to view a higher resolution one
General camera match advices
As I said at the beginning of the tutorial, camera match can help you create a photorealistic rendering in a shorter amount of time. However, it has a downside too; unlike a standard 3d rendering, you can not change the angle later, so it is better to take several photos of the environment and explain to the client that he needs to decide upon a view and he can not change his mind later. Taking dimensions for an exterior photomontage can proof to be more difficult than in the example shown in this tutorial. Therefore it is good idea to have objects with standard dimensions in your photos (like lighting posts, traffic signs, etc.). Bellow are 2 examples of photomontage renderings that I have done using this techniques (click on the images to view high resolution renderings).

Friday 20 January 2012

These Asian Visualisers keep on making me amazed on the quality of their rendering and modeling. Here is one of them; Sinung Wahyono, an Indonesian working as a 3D Visualizer in Jakarta. I stumbled on his site BLOG. Visit his site if you want to know more about him and his work. 

Here is one of his tutorial

3D Carving Modeling Tutorial by Sinung Wahyono


3d Carving Basic Technique 01


Hi..! it's my first tutorial about 3d Carving, i will explain step by step from basic form, thank you
Click on the image to enlarger > Right click to Save

1. Create a "Plane" > start from  Create Panel > Plane > then Right Click > Convert to Editable Poly > Rotate it a bit, about 40 degree


2. With vertex selection > move all vertex ( see the picture below )  > then Extrude Edges ( select edges + Shift + Drag )


3. Add some line with "Cut"  ( with vertex selection > Cut )


4. With Edge selection > select Edges ( see the Picture ) > then Full forward


5. Add some line inside the carving with "Cut"


6. Select middle Edges > then pull backward


7. Here the Final Low Poly


8. Final with  "Use NURMS Subdivision" , ( Iterations = 2 ) to smoothing