Jump to content

Recommended Posts

I need to draw a perfect symmetric "S" in a graphic.

 

I used the pen tool with pen mode and smart mode and created the shape that I needed - well, almost. 

Is there a way to create an S shape, where you do not need to adjust every node separately? Is ist possible to link nodes symmetrically or to distribute the nodes under symmetric constraints, so that I do not have to worry about whether the middle part is really in the middle etc.

 

What would be your approach?

Just curious.

Share this post


Link to post
Share on other sites

I would just use the artistic text tool, select a font style where I like the S, then type this one and convert it to editable curves/nodes afterwards.


☛ Affinity Designer 1.6.1 ◆ Affinity Photo 1.6.7 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

Using two circles:

  • Draw them
  • Snap them
  • Convert them to curves
  • Create a node in the strategic points
  • Break and delete. And there you have it

Perfect_S.png

 

Best regards!


You'll never know what you can do until you get it up as high as you can go!   

AMD FX 8350 :: Radeon HD 7870 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template :: The Secret of High Quality Art

Share this post


Link to post
Share on other sites

@v_kyr I tried that already - it does not really solve my issue, when I have to modify the shape afterwards.

@Mithferion This is a very good approach - at least this allows me to have the "construction set" of my S shape in an artboard, in case the shape has to be modified later on - thank you for the good idea!

Share this post


Link to post
Share on other sites

Overall, I think the method suggested by @ChristAlix is the most elegant, easiest, & most flexible. There is one minor issue with it if the Expand Stroke option is used, which allows the shape to have a separate stroke & fill color. The issue is caused by a bug in the Expand Stroke function that typically adds lots of unneeded nodes to the resulting curve. That isn't normally a problem but if for some reason you want to eliminate (almost) all the extras, one way to do that that might sometimes be useful is to start with a donut shape & do something like this:

5a69cf816089d_donuttosshape.png.e6f0b25469e1de37d75717e9cd3411fd.png

Notes:

• The start angle can be varied in step 1 to make a more or less curvy S shape, but the end angle should remain at 270°.

• After deleting the unneeded curve In step 3, one or more nodes could be added at the squared off end to create rounder or more bulbous ends for the S shape.

• In Step 5, all the nodes of the duplicated & flipped curve must be selected so they will all move at once & snap to the 2 bottom nodes of the other curve.

• Breaking the converted curve is only necessary so that in step 5 snapping will work for precise alignment -- if just two donut shapes were used there would be no nodes to snap to.

• The 2 extra nodes are the result of another bug in the app that affects geometry operations. If anybody knows a workaround for that, please post it!

 

I realize this is a lot of extra work that usually would not be needed, & there may be a better way than this when it is. Any thoughts on that?

 

EDIT: Doh! I just realized in Step 6 I mentioned adding the two curves. That is not what I did. Instead I selected both curves with the Node Tool & used the Join Curves & Close Curve Actions on the Context Toolbar to combine them into one curve. Using Add instead results in a "(Curves)" object. That results in two closed curves & strokes where they meet, which pretty much makes that useless for applying a separate stroke & fill to the S!

 

Sorry about that. :$

 

EDIT #2: Well, it may require extra work, but once I started playing around with this method, I found it a bit addictive & generated a bunch of variations like these:

5a69e722a5b8f_LotsofSs.png.20e9591483020aca58eeda0d2d422394.png

Lots of S's.afdesign

Edited by R C-R

Affinity Photo 1.6.7 & Affinity Designer 1.6.1; macOS High Sierra 10.13.5 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.6.8.77 & Affinity Designer 1.6.1.40 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 11.4.1

Share this post


Link to post
Share on other sites
1 hour ago, R C-R said:

Overall, I think the method suggested by @ChristAlix is the most elegant, easiest, & most flexible. There is one minor issue with it if the Expand Stroke option is used, which allows the shape to have a separate stroke & fill color. The issue is caused by a bug in the Expand Stroke function that typically adds lots of unneeded nodes to the resulting curve.

 

Hi R C-R,

 

i noticed this phenomenon with the function "Expand Stroke" yesterday and reported it as a bug.

 

 

PS: Your variant R C-R, with the Donut Shape find is also good!

 

Alex

Share this post


Link to post
Share on other sites
20 minutes ago, Vince42 said:

@ChristAlix

Just a "side question": which tool are you using to create the animations?

Try FastStone Capture.


Affinity Photo 1.6.4.104, Affinity Designer 1.6.4.104.
Windows 10 Pro, Version 1803, Build 17134.112.
Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.

Share this post


Link to post
Share on other sites
32 minutes ago, Pšenda said:

Try FastStone Capture.

 

FastStone Capture is a great utility, but it only runs on Windows and the screen recorder output is limited to WMV (Windows Media Video) format.

 


Alfred online2long.gif
Affinity Designer 1.6.4.104 • Affinity Photo 1.6.4.104 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.8.77 • Affinity Designer for iPad 1.6.1.40 • iOS 11.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
3 hours ago, Vince42 said:

@ChristAlix

Just a "side question": which tool are you using to create the animations?

 

ScreenToGif (portable edition):  Screen, webcam and sketchboard recorder with an integrated editor.

It is for windows and requires .Net Framework 4.6.1 (already included in Win10) or above.

On GitHub: https://github.com/NickeManarin/ScreenToGif/

 

http://www.screentogif.com/

http://www.screentogif.com/downloads.html

Share this post


Link to post
Share on other sites

To continue the side question, anything equivalent in screen capture for Mac that you know of? Those were really well presented, ChristAlix.


They might not need me—yet they might— I’ll let my heart be just in sight—
A smile so small as mine might be

Precisely their necessity

 

iMac 27" 32GB RAM, MacBook Pro 15" 16GB RAM, iPad Pro 12.9", iPad Pro 9.7", Apple Pencil

Software tools of my trade: Affinity Designer  |  Affinity Photo  |  Astropad  |  Amaziograph  |  PDF Expert  |  Drafts  |  Editorial  |  Things 3

Share this post


Link to post
Share on other sites

Camtasia 3 exports to gif

screenflow is good but both cost, the free option is OBS, a bit quirky but very good for free.

 

Camtasia is win and Mac, screenflow is Mac and OBS is Mac Linux and win.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Dell Inspiron 17 5767 i7 Laptop Windows 10 - Illustrator CC, Affinity Designer/Photo, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Deco 03 Pen Tablet, 5 pages on LaunchPad - iPad2 iOS 9.35 B|  Instagram & Flickr - Affinity Designer (ADe) Tutorials - Affinity Photo (APh) Tutorials - Public Domain Images

Share this post


Link to post
Share on other sites
8 hours ago, obtusity said:

See https://alternativeto.net/software/screentogif/?platform=mac for several suggested Mac alternatives (with various features) for ScreenToGIF.

 

I see that LICEcap is first on that list. It’s easy to use and works well on Windows, so I have no reason to think it wouldn’t also be a good option for Mac users.


Alfred online2long.gif
Affinity Designer 1.6.4.104 • Affinity Photo 1.6.4.104 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.8.77 • Affinity Designer for iPad 1.6.1.40 • iOS 11.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
12 hours ago, misc33 said:

To continue the side question, anything equivalent in screen capture for Mac that you know of? Those were really well presented, ChristAlix.

 

For MAC I personally can't name an alternative, but from my circle of friends the program "Filmora Scrn" from Wondershare is often used.  

Available in WIN and MAC versions, has several tracks, filters etc... but is not freeware! 

https://filmora.wondershare.com/screen-recorder/

 

PS: A friend of mine has just recommended the program "Monosnap".
I don't know it myself but there are for WIN and MAC
https://www.monosnap.com

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×