Author Topic: Curved stack of boxes?  (Read 1245 times)

January 17, 2018, 08:16:18 AM
Read 1245 times

6of1

  • Sr. Newbie

  • Offline
  • **

  • 4
First of all, Hello! I'm very new to vector graphics always used PAINT.Net so please excuse my "green-ness"

I am trying to recreate the attached as vector and cant seem to think of a good way to go about it.

Any tut suggestions that might help me out?
  • 0.92
  • win7

January 17, 2018, 04:18:29 PM
Reply #1

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
You can do it like this, using the 'Pattern along Path' path effect (mp4 screen cast):

https://framadrive.org/s/rByqgOkfWAnL0J8

January 17, 2018, 11:35:43 PM
Reply #2

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Hah, I like your username!  Welcome to the forum!

Coming from raster graphics, you'll have to learn a different way of thinking about how to draw an image.  Personally, I was overjoyed to find vector graphics, since I found raster graphics so very hard to use.

As we find with Inkscape, there is often more than one way to go about it.  I just notice that some of the "boxes" are different sizes.  For that, I would use a different approach.  I'd try something like this.  I'll make a video too  :)

Note that some of this is using intermediate skills, and the video doesn't tell you which key shortcuts I'm using.  Maybe I'll list some of them and maybe you can sort it out?

To draw a circle, or scale (re-size) a circle, always hold the Ctrl key (or else the circle will be lopsided).  Shift + Ctrl + drag, to resize the circle from the center.
To select more than one object, one at a time, hold the Shift key while you click on each object.
To select more than one object, all at once, drag a selection box around them with the Selection tool.
I was using the 1 key to set the zoom to 100%, and the 2 key to set it for 50%.  But I think you'll need to zoom out even further, to make the circles large enough.  In my video, the circles are still too small, I think.
When something which was selected suddenly disappears, I was using the Delete key.

Oh, I just realized, I forgot to show you the Snap control bar.  I would have circled the mouse around it.  But just look at the right edge of my window, in the video, and set up your snap settings just like mine (the light colored ones are enabled, sorry for the weird theme color).

  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

January 18, 2018, 02:30:58 PM
Reply #3

6of1

  • Sr. Newbie

  • Offline
  • **

  • 4
 :ty1: both so much for the videos! Both methods look to be perfect for different areas of the map.
I started working on another part of the project while I waited for Guru insight. The part I thought I couldnt mess up, I was wrong, lol. You are absolutely right about having to re-think the way to draw things.

I am trying to re-draw a map of a football stadium (like a "You are here ->" map). I am then going to be importing the svg into cad/cam software for CNC. So drawing a football field with yard lines cant be hard, right? Well I managed to screw it up sorta. Take a look at pic attached, I think my method of drawing a square, adding lines created the paths which is what gets imported into cad/cam not the Stroke Width of said paths.

So I guess I have 2 more questions, lol..
1. Is there a way to get what I want drawing it the way I did?
like a way to trace a path along the edge of the red strokes...

2. What would be the other/right way to get what I was expecting?
Only way I can think of (I am going to try when im finished typing this) is a lot of boxes with stoke widths of 1px, I just keep thinking this idea is only because of years of raster drawing. This seems like it would be the equivalent of just drawing it in CAD which I want to avoid (I want to learn inkscape/vector, feel like I have been avoiding it for years).

added later: Take a look at second pic! I tried making a Big White Box (no stroke, just fill), than added Thin Green boxes (no stroke, just fill) into it. did all the Duplication, Aligned then saved and imported to cad/cam. This way got me exactly what I wanted/expected, but drawing this way is very convoluted.
« Last Edit: January 18, 2018, 04:12:47 PM by 6of1 »
  • 0.92
  • win7

January 19, 2018, 10:45:52 AM
Reply #4

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
It's the easiest way to do that, though.

You could also have converted the strokes to a path, that will turn the outline of a path into a filled object with an outline that goes around it. Then you'd still have had to union all the converted strokes.

For playing around, make a line, make its stroke wide. Make a second line of the same type. Switch to node tool. Look at the nodes and the path.
Now, select them, and do Path > Stroke to Path. Check them out closely again.
Then make sure the two shapes intersect in some place. Now try Path > Union.

January 20, 2018, 09:26:30 AM
Reply #5

6of1

  • Sr. Newbie

  • Offline
  • **

  • 4
For playing around, make a line, make its stroke wide. Make a second line of the same type. Switch to node tool. Look at the nodes and the path.
Now, select them, and do Path > Stroke to Path. Check them out closely again.
Then make sure the two shapes intersect in some place. Now try Path > Union.

I think I tried doing something like this but was missing the Union step  :b1:
Ok, that was pretty neat. I tested like you said to, then I did it with the field I showed in last post (red one) and imported to my cad/cam and its perfect!  :ur:
  • 0.92
  • win7

January 20, 2018, 02:51:41 PM
Reply #6

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln