Session 2C | Dec 04, 2015

Session 2C | Dec 04, 2015

Render Struggles

Ujal Gorchu
for neko

Low resolution image. Sorry for inconvenience.

low  roof

Hey Neko! Do you think this works? I mean if I lower the roof I can actually gain some space down there where I need to put the drawings.

Render version 2

Hey Neko! So here’s the version with the full building. Let me know if the roof perspective doesnt look right (I had to clone stamp the whole roof).


I think I made my mind about the overall composition

sec hybr for neko

Second shot on this style. Kind of satisfied with it but still want to hear what you think about it. and btw, I cant uplaod the Photoshot file because it’s too heavy, do you have any alternatives?

for neko

Hey Neko! I really liked this style and it looked easy, so I sat for an hour trying to make something like this, but I successfully failed. Layers got too messy and I couldn’t get the same “brush” effect. Do you have any suggestions or maybe some methodology I can possibly use? Would be forever thankful =D =)


18 responses to “Render Struggles”

  1. Neko says:

    Oh yep sorry I didn’t have time to upload the yesterday’s lecture, will do right now. As for your render, you’ve uploaded the image size of 1000x3000px. Not sure if that’s the format you want to render, but if it so, this vertical panorama will be very difficult to pull off. My suggestion is: since your time is tight, do a bit more “conventional” view that will not give you headaches :) Also, I think the views we talked about in class (more perspective, less elevation) show your project in better, more flattering, way. And yes… sketches, sketches… Let’s do something quick and productive: Give yourself 10 minutes. Draw sketches of 2 views, with people “doing something”. Then another 10 minutes, for sketches of entire poster layout, with drawings. Then you’ll know much better what to do :) And if you still don’t – upload sketches and I’ll help you. :)
    As for the examples, actually a good place to look for is search for “Architectural presentation” or “architectural presentation boards” on Pinterest! I’ll be uploading the lecture in a moment, though.

  2. Neko says:

    Hey! Yep that’s a nice example, and yep the Photoshop file can get very busy. In fact, it’s nothing unusual for an image like this (or a typical rendering) to have 50 or more layers. That’s why organizing stuff in Layer Groups help keep things tidy.
    Make a screenshot of your file (with layers panel open) so I can see where you got stuck and how I could help you.

    As to the brush effect, there are couple of things you can do:
    – First, find a brush that looks like “watercolor” (has a watercolor texture). There are bunch of brushes that come with Photoshop, but most of them are not loaded by default.
    – Set the brush opacity to something relatively low, maybe 15%.
    – Set brush blending mode to “Multiply” (not the layer mode, but the brush itself).
    – Then maybe after you paint, find a nice “watercolor texture” online and put it over your painting with overlay to give it more texture.

    I made a quick photoshop file you should check, with all this information. See the layer organization, too:
    Download the PSD here:
    Click to download PSD
    Image preview:

    • Neko says:

      Note how sometimes, with some brushes you need to paint with a lot of discipline. In this particular brush I used, I needed to keep all the brush strokes in the same direction (diagonal in this case), so that the texture of the brush get emphasized.

  3. Neko says:

    “Sorry for the constant uploading”: On the contrary, I wish all of you were doing the same, uploading a lot.
    What I am puzzled by is why on all your posts the images appear so big – I know they ARE big, but I wrote a code that resizes on-screen images, and apparently it works on everyone’s post instead of yours. :)
    Interesting composition with the full-color gradient. I see that the drawing doesn’t show. Maybe try to email me your Illustrator (AI) file so I can see what’s wrong?

  4. Neko says:

    The new section you uploaded, with the trees: I think this is developing really nicely! The color palette is really good, and overall the image is very nice. Maybe it’s a little too much, it has several different types of texture, and if you only went with one “texture language” it would work better. I find the texture made of “white points” that is particularly distracting in the zones where the “ground” meets the sky. Also the same texture tends to dissolve the edges of the building too much, especially on the right side of the building.
    The trees are looking really nice!
    One thing – the big tree on the left side, part of it “enters” the building just below the staircase. I didn’t understand that – is that part all glass so the tree is seen from the back?
    My suggestions for you to go on:
    – Try to do a bit of a clean-up: First, limit the textures to only one “language”. If it’s watercolor, than just do watercolor textures (which look great, especially on trees), but in this case this white dots are something completely different, so you can remove it.
    – Sketch me how this image works with the entire poster (is this the format of actual poster and other elements will go on top of it, or is it one element of composition only?)
    – Don’t worry about sending me PSD, I can see more or less what’s going on inside of layers. Once you get rid of extra textures, I think you will have more ordered layers, too.

    Looking forward to see what’s coming next (more than anything: sketch of the entire poster). In the meantime, maybe search Google for “Japanese Watercolor”, it may give you some idea on how to clean-up textures and yet keep this look you’re having.
    Great work, thanks!

  5. Ujal Gorchu says:

    First of all, This is just an extra hybrid drawing I wanted to do, so the actual render would be developed version of the first one I uploaded ( I plan so). And yes, I understand what you mean by different languages, I’ll try to limit myself a bit, just got caught up at 5am =D

  6. Neko says:

    Hehe, yeah it’s easy to get carried away at those late night (early morning?) hours. BTW – I moved this post to 2C, let’s keep 2D for finished work only, and 2C for all work in progress.

  7. Neko says:

    And yep – send me the sketches of entire poster before you go on with the renderings, so I can help you optimize the effort (most effect / least time spent) :)

  8. Neko says:

    The new composition & rendering: this looks fantastic! Excellent rendering, nice color palette, great touch with outlines. My only remark is that you should try and see if there is a way to fit the entire building in (right now the top gets cut off and it’s very distracting). The section also look great. I appreciate your willing and energy to experiment (what you did with “watercolor” section), but I even more appreciate the courage to discard what you’ve been doing and try something completely different.
    Great work, thanks!

  9. Neko says:

    btw- if you happen to get the comment from Firat or Laura that the landscape around the house doesn’t look too much like the Burgos landscape (which does in a way, but just IN CASE you get the coment), then don’t freak out, just put some typical Burgos mountains far in the back (very pale). See this for reference:

    or this

  10. Neko says:

    You’ve done a great job clone-stamping the roof! The rendering looks excellent, only now it makes the section drawing too small. You can overcome this by either moving the black gradient a little up, to gain more black space, or making the drawing a little brighter color (so the drawing is still smaller, but the lines are more bright – hence more contrast against black – hence more visible).
    Also: when you print on black background, usually you maybe want to have lines a little thicker (maybe 25%) than when you print on white background. Because the black ink will physically “eat up” your lines (this also depends a lot on printer and paper quality), plus white on black visually looks a bit thinner than the same line if it was black on white.
    But just to know, maybe you need to make your lines a bit thicker in AutoCAD before exporting (or later in Illustrator).

  11. Neko says:

    btw- after you finish everything else, and if you have time, you may want to revisit a few details on the rendering (but only AFTER everything else is done)
    – there is a very intense patch of white (two white rectangles) that I assume come either from sunlight or some reflection. it is a bit distracting (although not too much, I only noticed it on my 3rd observation of the rendering).
    – maybe you’d want to add some person doing something somewhere. very dark silhouettes are good enough.
    But all this after you’re done with everything else, because these are details and the rendering is already so gooood that now you better spend your time on other parts of the poster (or sleeping!)

  12. Neko says:

    Lowering the roof: I think it looks good, and I wouldn’t even see this little “cheating”. So its fine :)

  13. Ujal Gorchu says:

    Hey Neko, thing is, I don’t know why my illustrator wouldn’t accept my cad ( neither 2007 or 2010) so I had to use them as pdfs. But I can’t change the color of the drawings, I remember you saying that it’s possible with jpegs but its extra 3 steps. would you mind sharing those? =)
    And another thing, my brushes on photoshop are all pixelated for some reason, I mean I am sure that I am useing brush and not the pencil, I switch to “basic brushes” but they all are pixelated, any ideas?
    Finally, I need to create an A1 presentation board but illustrator won’t accept that size for some reason, do you know why. If this is not possible can you suggest an alternative?

    • Neko says:

      Dude, first, you need A2, not A1! :) The Illustrator doesn’t have a A2 preset, so you need to manually enter the width (59.4) and height (42cm) in centimeters. TO do that, choose “Custom” from the preset (see the videos).

      Then the issue with CAD: what version of Illustrator you use? I think I’ve seen you use CS4, which means that probably even AutoCAD 2007 was too recent at the time that version of Illustrator came out.
      At first, I would try to save down to even lower AutoCAD version (don’t go lower than 2000, though). I think even AutoCAD 2000 should work, without losing any important data, so first try that.

      If that doesn’t work, there are several ways to “recolor” the drawing, check this link for example.
      OK I just realized this link is CS6, but I remember most of the options were in CS4.

      If Recolor option is not there in CS6, here’s a plan B (or plan C, actually!)
      Basically what you (probably) want is just to change two things:
      – Outline color of your lines, from black to some lime/green/yellow color (like in your sketch).
      – Fill color of your solid hatches, also from black to the same color.

      If that’s the case, the quick version is (after you do the Release Clipping Mask! see my tutorials when importing PDFs).
      – Select a line you want to change.
      – Select Menu > Same > Stroke Color. Now all the lines with the same stroke color (outline) will be selected.
      – Now just manually change the stroke color (ie. pick a color from your image using Eyedropper tool) (and all selected will get their color changed).
      – Then select a “filled shape” (your AutoCAD hatch you want to change).
      – Select Menu > Same > Fill Color. Now all the similar objects (with same fill color) will get selected.
      – Repeat the same step but pick the color for the “fill” color, not outline.

      If you have more colors (ie. grays) you want to change, the process is the same.
      I am not sure if what I’ve written is comprehensible enough :) but between the
      plan A : use AutoCAD 2000
      plan B : use Recolor option from Quora
      plan C : Select > Same > Stroke Color, etc…
      you will find the solution! :)

      also, plan D:
      plan D:
      – Just invert colors on your drawing (you’ll get a white lines/fills).
      – Now draw a lime-color rectangle to cover all your drawings.
      – Set its blend mode to Multiply: now it will darken your drawing, so white will become lime color, etc…
      Plan D is obviously easiest to do, but I tend to prefer “cleaner” solutions, because this overlay can mess up with your black background, too. To avoid that, you would need to convert your document color mode to CMYK, and then make sure that the black color behind is not only 100% black but 100% cyan, 100% magenta, 100% yellow, 100% black.

  14. Ujal Gorchu says:

    Thank you very much,but I needed the a1for another poster and when I try to do custom size on illustrator for some reason it wouldn’t let me type in. and is there anything you can suggest for brushes?

    • Neko says:

      Which brushes are you asking about, for your A2 poster, or something else?

      • Neko says:

        Another thing: if you have some time, add a person or two doing something, either inside of the house, or in front of it. It’s ok for the figures to be black sillhouettes (in fact, I would say it’s the preferable styling, to make it work with the rest of the images).
        By the way, also let me know how’s the other image (rendering or model photo) looking. Thanks!

Leave a Reply

You must be logged in to post a comment.