Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 21

The art nouveau room

هذا الموضوع : The art nouveau room داخل Making oFالتابع الي قسم ابداعات طريق الجرافيك : Preparations I had the basic idea of how the space should look like in my head. Therefore I started of ...

  1. #1


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270

    The art nouveau room




    Preparations

    I had the basic idea of how the space should look like in my head. Therefore I started of without a sketch, which I don’t really recommend, because it took me a lot of time to define all the details and I changed a few general things along the way, which at some point I didn’t like, etc. Anyway, it’s good to have at least a basic sketch, before you start.

    I had to get all the information I needed about the Art nouveau style. I already knew something about it, but needed more information in the terms of elements and their details. The art history books were a good start, but still not enough, so I started searching for reference pictures on the internet, which turned out to be very useful. I also needed some patterns, that had the characteristics of art nouveau designs, to use with textures, but I will explain more of that later on in the texturing part.



    Picture 1: Some of the examples I used as reference material

    Setting up the scene:

    I started out with only one room at first, but then decided that it would be good to make one more, the back room, so that the view gets a little more interest and depth. That way I also got more space, where I could add some more elements in the distance, which adds a lot to the diversity and reality of the scene. You can see the setup of the two rooms in the picture below.

    Picture 2: Setup of the two rooms

    Modelling


    As I sad, the overall modeling in this scene isn’t anything special. Mostly it’s all simple box, poly and spline modeling (plus booleans and some objects made with the lathe modifier) with some adjustments and smooth modifiers applied. However there are some detailed elements, which I will explain.

    The basic structure of the room is a simple box, to which I added a shell modifier. I could have extruded polygons to make the walls, but I decided to use the box method, cause it seemed faster and easier, since I didn’t have a sketch to work with. The downside of this method was, that I had to add some more boxes to make the remaining walls and then attach them to each other as editable polys, so I could unwrap it the way I wanted. If I had a birds eye view of the walls sketched, it would probably be better to use the extrusion method and avoid the additional procedures.

    I used boolean operations to make the openings for the windows and the door which leads to the back room. And that covers all the boolean operations used in this scene.

    The next step was modeling the floor. I decided to make it from wooden boards, which corresponds well with the period of art nouveau. I made a box, convert it to editable poly and chamfered its edges, then I used the array command to multiply it along one of the axis and attached all of the boxes to make a single object. To make it less uniform and therefore more realistic, I grabbed some of the vertices and moved them, so the boards got more diverse in width (b), and also cloned (a) some of the boards and adjusted their vertices to get more diversity in length (c) as seen on picture 3


    Picture 3: Making diversity of the floor boards

    The windows are also made from converted boxes of different sizes with the help of the inset, extrude and slice plane commands. A similar method was used for the stairs, except the basic shape was an extruded polygon made from splines.

    Some elements were modelled precisely to the reference pictures (for example the table, chairs and the cabinet), some of them are combinations of different reference pics. However I was forced to design some elements on my own too (the staircase and the small bookcase); the reason for this was either the lack of reference or the dislike of it.

    The radiators started off as instanced boxes with an edit poly modifier applied to them, so I could model the connections between them - again using the slice plane command, extruding the new polygons and chamfering some of the edges. At the top of the modifier stack there is a meshsmooth modifier, which makes the radiators look like they’re supposed to. The pipes are just renderable splines; the connections to the radiator and the walls and also the knob are modified cylinders.


    Picture 4: Process of creating the radiator



    I tried to match the chairs and table from Henri van de Velde as close as possible to the reference pictures, which wasn’t that easy, since I only had one reference view of the furniture.

    I made the framework of the chairs from boxes and splines with an edit poly modifier added to them and then extruding, rotating and adjusting the faces. To make the task a little easier, I only made one half of the chair and then used the symmetry modifier on it. The cushions for the chairs are also boxes but with increased segments; I used the soft selection method here and moved some vertices to make the edges and the transition between the framework and the cushions nice and smooth.

    The table legs are box modelled and the top part of the table is made of a few chamfered cylinders. The basic shape of the curved part which connects the top part of the table with the legs is made from a spline – also used extrude, inset and added a meshsmooth modifier.




    Picture 5: Modeling the furniture
    It was a bit tricky to make the gramophone. I went for the NURBS modeling technique here to make one part of it. First I drew the basic spline for the shape of the gramophone, then I used circular array to duplicate it and so I got the edges of the shape made only from splines. Now I had to use the ruled surface option within the NURBS creation toolbox with two of the splines to get one basic surface. I modified this surface to get the rounded look at the top and then just arrayed this shape the same as before and drew some more splines for the remaining edges with the snap option on. The rest of the gramophone is just some modified boxes, splines and cylinders.


    Picture 6: Modeling the gramophone using NURBS, splines and boxes



    عندما نعيش لذواتنا فحسب تبدو لنا الحياة قصيرة ضئيلة
    تبدأ من حيث بدأنا نعي وتنتهي بانتهاء عمرنا المحدود
    أما عندما نعيش لفكرة فإن الحياة تبدو طويلة عميقة
    تبدأ من حيث بدأت الإنسانية وتمتد بعد مفارقتنا لوجه هذه الأرض


  2. #2


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    The staircase was one of the things I couldn’t find a good reference for, so I ‘designed’ and modelled it myself. Nothing special really, I made the most of it from splines and just made them renderable. The spiral shapes are made from helixes, the bottom one which connects the staircase to the wooden stairs has also some height set up, so it looks like a spring of some kind. The balls are spheres, which sit at the ends of some spiral elements.

    Picture 7: The staircase
    The ceiling light is made from some lathe objects, spheres, cones and splines. For the basic shape of the element which connects the light to the ceiling I used a spline and then added the lathe modifier to it. The spherical part of the light is made from two spheres, cut in half in the sub-object mode. For the small curved details, that start at the bottom, I used path deform. I made a cone, that had a few height segments and a spline (I had to use snap to get it on the surface of the light), that I used for the path. Then I applied the path deform modifier to the cone and selected the spline as the path.


    Picture 8: Making the ceiling light
    The curtains were made with the help of the cloth modifier. I started with a plane, which had quite a few segments, applied the wave modifier to it and then converted it to editable poly, so I could fix the shape by moving some vertices with the soft selection method turned in. The next step was adding the cloth modifier – I could have used the garment maker to make the cloth behave in a more natural way, but the result with a simple plane was good enough for me in this case. I simulated the cloth and added some wind, ran simulate again and stopped it when it looked the way I wanted it. To give some thickness to the curtains, I used the shell modifier. Finally I put a noise modifier on top of the stack, just to make the curtains look a little more non-uniform.
    Picture 9: Process of making the curtains

    That covers the modeling part of this tutorial, I’m not going to explain how I made the remaining objects, because it’s just basic modeling and it is similar to the things i wrote before.


    Texturing and Lighting:

    Texturing played a huge part in making this image. I changed my mind a few times during texturing and replaced some of the textures I didn't like, so this part took me, I believe, more than half of all the work.

    The textures are mainly based on photo-reference, combined with custom made masks and lots of corrections in Photoshop. The shaders are all basic Vray materials with corresponding bitmaps.

    Picture 1: Texture examples
    Almost every object in the scene is unwrapped and has its own material with textures applied to it. I think there are about 20 or so different shaders used for all the parts of the image. I had to put a lot of effort to make the textures exactly the way I imagined them in my head. The fact that the scene is an old room, made the task even harder, considering all the dirt and wear.

    Preparing the images in Photoshop: All the bitmaps are either high quality jpegs or tiffs with LZW compression to keep the file size smaller (LZW doesn't affect the quality that much so it's useful if you work with tiff files). The average file size for a texture is about 1 – 1,5mb at 72 dpi and around 1500 - 2000 size in pixels, but some of them are larger in resolution and size as noted below, so the maximum file size for the textures was around 4mb, I think.
    Picture 2: Saving options for jpeg and TIFF files

    The main textures (for example the wall and the floor) are in a bit higher resolution (about 120 dpi and 3000 x 3000 size in pixels), just to make sure the quality doesn't decrease, when rendering a larger resolution. This also helps to keep all the small details in your bitmaps, for example the small differences in the bump maps which can make quite an impact on the final result .

    Picture 3: Average and higher resolution for textures used in the scene


  3. #3


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    Texturing in Photoshop

    After unwrapping all the objects, I had to get the UVs into Photoshop. Because I was working with 3Dsmax 7 which doesn't support exporting the UVW template, I had to either use the texporter plug-in or just take the screenshot of the Edit UVW dialog with the print screen button. I decided for the less accurate but faster and easier PrtScr button method. So I had to resize the saved screenshot in Photoshop to the size of the base texture which usually meant a decrease in quality of the UVW screenshot image. But that didn't bother me as you can always adjust the UVs later on in max if the finished texture doesn't match perfectly.

    The two most important objects in the scene that required most attention in terms of texturing were the walls and the floor. These two objects had the most impact on the general feel of the room. I wanted to create a nice and cozy atmosphere, so I chose mostly warm colors, orange for the walls and brown for the floor. I actually had the most problems with the floor texture and had to change it a couple of times, before I got it right. Eventually I got a fence texture made out of wooden boards and cut out the most straight boards (about 6 or 7 different ones) and multiplied them according to the UVW map, then painted some differences on each of them just to get rid of the repetition. On a new layer I filled some areas brown with the help of the paint bucket tool (playing with the tolerance option) and the option "Fill all layers" turned on (thanks to Jure Zagoričnik for that great tip). That way I got a nice layer of plaster and set it to 70 % opacity.

    Picture 4: Wooden floor texture
    The wall texture was a little easier and I made it a lot faster, although it consists of several layers and masks in PS. The scheme below tries to explain the basic steps of the process of creating it in Photoshop.


    Picture 5: Process of making the walls texture


    Picture 6: Final diffuse and bump maps for the walls



    Texturing and Shaders



    It is important that you know what you want to achieve, when it comes to textures and materials.

    I will start with the wooden floor texture, because I think its creation best describes the basic principles I used at creating other textures for this scene as well.

    The trick was to get the part of the floor where the plaster is a lot more reflective than the washed out part. To achieve that effect, I used the reflection map and also the reflection glossiness map. The reflection or specular map is used to define the area where the material reflects more and where it reflects less or doesn't reflect at all. The reflection glossiness map defines the areas where the reflection is more or less glossy and adds a lot to the realism. Both mentioned maps use the same color range as the bump map, from black to white. By the specular map, white means 100 % reflective and black means no reflection at all. Similar goes for the reflection glossiness map, but for the glossiness of the reflection of course. You may notice that at the wooden floor material the specular and reflection map are the same - this is because I wanted the parts that reflect less to also have less glossy reflections.

    Picture 7: The floor shader and maps


  4. #4


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    Other wood textures and the ones which contain dirt or scratches that reflect less, were made with similar procedures, where all of them use specular maps, but not the reflection glossiness maps, because it didn't seem necessary to use them in every case.

    The curtains material was made with the help of the opacity map. I wanted some patterns to be less transparent, so I made a b/w map where the cherries pattern is almost white, which means that it has almost no transparency (black means 100 % transparent), and the other part of the cloth is medium gray.

    Picture 8: The curtain material
    Since everything else was more or less dirty or stained, I decided to make the glass on the windows in a similar way. I drew some quick dirt maps in a brown greenish color in Photoshop with a few different brushes for the diffuse map. Then I just converted them to grayscale, adjusted the contrast a little bit and they were ready to use as the refraction maps and specular also.


    Picture 9: The glass textures
    There is also some Vray displacement used in the process of making the image, you can see it on the ceiling lamp and the green vase on the window shelf. These displacement maps are just images with small white patterns on a black background.
    Picture 10: Vray displacement maps



  5. #5


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    Lighting & Rendering
    For the lighting I used 7 Vray planar lights, one placed at each ******** You can see the settings on the image below. That took care of the scattered, indirect light.
    Picture 11: Lighting with planar Vray lights
    For the direct light that simulates the sun, I used another Vray light, but this time set to spherical instead of planar. Since I wanted to create a warm morning atmosphere, I set its color to a bright yellow/orange.
    Picture 12: Impact of the spherical Vray light

  6. #6


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    Additionally I used an HDRI image in the environment slot. It doesn't make a lot of difference in terms of reflections, because it is an interior scene, but it does affect the atmosphere in the room a little.

    Render settings are nothing special: for the global illumination I used the Irradiance map for the first bounce and QMC for second. The irradiance map is set to medium (40, 40) – it was enough and I didn't want the render time to take too long (already it was about 12 hours). The antialiasing is set to Adaptive subdivision and the Catmull Rom filter is used to make the image as sharp as possible.

    Picture 13: Render settings



  7. #7


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    Post Production


    Postproduction was done in Photoshop and includes some levels adjustments, because the original image that came out of the renderer was too dark in some areas and also adding volume light and the steam coming from the teacups.

    The volume light was added on a new layer – basically I just filled the areas I wanted to have some volumetric light effect and applied the Gaussian blur filter to them, just to get rid of the sharp edges. Since I filled these areas with a solid 100% white color, I had to set the layer opacity to about 30 % and that way I got a nice transparent volume light. I could do it in 3dmax but decided not to, because it didn't work the way I wanted it and it would take a lot of adjustments and time to get it right and besides, it renders for ages! So I went for the post method which I think looks just fine and takes only a few minutes.


    Picture 14: Postproduction
    The steam was made in a similar way – on a new layer and just painting some masks until it looked good enough – I know it's not very realistic but it works in this case.

    That's about it! Thanks for viewing this tutorial and I hope that you learned something new.

    Picture 10: Vray displacement maps


  8. The Following User Says Thank You to مسلمة For This Useful Post:

    ANONYMOUS (20 / 01 / 2014)

  9. #8
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2009
    الدولة
    السعوديه
    المشاركات
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0
    جهدمبارك اختي الكريمه ... جزاك الله خير...

  10. #9


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    بارك الله فيك اخى ريلاكس

  11. #10

    الصورة الرمزية رفيق
    مشرف الفوتوشوب والطلبات والأستفسارات

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2007
    الدولة
    الجزا ئـــ سكيكدة ــــر
    العمر
    33
    المشاركات
    4,126
    Thanks
    8
    Thanked 16 Times in 11 Posts
    الصور
    23
    معدل تقييم المستوى
    115
    الله يفتح عليك يا مريم

  12. #11


    الصورة الرمزية مسلمة
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2007
    الدولة
    qatar
    المشاركات
    10,885
    Thanks
    0
    Thanked 4 Times in 4 Posts
    معدل تقييم المستوى
    270
    بارك الله فيك اخى رفيق

  13. #12
    الصورة الرمزية karimn7
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Jan 2009
    الدولة
    الجزائر
    المشاركات
    174
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    17

    رد: The art nouveau room

    مشكور جدا في ميزان حسناتك

  14. #13
    الصورة الرمزية ateya3d
    Founder & Site Admin

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2006
    الدولة
    Egypt
    العمر
    38
    المشاركات
    12,125
    Thanks
    22
    Thanked 194 Times in 127 Posts
    الصور
    18
    معدل تقييم المستوى
    50

    رد: The art nouveau room

    بمشيئة الله تعالي اجد بعض الوقت لدي وواقوم بتحويل هذه الكنوز الي دروس ومحاضرات فيديو للجميع
    مقر طريق الجرافيك بالقاهرة
    7 شارع جامعة القاهرة - الدور الثالث - بميدان الجيزة
    Tel: (202)35696328 Cell: (2012)70770170 - (2011)16030067 - (2012)25134331



  15. #14
    الصورة الرمزية mrigua
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    May 2009
    المشاركات
    99
    Thanks
    0
    Thanked 0 Times in 0 Posts
    الصور
    9
    معدل تقييم المستوى
    12

    رد: The art nouveau room

    ماشاء الله عمل رائع

  16. #15

    الصورة الرمزية AzizX
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2010
    الدولة
    سلطنة عمان
    المشاركات
    561
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    21

    رد: The art nouveau room

    تسلم ايديك ممتاز و جيد جداا


 

 
صفحة 1 من 2 12 الأخيرةالأخيرة

المواضيع المتشابهه

  1. bed room 02
    بواسطة محمد مجدى في المنتدى عرض ونقد الأعمال | Exhibition & Criticism Designs
    مشاركات: 4
    آخر مشاركة: 17 / 11 / 2013, 21 : 01 PM
  2. Boy's Room
    بواسطة ABDe3N في المنتدى عرض ونقد الأعمال | Exhibition & Criticism Designs
    مشاركات: 19
    آخر مشاركة: 23 / 03 / 2013, 39 : 07 PM
  3. New Room
    بواسطة ABU-YuSuF في المنتدى عرض ونقد الأعمال | Exhibition & Criticism Designs
    مشاركات: 68
    آخر مشاركة: 05 / 03 / 2012, 51 : 05 PM
  4. my New rOOm
    بواسطة ABU-YuSuF في المنتدى Making oF
    مشاركات: 54
    آخر مشاركة: 20 / 03 / 2011, 36 : 12 AM
  5. bed room
    بواسطة MAJDSOUSY في المنتدى عرض ونقد الأعمال | Exhibition & Criticism Designs
    مشاركات: 4
    آخر مشاركة: 10 / 03 / 2008, 18 : 10 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 00 : 05 PM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO