Author Topic: Triangles over each other drawing.  (Read 2898 times)

October 14, 2016, 06:24:35 AM
Read 2898 times

brunopereira

  • Sr. Newbie

  • Offline
  • **

  • 6
Hi community!

I'm trying to recreate the following in inkscape:

Attachment-1.png
*Attachment-1.png
(208.53 kB . 2048x1536)
(viewed 218 times)


It's made up of a series of different sized triangles on top of each other.
I'd like to make it a quite symmetric, equally spaced drawing.

How can this be achieved?

Thank you.

Best regards,

October 14, 2016, 08:34:46 AM
Reply #1

brunopereira

  • Sr. Newbie

  • Offline
  • **

  • 6
This was the best I was able to come up with:

kdg-35-vitoria-02.svg
*kdg-35-vitoria-02.svg
(15.61 kB - downloaded 219 times)


Now I'd like it to be symmetrical, I mean, have the same distance, or proportional distante rather between the triangles.

Please advise.

Thank you.


October 15, 2016, 09:22:35 PM
Reply #2

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Hhmm....it already is as you describe, symmetrical or proprtional distance between rectangles (as far as I can tell without measuring).

It will not be easy to explain how to do that (especially since I've never seen it before).  But if you could try to explain a little bit more, how you want it to be different?  That's the part that's hard to imagine.

Once I have an understanding, I'll be glad to try and work out the steps.  After I catch up with other messages and email, I'll fire up Inkscape and try the only idea I have.  But if you could explain a little more, that would help.
  • 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                       

October 16, 2016, 01:20:08 AM
Reply #3

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Ok, well I came up with something.  It's entirely labor intensive.  I don't know if there might be some fancy way to do it with an extension or something else.  But this is what I've got.

1 - Set up a pixel grid (that means grid lines 1 px apart for both x and y direction)
2 - Set up snapping (snap to cusp/corner nodes and to smooth nodes, and also snap to grid)
3 - Pen/Bezier tool   :pen:
4 - Make first triangle something like 410 pixels tall, 20 px wide.  The Pen will automatically place nodes at the grid intersections.  (It could be 510 or 510 or 310, but the 10 is important, you'll see why when you're almost finished)
5 - Switch to the Node tool   :node:
6 - Duplicate the triangle
7 - Grab the top-right node and drag it out to the right by 1 grid line and down by 1 grid line (it should automatically snap to the intersection)
8 - Grab the top-left node and drag it out to the left by 1 grid line and down 1 grid line
9 - Grab the bottom node, and move it straight up by 1 grid line
10 - Repeat 6, 7, 8, 9 and 10 until it's finished
  • 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                       

October 16, 2016, 02:31:54 AM
Reply #4

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
Hi.
If you don't want the preserved transformational look then you could try the stitch subpaths lpe for something similar.

Draw the "envelope" paths at the top and the bottom, combine them,
apply stitch subpaths lpe, convert object to path and close the open segments.
Testing.

Edit: here it is.
en1.svg
*en1.svg
(60.04 kB - downloaded 204 times)


Only problem with it is the connection order doesn't work fully as expected.

So the process goes something similar:
  • draw top envelope path
  • draw bottom vertical line segment
  • combine them together
  • ensure the top and bottom most nodes are on the same vertical axis
  • duplicate the path
  • mirror the duplicant and snap it to the axis
  • select all nodes and join unconnected nodes with the node tool
  • break path apart
  • with the transformation panel move each path individually up vertically by a distance
  • select all nodes, connect unconnected start-end nodes
  • break path apart
  • use th transformation panel to move each path in reverse with the same distance
  • combine paths together
« Last Edit: October 16, 2016, 03:06:10 AM by Lazur »

October 16, 2016, 04:33:18 AM
Reply #5

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Nice!  I knew someone would come up with something less labor intensive.
  • 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                       

November 05, 2016, 09:48:48 AM
Reply #6

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
I just used the interpolate extension... There you can define how many steps, and if those steps should become larger/smaller with each step. It's extremely fast ;-)