benllegan Posted September 16, 2019 Share Posted September 16, 2019 (edited) So I've been working on a logo in Affinity Designer 1.6 for an upcoming project I'm working on. I'm very new to graphic design and don't know my way around the software too well. It's a typographic logo, and I've been drawing all the letters myself (haven't been typing with a font), but have been struggling when trying to make myself a letter A and N. So far each letter is 1"x1" (fits into a square) and have been made to all have their arms, stems, bars, etc., to be the same width. At first, I was having no trouble, as all of the letters were made up of straight lines (like I, T and H), but now that I've come to the letters A and N, I have a dilemma: they contain diagonal parts. At first, I thought this wouldn't be an issue, as I thought I could just make the part as a vertical rectangle, and then rotate it to make it diagonal, but as I went along I found shapes won't snap while rotating. So while I could rotate it and get it close to the angle I needed for it to fit perfectly, it wouldn't be perfect (and as I'm trying to make it a professional logo, I need it to be perfect). I thought the best way to do do it would be to make an angled line, copy it, and move the copy 0.2 inches in the direction perpendicular to the original (as shown in the images below), but haven't found a way to do it in this program. Does anyone have any idea how to make this work? Or have a similar solution using a different method? Edited September 16, 2019 by benllegan Labeled my example images "A" and "N". Quote Link to comment Share on other sites More sharing options...
R C-R Posted September 16, 2019 Share Posted September 16, 2019 There may be a better way but one approach is to duplicate the line, set its stroke width to twice the desired offset (so 0.4 inch in this instance), set the Cap type to "Butt" (important!), use Layer > Expand Stroke to convert it to a tilted rectangular shape, & then delete the two nodes on the 'wrong' side of the original line. You will also need to set the stroke width of the resulting curve to match the original line. You can do this easily by selecting the original & copying it to the clipboard, selecting the new curve & from the Edit menu, select "Paste Style." benllegan 1 Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
firstdefence Posted September 16, 2019 Share Posted September 16, 2019 Why not create a 0.2 inch square, rotate to the correct angle and use the bottom left corner node to snap to the bottom node of the solid line. you can then duplicate the line make it dashed and move it into place. benllegan 1 Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
R C-R Posted September 16, 2019 Share Posted September 16, 2019 4 hours ago, firstdefence said: Why not create a 0.2 inch square, rotate to the correct angle and use the bottom left corner node to snap to the bottom node of the solid line. How would you determine the correct angle? benllegan 1 Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
Staff MEB Posted September 16, 2019 Staff Share Posted September 16, 2019 No need to determine it. Just use the Point Transform Tool to perform everything on canvas visually with the help of snapping. benllegan 1 Quote A Guide to Learning Affinity Software Link to comment Share on other sites More sharing options...
PixelPest Posted September 16, 2019 Share Posted September 16, 2019 6 minutes ago, MEB said: Using the Point Transform Tool.... No need to know the angle value. I tried that already but receive different results: benllegan 1 Quote Link to comment Share on other sites More sharing options...
PixelPest Posted September 16, 2019 Share Posted September 16, 2019 Still don´t get expected results: thomaso and benllegan 2 Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted September 16, 2019 Staff Share Posted September 16, 2019 What you are seeing in the tooltips is the variation in the X and Y directions/axis, not the perpendicular distance. Rotate the whole group of objects until the lines become verticals and compare the distance again that way if you want - you will see the variation is now equal to the desired distance. benllegan 1 Quote A Guide to Learning Affinity Software Link to comment Share on other sites More sharing options...
firstdefence Posted September 16, 2019 Share Posted September 16, 2019 You can't get it wrong with a square, but it's a bit hit and miss with a circle. If you notice Pixel pests red line isn't at right angles with the line when using a circle, it's off probably by about 2 or 3 degrees. benllegan 1 Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
PixelPest Posted September 16, 2019 Share Posted September 16, 2019 MEB is correct of course - I got distracted by the values. Cheers benllegan 1 Quote Link to comment Share on other sites More sharing options...
R C-R Posted September 16, 2019 Share Posted September 16, 2019 12 minutes ago, MEB said: Rotate the whole group of objects until the lines become verticals and compare the distance again that way if you want - you will see the variation is now equal to the desired distance. How do you ensure that the whole group of objects is rotated until the lines become exactly vertical? I could not figure out how to do that. Also, using a 0.2 px square like in the second @PixelPest gif, I found it very difficult after moving the transform origin to the lower left corner of the square to get that corner to snap to the line, even with both snapping options for the Point Transform Tool enabled. It wasn't impossible, just very touchy, & required zooming in quite far to make sure it was snapped to the line. When I did get that part right, I could rotate the square while holding down the CMD key to make sure the scale did not change; otherwise, even tiny changes in the scale while rotating would throw the results off. When I got all that right, I could duplicate the line, & finally snap it to the right edge of the rotated square. To be honest about it, I found it much, much easier & less error prone to use the expand stroke method I mentioned earlier. benllegan 1 Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
R C-R Posted September 16, 2019 Share Posted September 16, 2019 25 minutes ago, firstdefence said: You can't get it wrong with a square... Perhaps I am just more 'gifted' than most but I found it very easy to get it wrong without using the CMD rotate option I mentioned in my last post, because it is so easy to change the scale otherwise. Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
firstdefence Posted September 16, 2019 Share Posted September 16, 2019 1 hour ago, R C-R said: Perhaps I am just more 'gifted' than most but I found it very easy to get it wrong without using the CMD rotate option I mentioned in my last post, because it is so easy to change the scale otherwise. Without the Cmd option it does take ninja level rotation skills lol! Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
Staff MEB Posted September 16, 2019 Staff Share Posted September 16, 2019 R C-R, Take a look at the respective help topic. There's more to the Point Transform Tool than meets the eye. You can translate/snap nodes to other objects/geometry without the need to move the Transform origin point first, although there's no issues if you do it. You can also snap to other objects without the local snapping options enabled - check the global snapping options for this. It's much quicker than you think. If you prefer to expand the stroke instead go for it. Quote A Guide to Learning Affinity Software Link to comment Share on other sites More sharing options...
R C-R Posted September 16, 2019 Share Posted September 16, 2019 1 hour ago, MEB said: There's more to the Point Transform Tool than meets the eye. You can translate/snap nodes to other objects/geometry without the need to move the Transform origin point first, although there's no issues if you do it. I know that translating can be done but without moving the origin point, but how can one rotate the square to the appropriate angle to align with the line unless the origin point is moved? 1 hour ago, MEB said: It's much quicker than you think. As I said, rotating the square was not quick because I had to zoom very far in to make sure the edge of the square snapped to the line & not to some other nearby snapping point (& that the origin was on the edge of the square). This might have been easier if I was trying to get a larger offset, but with a square just 0.2 inches on a side & my usual snapping options enabled, it was very fiddly. 4 hours ago, firstdefence said: Without the Cmd option it does take ninja level rotation skills lol! That is part of the reason I prefer the expand stroke method. Every step can be done without even touching the keyboard & there are no extra shape like the square that would have to be deleted afterwards. Of course, it only works with Designer (or with Publisher if the Designer persona is available) so sometimes using that method might not be possible. Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
thomaso Posted September 16, 2019 Share Posted September 16, 2019 30 minutes ago, R C-R said: Of course, it only works with Designer (or with Publisher if the Designer persona is available) This morning I had tried the square workaround in AfPublisher with no success – and I haven't even thought that snapping would be more convenient in AfDesigner. – No I wonder why there is such a difference in snapping between these two apps. As if Affinity magazine or book layout has to be more rectangular/perpendicular compared to single page flyers, business cards or letter heads ... Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
R C-R Posted September 16, 2019 Share Posted September 16, 2019 4 minutes ago, thomaso said: This morning I had tried the square workaround in AfPublisher with no success ... FWIW, I can detect no difference between using the Point Transform Tool for this in Publisher's Designer Persona & in using the same tool in Designer's Designer Persona. In either one, for me success depends on how far I am zoomed in so I can make sure I am snapping the transform origin point to exactly where I want it, & of course to make sure I use the CMD key to prevent accidental rescaling as I do the rotation. Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
Staff MEB Posted September 17, 2019 Staff Share Posted September 17, 2019 2 hours ago, R C-R said: As I said, rotating the square was not quick because I had to zoom very far in to make sure the edge of the square snapped to the line & not to some other nearby snapping point (& that the origin was on the edge of the square). This might have been easier if I was trying to get a larger offset, but with a square just 0.2 inches on a side & my usual snapping options enabled, it was very fiddly. Sorry but I don't get your issue. There's no need to zoom in or out. The snapping/highlight works both when you are zooming in and only see one of the nodes of the square and part of the line as it does when you are zoomed out as see the whole square and most of the line. You certainly have to move the Transform Point origin to be able to rotate the square and align it with with the line but it's a trivial operation with snapping's help. Quote A Guide to Learning Affinity Software Link to comment Share on other sites More sharing options...
R C-R Posted September 17, 2019 Share Posted September 17, 2019 (edited) 1 hour ago, MEB said: Sorry but I don't get your issue. There's no need to zoom in or out. The snapping/highlight works both when you are zooming in and only see one of the nodes of the square and part of the line as it does when you are zoomed out as see the whole square and most of the line. Try it with several other objects in the vicinity or zoomed far out enough that you can't be sure that when you release the mouse button what was highlighted is where the translation ends up. I can't explain it any better than that. Edited September 17, 2019 by R C-R Edited for clarity Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
thomaso Posted September 17, 2019 Share Posted September 17, 2019 8 hours ago, MEB said: The snapping/highlight works both when you are zooming in and only see one of the nodes of the square and part of the line as it does when you are zoomed out as see the whole square and most of the line. You certainly have to move the Transform Point origin to be able to rotate the square and align it with with the line but it's a trivial operation with snapping's help. Is there a special setting to make the rotation cursor appear? I can see the yellow snapping lines but don't get the rotation cursor as in @PixelPest's screencast. I can rotate with move tool but that does not show the yellow snapping lines. no rotate cursor- transform rotation tool.m4v My snap setting for the screencast above: Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
PixelPest Posted September 17, 2019 Share Posted September 17, 2019 Hold cmd-key down - the rotation indicator will appear when cursor is near a corner - then rotate till it snaps - release cmd-key. And Point transform has its own Snapping properties which are more than sufficient. thomaso 1 Quote Link to comment Share on other sites More sharing options...
R C-R Posted September 17, 2019 Share Posted September 17, 2019 12 minutes ago, PixelPest said: Hold cmd-key down - the rotation indicator will appear when cursor is near a corner - then rotate till it snaps - release cmd-key. You don't have to hold the CMD key down unless you want to make sure you rotate without changing the scale. But without holding that key down, there is no rotation cursor, just a solid black sort of barb shaped cursor when it is over one of the nodes of the shape, like at about 0:14 in the video @thomaso posted: @thomaso, try clicking & dragging when you see the cursor change to that shape & you should be able to rotate & snap to the line. thomaso 1 Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
PixelPest Posted September 17, 2019 Share Posted September 17, 2019 3 minutes ago, R C-R said: You don't have to hold the CMD key down unless you want to make sure you rotate without changing the scale. And that´s what this thread is all about - maintaining a given offset - that´s why holding cmd is necessary. Quote Link to comment Share on other sites More sharing options...
R C-R Posted September 17, 2019 Share Posted September 17, 2019 (edited) 41 minutes ago, PixelPest said: And that´s what this thread is all about - maintaining a given offset - that´s why holding cmd is necessary. I think it is also about helping @thomaso & anybody else wondering about it understand that there is no rotation cursor (or status bar indication) that will appear unless the CMD key is held down. EDIT: Actually, I think the cursor changing to the barbed arrow shape instead of to the rotation cursor shape like it does with the CMD key held down should be considered a bug, if a minor one. Edited September 17, 2019 by R C-R Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
thomaso Posted September 17, 2019 Share Posted September 17, 2019 @PixelPest, thank you !!! And also to @R C-R for the interesting note. 51 minutes ago, PixelPest said: And Point transform has its own Snapping properties which are more than sufficient. Ah!, the Point Transform Tool even shows snapping if I have snapping disabled in the snapping options window. Very good to know! – How did you get that info, just by try and error? The help article appears rather poor with such secret but important knowledge, doesn't it? Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.