Jump to content

Recommended Posts

Hello

Am trying to learn and achieve a logo copy by drawing curves and am running into issues.

1. Is there a better way to achieve this logo trace ? the figure 1 is what am trying to achieve and have drawn curves to match the underlying drawing. I propose to subtract curves from the underlying light grey circle to get solid bodies.

2.  When I go and expand the stroke to add/combine the curves for subtraction - I get the figure 2 issue with uneven boundaries. Can someone help me with combining the curves or show a better way to achieve the result ?

thanks

1331217476_Designtocreate.thumb.png.732844614e3eb16b4fcfb7f081b003c5.png1435420496_Issuewithexpandstroke.thumb.png.8a9a067122a97f42c9a0350c8cb8cce3.png

Share this post


Link to post
Share on other sites

Hi Moksha,

If possible could you provide the file so I can try a few things at my end?

Thanks

Callum


Please tag me using @ in your reply to I can be sure to respond ASAP.

Share this post


Link to post
Share on other sites

Think I've got it.

2062901784_ScreenShot2018-10-01at19_58_39.thumb.png.930ffddf1c731a0661a464e11e35ac88.png

  1. Make a circle and duplicate it twice (so now you should have 3 circles) These are for boolean work one is to be able to keep everything centred.
  2. Created an oval ellipse that roughly matched the longer curved edge of the green shape, this turns out to be approximately 18º off vertical. Now we have most of the pieces to make the "claw" shapes.
    217404239_ScreenShot2018-10-01at20_32_41.png.fecb9c533c6f02576a4b8b07eefcaa5c.png
  3. I selected a Circle and the Oval and Boolean subtracted the Oval from the Circle, you should be left with something that looks like this...
    1616744467_ScreenShot2018-10-01at20_11_34.png.1707063ec3aa30ff5f14fd14598ffc94.png
  4. Make sure the Rotation centre is aligned to the circle underneath, you'll find its slightly off so reposition it.
  5. Duplicate the shape and rotate it 120º You should have something like this
    663949236_ScreenShot2018-10-01at20_16_11.png.52a69631f1673d1d8619b4509a9ffeff.png
  6. While the shape is still selected, go to the Node Tool (A) and delete the node shown in the image below
     1646457566_ScreenShot2018-10-01at20_18_00.png.3b4fba611ec5fab1e711f8d4fa005628.png
  7. It should now look like this
    41043683_ScreenShot2018-10-01at20_20_19.png.ca8a1ba93adbcb9b2b6f5e2ee7af4359.png
  8. Boolean subtract the green shape from the grey shape, you might have a few rogue nodes just highlight them and delete them.
    2008164170_ScreenShot2018-10-01at20_22_26.png.cac74f41b4770a3f99618370e72bef83.png
  9. Select the Move Tool (V) reposition the shape rotation centre to match the centre of the circle, duplicate the shape and rotate 120º Press cmd + J  (Ctrl + J on windows to create the third shape)
    909446464_ScreenShot2018-10-01at20_27_38.png.a2aa7560e19651787aa2868233debdb3.png
  10. Now select All three shapes, add a white stroke centre aligned and colour the three shapes to suit.
    394634835_ScreenShot2018-10-01at20_30_42.png.dff2616e7540806c6198bd437a1ba147.png

iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

Wow

Reglico - great link by the way.

Using the video link - I got to

 MyAttemptLogoRef.png.3c9b31f7683ef684114cca5f01d923d0.png

 

Close but not quite

 

firstdefence - Looks like you're mighty close - Wow - thanks - just wondering if we can get the curvature like the pic below - the ref 

 

LogoRef.png.2a9b9363259d6c9fd877cd15b44c2b23.png

 

Really loving the support :)

 

Share this post


Link to post
Share on other sites

Hey, moksha,

Here's my entirely crude hand drawn approximation. Was messing around trying to figure out the original image geometry, and got frustrated. Figured I could do it faster and near good enough by hand. File saved w. history, but the history is incomplete. Hope it helps.

LogoRef23.afdesign


iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Share this post


Link to post
Share on other sites
4 minutes ago, gdenby said:

Was messing around trying to figure out the original image geometry, and got frustrated

I got to that point, so went and watched TV and came back to it with fresh eyes.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

@moksha

Maybe something like this?

expanded.png.b411eb5e11b960119f4c2ff32fd6410e.png

here's a file for you to look at

logo.afdesign

I guess the problem with it is that you want to do it geometrically, but the reference image isn't. To get those type of curves and squished ellipse shape I say you have to do the curves by eye.

Edited by ouki
Spelling derp

Share this post


Link to post
Share on other sites

@moksha

Yup pretty much. You can do it with geometry, but I think you’ll get a more exact copy with pen. Depending on the intention of the designer, perfect circles are usually optically adjusted and slightly squished like in the reference image you linked or like the O’s in geometric fonts.

Either way all options mentioned here are good for learning some of AD’s tools.

Share this post


Link to post
Share on other sites
26 minutes ago, JimmyJack said:

@moksha I think the guys are onto a good process! I just think the geometry needed is something more like a tear drop :57_cry:... :D.

1619750556_ScreenShot2018-10-01at5_21_10PM.thumb.png.5e63c54883228e13bbe80c99443138ff.png

Thanks Jimmy Jack - Yea I had tried with Tear drop yesterday but was struggling with the process - With the replies today, however - looks like am going to succeed :)

Thanks again for the support and guidance !

Share this post


Link to post
Share on other sites

Not really what the OP is looking for, but just for giggles, I created a partially hand drawn Symbols swirl.afdesign version using three instances of a shape originally made from a 120° donut shape. Editing the shape of any of the curve instances changes all of them, creating some interesting & always geometric patterns.


Affinity Photo 1.8.2, Affinity Designer 1.8.2, Affinity Publisher 1.8.2; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.2.174 & Affinity Designer 1.8.2.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.