About Orangegraphics
We are a graphic design studio specializing in creation of photo realistic visualizations. We are creative team of young people sharing big passion. Our studio is located in Poland. On our website you can find little store with high quality textures.
Thanks a lot for reading this Making of, we believe that it was interesting for you. Sorry for our English, we hope that it was easy to read. We invite you to visit our website and store. We are preparing a lot of new content for the store, so stay tuned and like our facebook page
[intense_social_icon type=”shopping-cart” link=”http://orangegraphics.pl/store/?lang=en” link_target=”_blank”]
[intense_social_icon type=”globe” link=”http://www.orangegraphics.pl/” link_target=”_blank”]
[intense_social_icon type=”facebook” link=”http://www.facebook.com/Orangegraphics /” link_target=”_blank”]
[/intense_column]
[intense_column size=”1″ medium_size=”1″ small_size=”1″ extra_small_size=”1″] [/intense_column]
[/intense_row]
[intense_spacer height=”50″]
Introduction
[intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] At start I would write something about work-flow. During learning process It is very common to work without some strongly settled steps. People start modeling, model just a few main elements, and start making materials, textures, shaders. Next some test renders, getting back to modeling etc.It is very not-efficient and time consuming way of working. We strongly recommend working with some steps. In our studio we always stick to this basic plan:
1. Concept
2. Modeling
3. Textures & Shaders
4. Lighting and rendering
5. Compositing and Post-Production
With that approach you can take best of your time. Important thing is to think at start to make some concept of final effect. Without an general idea it is pointless to start working on details.
[/intense_column]
[intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″]
[intense_animated type=”fadeInRight” scroll_percent=”100″][intense_image image=”8622″ alt=”Introduction”][/intense_animated]
[/intense_column]
[/intense_row]
[intense_spacer height=”100″]
Preparations
[intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”12″ medium_size=”12″ small_size=”12″ extra_small_size=”12″] Project which we are going to feature is called „Apartment 4you”. It is a commissioned job done in third quarter of 2014. Main aim of this project was to create a single interior which present on equal proportions couple of client products: furniture, door, floor ,sofa and decorative accessories. Project have to be warm and cozy, make feeling of inhabited. Final image had to be in ratio of 16×9 and prepared for printing in size of 6x3m,
Having all those facts we could start gathering some materials. At first we had to develop main concept of project. After a short Brainstorm came up very rough idea. Project will be small contemporary loft, with lot of decorative details, fabrics and so one making it feel inhabited. We managed to convince our Client that sunny day lighting could not be the best option here and we get the acceptation for colorful sunset making final image even more cozy and homelike.
We knew that the project will involve a lot of stuff, so we started from preparing models of key elements, crucial for our project. All project were done using Autodesk 3ds max 2014.
[/intense_column] [/intense_row] [intense_row padding_top=”20″] [intense_column size=”8″ medium_size=”8″ small_size=”8″ extra_small_size=”8″] [intense_animated type=”fadeInLeft” scroll_percent=”100″][intense_image image=”8228″ alt=”References for the project” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeInRight” scroll_percent=”100″][intense_image image=”8229″ alt=”Basic set of 3d models” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [/intense_row] [intense_row padding_top=”5″ class=”rowjustify1″] [intense_column size=”8″ medium_size=”8″ small_size=”8″ extra_small_size=”8″] In every project it is a must have in our studio to gather some inspiration images. We digged a little in the internet and collect various references. They are base for us of different elements, mood, color-grading, some details, etc. At this stage, with raw model and general concept of the project we have been ready for next step.
[/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] Furniture, involving two areas, dining with large table, and living with sofa and a coffee table. Next door, two big loft-like windows. We had to keep in mind that the floor have to be important too.
[/intense_column] [/intense_row] [intense_spacer height=”100″] [intense_row padding_top=”0″] [intense_column size=”5″ medium_size=”5″ small_size=”5″ extra_small_size=”5″] [intense_animated type=”fadeIn” scroll_percent=”100″][intense_image image=”8249″ alt=”Conception” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”7″ medium_size=”7″ small_size=”7″ extra_small_size=”7″]
Main concept of composition
It is common in our work-flow that we prepare main composition of view and send it to our client. I t is very important to have accepted basic plan before starting further work with materials, lighting and details.
Those are couple of concepts, showing the progress how the idea evolved.
At this moment we could start working on details
[/intense_column] [/intense_row] [intense_spacer height=”100″] [intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″]
Room modeling
At first we started to add details to our room. Wooden ceiling is done with floor generator to achieve automatic UVW mapping and ID’s set properly for multitexture map ( both great Plug-ins can be downloaded from www.cg-source.com). Then with poly modeling we added main wooden blocks and metal legars. Floor is done simply with floorgenerator. We get the dimensions of real floor boards from the client and use them in floorgenerator.
[/intense_column] [intense_column size=”3″ medium_size=”3″ small_size=”3″ extra_small_size=”3″] [intense_animated type=”fadeInRight” scroll_percent=”100″][intense_image image=”8252″ alt=”Ceiling” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”3″ medium_size=”3″ small_size=”3″ extra_small_size=”3″] [intense_animated type=”fadeInRight” scroll_percent=”100″ delay=”400″][intense_image image=”8253″ alt=”Room 3d model” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [/intense_row] [intense_row padding_top=”10″ class=”rowjustify1″] [intense_column size=”12″ medium_size=”12″ small_size=”12″ extra_small_size=”12″] Windows are modeled with poly modeling paying attention details. We had an idea of making main wall with windows from bricks with displacement. This is the reason why it get extra connects to divide all surface on smaller polygons. That way it can be achieved better results with displacement. All displacements have its own algorithms of subdividing mesh before applying changes on the meshes according to the applied maps. With the mesh divided on smaller polygons it is way easier for them to get accurate results.
[/intense_column] [/intense_row] [intense_spacer height=”100″] [intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”3″ medium_size=”3″ small_size=”3″ extra_small_size=”3″] [intense_animated type=”fadeInLeft” scroll_percent=”100″ delay=”10″][intense_image image=”8517″ alt=”Lanterns 3d models” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [intense_spacer height=”30″] [intense_animated type=”fadeInLeft” scroll_percent=”100″ delay=”10″][intense_image image=”8518″ alt=”Vase 3d modeling” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”3″ medium_size=”3″ small_size=”3″ extra_small_size=”3″] [intense_animated type=”fadeInLeft” scroll_percent=”100″ delay=”210″][intense_image image=”8516″ alt=”Gadgets 3d models” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [intense_spacer height=”30″] [intense_animated type=”fadeInLeft” scroll_percent=”100″ delay=”210″][intense_image image=”8515″ alt=”Bend modifier” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″]
Assets modeling
We have received a list of accessories to use. So our task was to model them from the photos. There wasn’t anything very hard or tricky, just a lot of work.
– For those glass vessel we used Lathe with Turbosmooth
– Lanterns were modeled with poly modeling. Spiral elements on cylindrical Lanterns are done with the help of Twist and Bend modifier.
– Set of three small decorative vases are identical simple 3 models with turbosmooth modifier. On all of them are placed Displace modifiers applied on selection of polygons. To all of those modifiers we put different 3d procedural maps(noise and cellular),
– Sofa is modeled with poly modeling, starting from simple base mesh and constantly adding details. Pillows and Fabrics were made with Marvelous Designer, which is amazing software for such work. After importing meshes to 3ds max we applied ProOptimizer modifier to simplify meshes a bit.
– Other accessories were made in similar way, using mainly poly modeling. We are trying to start setting UVW mapping’s just after modeling object. This way we end up with scene ready to applying shaders.
[/intense_column] [/intense_row] [intense_spacer height=”100″]Floor textures
[intense_animated type=”fadeIn” scroll_percent=”100″][intense_image image=”8626″ size=”fullsize” alt=”Floor texture” shadow=”3″][/intense_animated] [intense_row padding_top=”15″ class=”rowjustify1″] [intense_column size=”12″ medium_size=”12″ small_size=”12″ extra_small_size=”12″] We used textures from our brand new online store. Let me tell you few things about it.
Our first set of products are textures of wooden floors. They are in extremely high resolution and quality. Every single plank is unique, hand picked and precisely verified. The resolution of textures is about 200px on one cm in reality, so will suit the most requiring projects. One plank leght is 25 000px. Our aim is to provide the highest quality products for CGI artists.
Curious about your opinion, we are working on next products to add new top quality content in near future.
More information www.orangegraphics.pl/floor-textures/
Visit out online store: www.orangegraphics.pl/store//
[/intense_column] [/intense_row] [intense_spacer height=”100″]
Materials
[intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”12″ medium_size=”12″ small_size=”12″ extra_small_size=”12″] Mostly used in our pipeline renderer is Vray with all it’s reliability and predictability. We like it a lot. At start of “Apartment 4You” project we begin to set materials with this renderer. It was a time when a lot of projects featured on internet using Corona Renderer software. From curiosity we started testing it. Corona amazed us with simplicity and the quality of lighting. With a little worries how it will handle complex interior project We decided to give it a try. This was our first complete project using new renderer, there was a little worries how it will handle, but after small tests It convinced us that it was a good decision.
After finishing modeling process we started to create materials. At beginning we used great CONVERTER SCRIPT which allowed us to convert our Vray materials for Corona materials. It all needs of course a little tweaks and changes, but overall the effect of converter was surprisingly good. Materials are generally quite simple, below there are a couple of them shown:
[/intense_column] [/intense_row] [intense_spacer height=”10″] [intense_row padding_top=”0″] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeInUp” scroll_percent=”100″ delay=”10″][intense_image image=”8528″ alt=”Blanket corona shader” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeInUp” scroll_percent=”100″ delay=”210″][intense_image image=”8527″ alt=”Floor shader” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeInUp” scroll_percent=”100″ delay=”410″][intense_image image=”8526″ alt=”Fabric shader” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [/intense_row] [intense_spacer height=”10″] [intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] BLANKET
It is a simple Corona Material. In Diffuse there is a falloff mixing two the same textures. They are only darkened and brightened using color Correct Map. We are very often using ColorCorrect map instead default 3ds max ColorCorrection map as in our opinion it gives much more flexibility of Color-grading different textures and maps. In displacement is Composite map mixing Diffuse map with hand-painted black-white displacement map.
[/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] FLOOR
In floor we used textures done especial for that project. We had received the real samples of planks from our customer, and using big-formatted scanner prepared textures( about 25000 px length of single plank). The same way we are doing our textures, which you can find on our store.
In floor material we used CoronaRaySwitchMtl to avoid exaggerated color bleeding effect from light bouncing from our quite saturated floor. Textures are loaded using MultiTexture plugin from cg-source.com, allowing us with floorgenerator to get extra randomness and great quality in just few clicks.
[/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] FABRIC BLINDS
In Fabric blind the most important is to set proper translucency and check Thin(no refraction) option in refraction roll-out
All other materials are done in the same method, using good quality textures and mostly basic Corona Mtl.
[/intense_column] [/intense_row] [intense_spacer height=”62″] [intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] [intense_animated type=”fadeInLeft” scroll_percent=”100″][intense_image image=”8536″ alt=”Lighting”][/intense_animated] [/intense_column] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] [intense_spacer height=”38″]
Lighting
After preparing basic shaders on all models, it comes time for the best part, working with Light. We had some certain imagination of color grading which we have wanted to get. It is difficult to achieve late evening lighting with maintaining all details of products.
We have chosen one reference image of sky in the dusk to get nice colors of dusk lighting.
To achieve as much of control as it is possible there was taken decision to not use sun/sky system or HDRI lighting. Instead of that we tried to reproduce needed dusk lighting with Area lights.
[/intense_column] [/intense_row] [intense_spacer height=”30″] [intense_row padding_top=”0″ class=”rowjustify1″] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] With the help of gradient ramp map we recreated the reference sky gradient and applied it to the color slot of Corona Lights. There are placed in the windows, as main source of lighting in scene. To achieve nice shadows, smaller area lights are placed on the top of windows with much stronger Intensity.
Next step was preparing very rough environment to get realistic look of window-views. To lit it in natural way, there was added sun/sky with lowered Intensity
[/intense_column] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] [intense_animated type=”fadeInRight” scroll_percent=”100″][intense_image image=”8539″ alt=”Lights setup” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [/intense_row] [intense_spacer height=”100″]
Post-Production
[rev_slider slider_makingof_Apartment_post] [intense_spacer height=”30″] [intense_row padding_top=”0″] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] Before saving ready render, We have tone-mapped it using great features of Corona renderer Virtual Frame Buffer. Instead trying different color mappings, trying to find good balance between burn-out s, lighting and shadows, Corona allows us to get maximum advantage of 32bit output, using just two simple parameters: Exposure Compensation & Highlight Compression. All render was saved into 16-bit Tone-mapped PNG files. As the 32 bit’s exr in big resolutions are very big and difficult to handle by various post production applications.
[/intense_column] [intense_column size=”6″ medium_size=”6″ small_size=”6″ extra_small_size=”6″] Post Production was made in After Effects CS6. We are trying to avoid making Post-production in Photoshop, mainly from those reasons: [intense_icon type=”circle” color=”#858585″] PSD files using a lot of render elements in big resolutions ends up I very big sizes.
[intense_icon type=”circle” color=”#858585″] Compositor softwares are prepared to handle very big amount of datas as big resolutions and footages.
[intense_icon type=”circle” color=”#858585″] Any changes made in renders immediate affects post-production project output
[intense_icon type=”circle” color=”#858585″] Using some kind of Compositor software train yourself and prepare for animation approach
[intense_icon type=”circle” color=”#858585″] We are aware that a lot of great CG artists are doing post-production in painting software like Photoshop etc, but we highly recommend trying some kind of compositor software like Fusion, Nuke or After Effects.
[intense_icon type=”circle” color=”#858585″] Final stage was adding little hair-like details to carpet in photoshop, They were simply done as overpainting from parts of photos found in internet.
[/intense_column] [/intense_row] [intense_spacer height=”100″]
Final Render and additional cropps
[intense_animated type=”fadeIn” scroll_percent=”100″][intense_image image=”8569″ size=”fullsize” alt=”Final rendering” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [intense_row padding_top=”30″] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeIn” scroll_percent=”100″ delay=”10″][intense_image image=”8568″ alt=”Render details” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeIn” scroll_percent=”100″ delay=”210″][intense_image image=”8567″ alt=”Render details” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [intense_column size=”4″ medium_size=”4″ small_size=”4″ extra_small_size=”4″] [intense_animated type=”fadeIn” scroll_percent=”100″ delay=”220″][intense_image image=”8566″ alt=”Render details” shadow=”3″ lightbox_type=”magnificpopup”][/intense_animated] [/intense_column] [/intense_row] [intense_spacer height=”100″]