sketchucation logo sketchucation
    • Login
    ℹ️ Licensed Extensions | FredoBatch, ElevationProfile, FredoSketch, LayOps, MatSim and Pic2Shape will require license from Sept 1st More Info

    LayOut + Sketcher + ArtRage

    Scheduled Pinned Locked Moved LayOut Discussions
    layout
    15 Posts 5 Posters 1.3k Views 5 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • bmikeB Offline
      bmike
      last edited by

      Been toying with some alternate digital watercolor techniques.
      Here's the best one that I've done.

      cropped-watercolor.jpeg

      Several versions of the file exported from LO to JPG and PNG. I exploded vector versions to control what was visible - basically setting up masks for my watercoloring.
      I processed a simple textured model output in Sketcher for Mac, that becomes my base layer.
      Several layers brought into ArtRage.
      Hand colored / watercolor applied using ArtRage and Wacom Intuous Pen and Touch.
      Adjusted pen lines, added people.
      Etc.

      I can play with this all day, but have to stop.
      The key for me was using LO to export images... I was doing this out of SU direct and had miserable results with line quality and controlling the sketchy edges. With LO I can set the point size of various pages, and then combine later.

      mike beganyi design + consulting llc

      1 Reply Last reply Reply Quote 0
      • pbacotP Offline
        pbacot
        last edited by

        The advantage or an NPR like this is saving time with all the textures, lighting, and entourage needed for a making renderer output look right. The disadvantage is that almost all the steps need to be repeated for every revision. A fast and concise (fewer softwares) workflow is helpful to save time and money.

        Mike, What do you mean set the point size out of layout?

        MacOSX MojaveSketchUp Pro v19 Twilight v2 Thea v3 PowerCADD

        1 Reply Last reply Reply Quote 0
        • bmikeB Offline
          bmike
          last edited by

          @pbacot said:

          The advantage or an NPR like this is saving time with all the textures, lighting, and entourage needed for a making renderer output look right. The disadvantage is that almost all the steps need to be repeated for every revision. A fast and concise (fewer softwares) workflow is helpful to save time and money.

          Mike, What do you mean set the point size out of layout?

          This at the moment is pretty involved... no doubt.
          I can simplify it down quite a bit, but something I am trying on here is setting up the LO file so that I have areas that I can mask out to easily paint in the watercolor... so when I get into exterior and intereior design with clients I would rather paint with styles like this than get into realistic rendering and output. Leave it a little dreamy and in washes.

          If I setup the basic colors in SU (even if I had 2-3-4 options for walls / roof / interiors etc. I could do this in 2-3 steps and it would be ALOT faster. Basically SU > LO > Output a JPG, PNG linework, and a PNG solid shape for background knock out or paste in. Then into Sketcher for watercolor effect, then assemble in Pixelmator.

          Regarding the point size - you can alter the thickness of lines in LO with the SU Window.

          Screen Shot 2015-03-26 at 3.17.17 PM.png

          Screen Shot 2015-03-26 at 3.17.31 PM.png

          mike beganyi design + consulting llc

          1 Reply Last reply Reply Quote 0
          • D Offline
            driven
            last edited by

            @bmike, are all the styles in the SU model?

            In an 'experimental' version of 'View Port Ratio' it's a one click in 'context menu' option to create a set of images for each 'Style' in the model...would something like this help?
            john

            learn from the mistakes of others, you may not live long enough to make them all yourself...

            1 Reply Last reply Reply Quote 0
            • bmikeB Offline
              bmike
              last edited by

              @driven said:

              @bmike, are all the styles in the SU model?

              In an 'experimental' version of 'View Port Ratio' it's a one click in 'context menu' option to create a set of images for each 'Style' in the model...[attachment=0:39ob6whq]<!-- ia0 -->context.gif<!-- ia0 -->[/attachment:39ob6whq]
              john

              all the styles are in SU.

              the problem I have with exporting out of SU is that I can't change the PPI (well, you can, but I can't seem to get higher resolution images...)

              doing it LO and opening up the same view in 3 pages with 3 different styles works well, and i can control image size on export including PPI

              (unless I'm missing something...!)

              that looks pretty cool.
              I'm working on a project for screen res, basically a series of HTML5 animations. having something like that setup would be sweet... as i need to export a large # of images for each individual part, to then build the animation with. i could automate the postproduction then quite a bit (i think...).

              mike beganyi design + consulting llc

              1 Reply Last reply Reply Quote 0
              • D Offline
                driven
                last edited by

                you can only 'up' the resolution by image pixel dimension, ppi/dpi is just a tag...

                here's a good read on it http://bjango.com/articles/ppiisatag/

                in my plugin I assign multipliers to the style name so e.g. Fine_Line.style can be 2 x (px dims), Heavy_Line 3 x px's...

                If you want to PM a test file with what you want as output I'll have a look at tailoring it...
                this is the out put from that gif when I use US Legal as my base size...

                ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 thick.png", 3540, 2154, false, nil, false]
                ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 TextShad.png", 1770, 1077, false, nil, false]
                ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 thin.png", 3540, 2154, false, nil, false]
                ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 Textures.png", 1770, 1077, false, nil, false]
                ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 Shadows.png", 1770, 1077, false, nil, false]

                you can see thick and thin are both doubled on this version...
                john

                learn from the mistakes of others, you may not live long enough to make them all yourself...

                1 Reply Last reply Reply Quote 0
                • bmikeB Offline
                  bmike
                  last edited by

                  @driven said:

                  you can only 'up' the resolution by image pixel dimension, ppi/dpi is just a tag...

                  here's a good read on it http://bjango.com/articles/ppiisatag/

                  in my plugin I assign multipliers to the style name so e.g. Fine_Line.style can be 2 x (px dims), Heavy_Line 3 x px's...

                  If you want to PM a test file with what you want as output I'll have a look at tailoring it...
                  this is the out put from that gif when I use US Legal as my base size...

                  ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 thick.png", 3540, 2154, false, nil, false]
                  ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 TextShad.png", 1770, 1077, false, nil, false]
                  ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 thin.png", 3540, 2154, false, nil, false]
                  ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 Textures.png", 1770, 1077, false, nil, false]
                  ["/Users/johns_iMac/Documents/SketchUp_skp/bungalow/bungalow/CFC1 Shadows.png", 1770, 1077, false, nil, false]

                  you can see thick and thin are both doubled on this version...
                  john

                  those attachments got messed up.

                  yeah, i get that i can change the effective ppi by changing the image size - but i'd rather not mess around with doubling or tripling image sizes to get different line weights, so i do it in layout. export is the same for all sheets, but i can control the line weight of the viewport nicely. fine line for details, heavier for main building components, and i tried doing the depth cue at even thicker.

                  then when i export i can set the ppi and the overall image size updates accordingly. and everything is the same size so when i stack them in pixelmator or art rage they all line up.

                  but, very curious to see your solution.

                  mike beganyi design + consulting llc

                  1 Reply Last reply Reply Quote 0
                  • Dave RD Offline
                    Dave R
                    last edited by

                    I've been doing this sort of thing for years, exporting various images out of SU and then combining them after some simple manipulation. I use different image size exports from SketchUp and have never found that to be a problem. Resizing the images as needed is simple enough, too. I hadn't thought about adding the additional step of going through LayOut. Might have to look at it.

                    I like having control over the lines separate from the faces and separate from the shadows.

                    https://farm4.staticflickr.com/3915/14501884375_f76b3e6b1f_z.jpg

                    Sometimes I have images from rendering to add, too.

                    https://farm9.staticflickr.com/8103/8508921930_3eee3d17ab_z.jpg

                    And sometimes a bit of Fotosketcher action is kind of fun.

                    https://farm4.staticflickr.com/3928/15265219570_9412bfa5c1_z.jpg

                    Etaoin Shrdlu

                    %

                    (THERE'S NO PLACE LIKE)

                    G28 X0.0 Y0.0 Z0.0

                    M30

                    %

                    1 Reply Last reply Reply Quote 0
                    • D Offline
                      driven
                      last edited by

                      @bmike said:

                      those attachments got messed up.

                      I didn't attach images, just the 'Ruby Console' output to show the sizes...
                      @unknownuser said:

                      ...then when i export i can set the ppi and the overall image size...
                      for a mac I can set the dpi from SU output so they are already all the same px dims but at different dpi...

                      as a side note mixing jpg's and png's can be an issue with retina as png use ppm [pixels per meter]...

                      Dave has been my test pilot for many versions of this, so if your up for some testing it could relieve his pain...

                      john

                      learn from the mistakes of others, you may not live long enough to make them all yourself...

                      1 Reply Last reply Reply Quote 0
                      • pilouP Offline
                        pilou
                        last edited by

                        3 images :export 2D from Sketchup

                        • Only Shadows: (On first Style menu disable all lines) and Menu Window enable shadows
                        • Only Lines : (Styles)
                        • only Faces: Disable Shadows On second Style Menu enable Color

                        Then free Pixelr editor on line! 😄

                        Frenchy Pilou
                        Is beautiful that please without concept!
                        My Little site :)

                        1 Reply Last reply Reply Quote 0
                        • bmikeB Offline
                          bmike
                          last edited by

                          Dave - those are nice. I remember going through some examples with Fotosketcher on my PC back in 2008.

                          mike beganyi design + consulting llc

                          1 Reply Last reply Reply Quote 0
                          • bmikeB Offline
                            bmike
                            last edited by

                            @driven said:

                            @bmike said:

                            those attachments got messed up.

                            I didn't attach images, just the 'Ruby Console' output to show the sizes...
                            @unknownuser said:

                            ...then when i export i can set the ppi and the overall image size...
                            for a mac I can set the dpi from SU output so they are already all the same px dims but at different dpi...

                            as a side note mixing jpg's and png's can be an issue with retina as png use ppm [pixels per meter]...

                            Dave has been my test pilot for many versions of this, so if your up for some testing it could relieve his pain...

                            john

                            Hmm. No matter what I do with the DPI setting in SU when I export they all come back 72 dpi and whatever dimensions I put in. I'll have to try again and get some screen caps.

                            Retina - haven't had an issue out of LO. Everything lines up nicely when I bring them into Pixelmator.

                            I could be up for some testing. I don't do this everyday, but I need to get faster at it.

                            mike beganyi design + consulting llc

                            1 Reply Last reply Reply Quote 0
                            • D Offline
                              driven
                              last edited by

                              @bmike said:

                              ...Hmm. No matter what I do with the DPI setting in SU when I export they all come back 72 dpi

                              I'm cheating...
                              I'm doing it in code, using Apples builtin system image processing 'sips', so once the image is made at 3 x px dims, I convert it to 3 x dpi at 1 x px dims...

                              a set of images from a set of styles will all have the same px dims...

                              but it's one click to create them if you have styles set up, I turn shadows/lines on/off as required...

                              the hurdle for me is making it 'all' cross-platform...

                              I have played with doing similar from layout, but it's a little trickier without Ruby in Layout...

                              A simple skp and an outline to see what your working towards would be useful...

                              john

                              learn from the mistakes of others, you may not live long enough to make them all yourself...

                              1 Reply Last reply Reply Quote 0
                              • D Offline
                                driven
                                last edited by

                                added a pages filter to create a set of styles for each page...
                                The pages/Scenes have no style settings and are only for the camera...
                                with this one i'm using ImageMagicks to resize at higher dpi and switching to a vivid background to keep the white material when making the background transparent...

                                I can probably do it with built in apple stuff but this is an attempt at being cross platform...

                                john

                                learn from the mistakes of others, you may not live long enough to make them all yourself...

                                1 Reply Last reply Reply Quote 0
                                • bmikeB Offline
                                  bmike
                                  last edited by

                                  @driven said:

                                  [attachment=0:2q9x7k1i]<!-- ia0 -->vpr_pages.gif<!-- ia0 -->[/attachment:2q9x7k1i]
                                  The pages/Scenes have no style settings and are only for the camera...
                                  with this one i'm using ImageMagicks to resize at higher dpi and switching to a vivid background to keep the white material when making the background transparent...

                                  I can probably do it with built in apple stuff but this is an attempt at being cross platform...

                                  john

                                  Pretty cool. I'll pm you when I get a set of drawings off my desk. Been head down and drawing all week.

                                  mike beganyi design + consulting llc

                                  1 Reply Last reply Reply Quote 0
                                  • 1 / 1
                                  • First post
                                    Last post
                                  Buy SketchPlus
                                  Buy SUbD
                                  Buy WrapR
                                  Buy eBook
                                  Buy Modelur
                                  Buy Vertex Tools
                                  Buy SketchCuisine
                                  Buy FormFonts

                                  Advertisement