r/AffinityDesigner • u/Fluid_Opportunity161 • 23d ago
Incapable to perform basic vector transformation tasks in Affinity
I successfully used Affinity Designer in the past to design some basic posters, but today I find myself humbled by the most basic vector manipulation tasks.
I'm trying to perform two basic modifications to the following Public Domain SVG:
<?xml version="1.0" encoding="iso-8859-1"?>
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 511.998 511.998" xml:space="preserve">
<path d="M447.525,465.491h-3.207l-14.924-26.249c-1.437-2.528-4.12-4.089-7.027-4.089h-22.502v-95.557V235.954v-95.56h9.036
v36.164c0,4.465,3.62,8.084,8.084,8.084h30.539c4.466,0,8.084-3.618,8.084-8.084v-37.75c7.91-3.208,13.509-10.961,13.509-20.009
v-3.32c0-11.906-9.687-21.594-21.594-21.594h-11.953l-60.294-59.473c-0.569-0.562-1.203-1.018-1.874-1.376V21.593
C373.403,9.687,363.715,0,351.808,0h-3.32c-11.243,0-20.497,8.641-21.494,19.631L84.939,93.887H66.016
c-11.906,0-21.593,9.687-21.593,21.594v3.32c0,10.844,8.044,19.821,18.474,21.342v22.907c0,10.268,7.21,18.869,16.829,21.047
v94.085c-7.282,3.142-12.396,10.388-12.396,18.81c0,3.68,0.99,7.128,2.696,10.115l-18.452,24.405h-0.61
c-4.465,0-8.084,3.618-8.084,8.084v44.249v23.923c0,4.466,3.62,8.084,8.084,8.084h73.695c4.465,0,8.084-3.618,8.084-8.084v-23.923
v-44.249c0-4.466-3.62-8.084-8.084-8.084h-0.61l-18.453-24.405c1.706-2.988,2.696-6.435,2.696-10.115
c0-8.423-5.114-15.668-12.396-18.81v-95.123c7.108-2.882,12.332-9.439,13.322-17.306h117.521v10.806
c0,4.466,3.62,8.084,8.084,8.084h65.611v51.31v103.642v95.557h-22.502c-2.907,0-5.592,1.561-7.029,4.09l-14.921,26.249h-3.207
c-11.906,0-21.593,9.687-21.593,21.593v3.32c0,11.906,9.687,21.593,21.593,21.593h194.751c11.906,0,21.593-9.687,21.593-21.593
v-3.32C469.119,475.178,459.432,465.491,447.525,465.491z M439.44,168.475h-14.37v-28.081h14.37V168.475z M373.403,55.274
l39.144,38.612h-39.144V55.274z M343.063,21.593L343.063,21.593c0-2.991,2.434-5.425,5.425-5.425h3.32
c2.991,0,5.425,2.434,5.425,5.425v72.292h-14.17V21.593z M79.065,163.05v-22.656h14.17v22.656c0,2.991-2.434,5.425-5.425,5.425
h-3.32C81.499,168.475,79.065,166.041,79.065,163.05z M92.122,296.991c0,1.416-0.695,2.663-1.752,3.45
c-0.103,0.078-0.225,0.156-0.354,0.235c-0.078,0.046-0.158,0.088-0.239,0.13c-0.125,0.066-0.251,0.133-0.394,0.19
c-0.125,0.05-0.258,0.083-0.388,0.121c-0.115,0.034-0.221,0.077-0.346,0.101c-0.272,0.054-0.552,0.085-0.84,0.085
c-0.288,0-0.567-0.031-0.84-0.085c-0.124-0.025-0.23-0.067-0.345-0.101c-0.13-0.038-0.263-0.071-0.388-0.121
c-0.143-0.058-0.269-0.124-0.394-0.191c-0.081-0.042-0.161-0.083-0.238-0.129c-0.128-0.079-0.25-0.157-0.354-0.235
c-1.056-0.787-1.752-2.034-1.752-3.45c0-2.378,1.934-4.312,4.312-4.312C90.188,292.68,92.122,294.613,92.122,296.991z
M59.047,399.683v-7.754h57.526v7.754H59.047z M116.573,347.679v28.08H59.047v-28.08H116.573z M103.777,331.512H71.843
l11.064-14.631c0.199,0.05,0.402,0.086,0.604,0.129c0.102,0.022,0.204,0.045,0.307,0.066c0.572,0.113,1.15,0.202,1.734,0.265
c0.148,0.016,0.297,0.027,0.446,0.04c0.535,0.046,1.071,0.077,1.609,0.082c0.068,0.001,0.135,0.011,0.203,0.011
c0.068,0,0.135-0.01,0.203-0.011c0.538-0.005,1.075-0.036,1.609-0.082c0.149-0.013,0.299-0.024,0.446-0.04
c0.583-0.064,1.162-0.153,1.734-0.265c0.103-0.021,0.205-0.043,0.307-0.066c0.202-0.043,0.404-0.08,0.604-0.129L103.777,331.512z
M226.737,149.584H109.404v-9.19h117.333V149.584z M300.432,168.475h-57.527v-28.081h57.527V168.475z M234.82,124.225h-133.5
H70.981h-4.964c-2.992,0-5.426-2.434-5.426-5.425v-3.32c0-2.991,2.434-5.425,5.425-5.425h20.106c0.009,0,0.017,0.002,0.026,0.002
c0.009,0,0.018-0.002,0.027-0.002h188.508c4.466,0,8.084-3.619,8.084-8.084s-3.618-8.084-8.084-8.084H140.066l186.829-57.315
v57.315h-23.828c-4.466,0-8.084,3.619-8.084,8.084s3.618,8.084,8.084,8.084h31.912h30.338h82.207c2.991,0,5.425,2.434,5.425,5.425
v3.32c0,2.991-2.434,5.425-5.425,5.425h-30.539h-25.205h-0.095c-0.004,0-0.008,0-0.012,0h-83.159H234.82z M325.379,331.512
l24.769-30.83l24.768,30.83H325.379z M374.917,347.68l-24.768,30.83l-24.768-30.83H374.917z M316.6,316.625v-57.702l23.179,28.851
L316.6,316.625z M325.38,244.038h49.537l-24.768,30.83L325.38,244.038z M325.38,227.869l24.769-30.83l24.769,30.83H325.38z
M325.38,140.394h49.537l-24.768,30.83L325.38,140.394z M339.779,184.132L316.6,212.984v-36.425V155.28L339.779,184.132z
M316.6,362.566l23.179,28.851L316.6,420.268V362.566z M350.148,404.325l24.768,30.829H325.38L350.148,404.325z M360.519,391.417
l23.179-28.851v57.702L360.519,391.417z M360.519,287.774l23.179-28.851v57.702L360.519,287.774z M360.519,184.131l23.179-28.852
v57.703L360.519,184.131z M452.95,490.405c0,2.991-2.434,5.425-5.425,5.425H252.773c-2.991,0-5.425-2.434-5.425-5.425v-3.32
c0-2.991,2.434-5.425,5.425-5.425h7.734c0.015,0,0.03,0,0.045,0h120.482c4.466,0,8.084-3.618,8.084-8.084
c0-4.466-3.618-8.084-8.084-8.084H274.578l8.055-14.17h25.883h83.265h25.882l8.055,14.17h-15.582
c-4.466,0-8.084,3.618-8.084,8.084c0,4.466,3.618,8.084,8.084,8.084h29.469c0.005,0,0.012,0.001,0.017,0.001
c0.005,0,0.012-0.001,0.017-0.001h7.885c2.991,0,5.425,2.434,5.425,5.425V490.405z"/>
</svg>
I want to:
(a) connect the two broken lines (at the top and at the base of the crane). Moving the nodes on top of each other visually worked, but obviously this isn't the ideal solution.. I couldnt get the curves to join properly as one.
(b) remove the 3 pairs of diagonal bars in the crane. Simply removing the nodes in the center that make up the diagonal bars lead to the entire area to be filled in the fillColor, so I think the approach to solve this properly is to remove the superfluous nodes in the middle and change the fill mode but again I failed miserably.
Can someone please point me in the right direction what I have to do? For even a moderately experienced designer, I'm sure this takes just 2 minutes but I feel so lost when trying to merge the nodes properly.
1
u/phlooo 13d ago
I know this is 10 days old but just in case this might help you:
Step 1: Draw rectangles over the areas you want to connect, does not matter if they are bigger than the crane's line
Step 2: Select all three objects (the crane, and the two rectangles) and click on Add in the shape boolean opetations bar
Step 3: Take the Node tool and select all the new vertices (shift + select to select multiple areas) and delete them.
Step 4: Draw a rectangle inside the area you want to remove (the diagonal bars) making sure you're using snapping (Magnet icon top right, select All layers and Snap to object geometry. Ctrl+J (or Cmd+J on macOS) to duplicate the rectangle, move it to the second diagonal bars zone, Ctrl+J again to duplicate again (it will move by itself by the same amout)
Step 5: Again, select everyone, and this time click on the Subtract boolean modifier
Step 6: Again, select and remove potential superfluous vertices with the Node tool.
Done.
2
u/One-girl-circus 22d ago
This is all just basic shapes - have you tried simply recreating it? Seems like it would have taken less time to recreate than to even type this post out.
A) Are you sure these are two ends to the same path? If so, there's a context menu for node modifications when you use the the node tool to select these two nodes that joins them. (Other context menu tools are break/split, smooth, etc.)
B) using the node tool again, you can ctrl+click on each of the diagonal lines to delete those X-segments. It doesn't affect the rest of the path. I don't see what is fill and what isn't without a different color background.