Help with drawing part of a circle for a logo

[clk3]

[Hangman]

Hi @clk3 amd welcome to the forums...

Could you clarify what it is you are wanting to achieve, e.g., are you wanting 'handmade by' to appear on one line around the curve with 'kirkby' as shown? If you could let us know the end result you're looking for that would be really helpful...

[Alfred]

If you mean that you want the circle (or part of it) to remain after you’ve added the text, you need to duplicate the original circle beforehand. When you create text on a path in Designer, the curve or shape that you started with always loses its stroke.

[clk3]

Hi and thank you for the welcome.

I’ve submitted a very rough thumbnail of what I’m trying to achieve (which I thought was quite simple but it all alludes me to be honest.).

but I will keep trying

[clk3]

1 hour ago, Hangman said:

Hi @clk3 amd welcome to the forums...

Could you clarify what it is you are wanting to achieve, e.g., are you wanting 'handmade by' to appear on one line around the curve with 'kirkby' as shown? If you could let us know the end result you're looking for that would be really helpful...

Sorry I didn’t reply directly but hope you can see what I have posted thank you

[clk3]

39 minutes ago, Alfred said:

If you mean that you want the circle (or part of it) to remain after you’ve added the text, you need to duplicate the original circle beforehand. When you create text on a path in Designer, the curve or shape that you started with always loses its stroke.

Hi Alfred

thanks for asking me to clarify. I have posted a very rough thumbnail which I hope shows what I am trying to achieve.

I am struggling with it all (letter spacing especially) but I will not give up 😊

[Alfred]

1 hour ago, clk3 said:

I am struggling with it all (letter spacing especially) but I will not give up 😊

That’s the spirit! For letter spacing you need to adjust the tracking, and for text positioning relative to the curves you need to adjust the baseline.

Here’s an example of the kind of result you can achieve:

[NotMyFault]

For cheaters see below (sorry Alfred)

handmade C.afdesign

[Alfred]

12 minutes ago, NotMyFault said:

For cheaters see below (sorry Alfred)

No need for apologies! I would have posted my *.afdesign file, but I currently only have the beta release of the new AD2 version installed and I wanted to avoid introducing an extra layer of potential confusion.

[clk3]

Thank you Alfred 

hmm I believe you knocked that up quite quickly …I have a lot to learn. Thanks for helping me on the way at my own pace 😂

[clk3]

1 hour ago, Alfred said:

That’s the spirit! For letter spacing you need to adjust the tracking, and for text positioning relative to the curves you need to adjust the baseline.

Here’s an example of the kind of result you can achieve:

 

1 hour ago, NotMyFault said:

For cheaters see below (sorry Alfred)

handmade C.afdesign

Hi I don’t seem to be able to download the file but thank you 🤔

[Alfred]

2 hours ago, clk3 said:

I don’t seem to be able to download the file

You can’t open it after downloading, or you can’t actually download it in the first place?

 

[clk3]

This is the message I get when I try and download Alfred?

[Alfred]

Well, that’s very odd! I’ve just downloaded it again without issue. Can you download the attached zipped copy?

handmade C.zip

[clk3]

This time I didn’t get the error message but can’t seem to see the file?

[clk3]

Things like this happen to me all the time with technology, it’s very frustrating so now I work with plants 😂

[NotMyFault]

6 hours ago, clk3 said:

This time I didn’t get the error message but can’t seem to see the file?

The file gets downloaded by the web browser you are using, and stored in a folder called „downloads“. Unlike other file types, it will normally not start directly the associated App - because most browsers have stricter security setting defaults and do not allow to start „random“ apps (unless you change that)

Most browsers allow to open the download folder (ctrl-J). You can then simply double-click on the downloaded file.

Alternatively, you can start Affinity Designer, and use the menu to „File->Open“, use the navigation functionality to choose the download folder, and choose the file to be opened.

 

[Hangman]

@clk3, here is a very rough and ready version created using Affinity Designer for desktop but the approach will be very similar on the iPad version. This is more to demonstrate an approach you could take towards creating your logo. It's in need of refinement and finessing but hopefully gives you a good starting point...

Based on your original post and sketch I've assumed you're looking to create a circular logo...

 

Steps to Create (on the Desktop Version of Affinity Designer)

1. Draw a circle using the ellipse tool for the outer text.
2. Duplicate the circle for the outer line.
3. Select the Artistic Text tool and with the outer text circle selected hover over the circle until the cursor shows the letter T with a wavy line beneath it.
4. Click once and enter the handmade text and make sure it is centered.
5. Drag the green start handle to the three o’clock position and the red end handle to the nine o’clock position to move the text to the top of the circle.
6. Click the Reverse Text Path button on the context tool bar to reverse the orientation of the text.
7. You can then experiment with the text size, tracking and baseline shift using the controls in the Character panel to get the text to your liking.
8. One you are happy with the text click once at the end of the word handmade and hit return.
9. Enter the Kirkby text and drag the dark green start and dark red end handles to nine o’clock and three o’clock respectively.
10. Again, adjust the font and tracking until you are happy with the look.
11. With the text layer selected make a duplicate copy of it and then adjust the size of the ellipse using the Move tool to create the inner text circle.
12. Replace the text on the inner text circle with by and Lynne and again adjust the font size, weight and tracking to suit.
13. Select the outer line ellipse layer in the layers panel, duplicate it and make the duplicate ellipse diameter smaller using the Move tool to form the inner line.
14. Drag a couple of horizontal guides to the positions where you want to cut the lines.
15. Select the knife too and make cuts at the points on the two circles where the circles intersect with the guides.
16. Using the Node tool you can delete the sections of the two circles you no longer need at the top and bottom of the logo by holding the Ctrl key on desktop, though I'm unsure how this works on iPad.
17. Change the stroke width for the two lines in the Stroke Panel.
18. With the Artistic Text tool selected create the central letter C and position at the centre of your design.

That’s pretty much it, I realise some of the techniques will differ slightly on the iPad but hopefully this helps you to experiment and create a version that you are happy with.

 

Handmade by Logo.afdesign

[clk3]

5 hours ago, NotMyFault said:

The file gets downloaded by the web browser you are using, and stored in a folder called „downloads“. Unlike other file types, it will normally not start directly the associated App - because most browsers have stricter security setting defaults and do not allow to start „random“ apps (unless you change that)

Most browsers allow to open the download folder (ctrl-J). You can then simply double-click on the downloaded file.

Alternatively, you can start Affinity Designer, and use the menu to „File->Open“, use the navigation functionality to choose the download folder, and choose the file to be opened.

 

Thank you not my fault. Yes I found the downloads in my folder but still could not get them to open. The top right hand corner is folded over?

[clk3]

2 hours ago, Hangman said:

@clk3, here is a very rough and ready version created using Affinity Designer for desktop but the approach will be very similar on the iPad version. This is more to demonstrate an approach you could take towards creating your logo. It's in need of refinement and finessing but hopefully gives you a good starting point...

Based on your original post and sketch I've assumed you're looking to create a circular logo...

 

 

Steps to Create (on the Desktop Version of Affinity Designer)

1. Draw a circle using the ellipse tool for the outer text.
2. Duplicate the circle for the outer line.
3. Select the Artistic Text tool and with the outer text circle selected hover over the circle until the cursor shows the letter T with a wavy line beneath it.
4. Click once and enter the handmade text and make sure it is centered.
5. Drag the green start handle to the three o’clock position and the red end handle to the nine o’clock position to move the text to the top of the circle.
6. Click the Reverse Text Path button on the context tool bar to reverse the orientation of the text.
7. You can then experiment with the text size, tracking and baseline shift using the controls in the Character panel to get the text to your liking.
8. One you are happy with the text click once at the end of the word handmade and hit return.
9. Enter the Kirkby text and drag the dark green start and dark red end handles to nine o’clock and three o’clock respectively.
10. Again, adjust the font and tracking until you are happy with the look.
11. With the text layer selected make a duplicate copy of it and then adjust the size of the ellipse using the Move tool to create the inner text circle.
12. Replace the text on the inner text circle with by and Lynne and again adjust the font size, weight and tracking to suit.
13. Select the outer line ellipse layer in the layers panel, duplicate it and make the duplicate ellipse diameter smaller using the Move tool to form the inner line.
14. Drag a couple of horizontal guides to the positions where you want to cut the lines.
15. Select the knife too and make cuts at the points on the two circles where the circles intersect with the guides.
16. Using the Node tool you can delete the sections of the two circles you no longer need at the top and bottom of the logo by holding the Ctrl key on desktop, though I'm unsure how this works on iPad.
17. Change the stroke width for the two lines in the Stroke Panel.
18. With the Artistic Text tool selected create the central letter C and position at the centre of your design.

That’s pretty much it, I realise some of the techniques will differ slightly on the iPad but hopefully this helps you to experiment and create a version that you are happy with.

 

Handmade by Logo.afdesign

Thank you very much Hangman for taking the time to send a step by step approach I will give it a go 😊

[NotMyFault]

The screenshot looks like taken on an iPhone? Or do you use a iPad?

[Hangman]

3 minutes ago, clk3 said:

Thank you very much Hangman for taking the time to send a step by step approach I will give it a go 😊

That's no problem at all, let us know how you get on or if something doesn't make sense...

[Paul Mudditt]

On 3/1/2023 at 7:21 PM, clk3 said:

 

Hi I don’t seem to be able to download the file but thank you 🤔

No idea why you are using your iPhone to download the file, use your iPad, use Safari browser never chrome or whatever you were using and open the file like this.

 

[clk3]

On 3/2/2023 at 11:41 AM, NotMyFault said:

The screenshot looks like taken on an iPhone? Or do you use a iPad?

Hi yes the screenshot was taken with an iPhone for quickness but as affinity is not available for iPhone I am using the programme on an iPad and have the same problem on iPad.

thank you

[Hangman]

On 3/3/2023 at 12:53 PM, clk3 said:

Hi yes the screenshot was taken with an iPhone for quickness but as affinity is not available for iPhone I am using the programme on an iPad and have the same problem on iPad.

Hi @clk3, FWIW double clicking the file handmade C.afdesign should automatically open it in Affinity Designer on your iPad... What actually happens if you double click the file in your downloads folder, the .afdesign file, not the .zip file?