Jump to content

Recommended Posts

1 hour ago, juliankaye said:

How do I turn this graphic into an outline without having to trace it:

Use another app.

Affinity Photo 1.9.3, Affinity Designer 1.9.3, Affinity Publisher 1.9.3;  2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.92.236 & Affinity Designer 1.9.2 (showing 1.9.9) for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 14.4 (18D52)

Link to post
Share on other sites

What I mean is there is no auto-trace function in any Affinity app.

There have been many topics discussing the alternatives -- just use the search box at the top of the page to find a sample of them.

Affinity Photo 1.9.3, Affinity Designer 1.9.3, Affinity Publisher 1.9.3;  2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.92.236 & Affinity Designer 1.9.2 (showing 1.9.9) for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 14.4 (18D52)

Link to post
Share on other sites

Neither of the Affinity apps has automatic tracing capabilities. So, you either have to do it manually or search for a third party app (there are quite some threads with suggestions for vectorising and tracing apps/websites in this forums).

»A designer's job is to improve the general quality of life. In fact, it's the only reason for our existence.«
Paul Rand (1914-1996)

[DISCLAIMER: Don't wonder about me probably giving the same answer as user R C-R. I blocked his comments, so my reply is not an intentional copied answer as I couldn't see his posts.]

Link to post
Share on other sites
4 hours ago, juliankaye said:

Like what app? that's not helpful at all.

You could use the free vector graphics software Inkscape for it. In most things, it is not as good as Affinity Designer, I think, but it has Autotracing (menu "Path" > "Trace Bitmap"). And that works pretty good.

Be aware to download it from inkscape.org, because there are many fake websites on the net that spread malware (like audacity.de for example - the original site in this case is audacityteam.org). inkscape.org is the original site. You can usually control that by taking a look at the Wikipedia.

Link to post
Share on other sites

To do this in Affinity you have to use one of the tools that will create curves such as the pen tool in both Affinity Photo and Affinity Designer, this would be tedious on a shape like this so using a third-party trace app is quicker and easier, you can then tweak the result to suit your expectations.

@v_kyr Kindly made this list of alternatives...

Some desktop app tools

Some online tracing tools:

 

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

Link to post
Share on other sites

The partial tools overview list @firstdefence showed, can be seen here (note that the list is incomplete, there are of course overall more tools available than I listed) ...

An adapted Java based freeware Delineate GUI app for accessing/using the "potrace & autotrace" tracers (Win/Mac/Linux) can be found here in forums resources section:

☛ Affinity Designer 1.9.3 ◆ Affinity Photo 1.9.3 ◆ OSX El Capitan

Link to post
Share on other sites

There is also an app called VectorStyler that has quite a nice Image trace feature and you can copy and paste the result into Affinity apps.

image.png.4b08a90305c62c7ee723238b12c211f7.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

Link to post
Share on other sites

 

6 hours ago, juliankaye said:

How do I turn this graphic into an outline without having to trace it:

I'm probably misunderstanding this, but the question was about turning the graphic into an outline without tracing it, rather than turning it into a vector. If this is the case, then (in Photo) you can just use "Filter" - "Detect" - "Detect Edges", then invert the image.

outline.jpg.16559c7ef922e19608c1aee2d18d00a4.jpg

Link to post
Share on other sites

I had a go at this with your image using Affinity Photo and came up with the following:

  • Apply a High-Pass Live Filter to the original - Radius 0 px, Monochrome unchecked, Blend Mode = Negation

This gave an image mostly mid-grey but with edges, including much of the outer circle, much brighter.

  • Merged the image layer with the live filter layer to give a pixel layer
  • Applied a Threhold Adjustment Layer to that pixel layer, with the threshold value nudged up minimally to 51% from 50%, Blend Mode = Normal

This gave an image almost entirely Black but with white outline edges.

 

Outlines.jpg

Link to post
Share on other sites

If you don't need a vector curve but you do want a nice crisp image of the outline:

In Affinity Photo:

Use the Flood Select Tool. Uncheck Contiguous in the toolbar and click in the white area of the image.

Go to the Select menu and choose Outline. Set the width to whatever you need. I chose 2px, centred.

With the selection boundary ("marching ants") still active, from the Layer menu choose New Fill Layer.

Set the colour of the fill layer to black.

In the Layers panel, temporarily hide the original pixel layer and from the Select menu choose deselect:

1628188379_Screenshot2021-05-03at09_11_39.thumb.png.7368f8ad009db6d49f03eb45a7cb2c63.png

Choosing a wider Outline and then smoothing the selection before filling will stand up to more magnification. Mine is fine at 100% but the hard edge is stepped if you go much higher.

The outline can be any colour you like, the Fill layer can be rasterised for compositing.

@GarryP beat me to it!

 

 

outline.afphoto

Affinity Photo 1.9.3,  Affinity Designer 1.9.3, Affinity Publisher 1.9.3, Mac OSX 11.2, 2018 MacBook Pro 15"

Betas as they happen... 

Link to post
Share on other sites
50 minutes ago, firstdefence said:

There is also an app called VectorStyler that has quite a nice Image trace feature and you can copy and paste the result into Affinity apps.

 

That is an impressive piece of software.

Link to post
Share on other sites
41 minutes ago, Gremriel said:

That is an impressive piece of software.

It can be glitchy at the moment because it's beta but it has some nifty features as well as the image trace, certainly one to keep an eye on.

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

Link to post
Share on other sites

I would have thought this type of image would be used for crafting, maybe @juliankaye can expand on the reason for the request. 

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

Link to post
Share on other sites

I recently came across another (currently) free tool for Mac, iPad and iPhone users - it's called Vectornator and one of its functions is an autotrace tool.  The sample below was produced using the default settings and the default fills and strokes quickly restyled by me.

vn quick conversion.svg

Before you go getting too excited, it seems to require Big Sur for the current version (v4), though they do have a legacy version that works with Catalina available according to the "Why can't I download Vectornator on my Mac?" item in their FAQ.

—— Gary ——
Photo/Designer: Mac App Store, current releases
Publisher: Affinity Store, current release

Mac mini (M1, 2020); 16GB/2TB;  macOS Big Sur: 11.3.1
MacBook Pro (Intel) macOS Catalina 10.15.whatever

iOS: current release

Link to post
Share on other sites
1 hour ago, GaryLearnTech said:

I recently came across another (currently) free tool for Mac, iPad and iPhone users - it's called Vectornator and one of its functions is an autotrace tool.

 

Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows 1.9.2 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.9.2 • Designer for iPad 1.9.2 • iPadOS 14.4.2 (iPad Air 2)

Link to post
Share on other sites

@Alfred Yeah, I did a quick forum search before posting so I knew it wasn't new around here (not really surprising, since it's now at v4).  I only went ahead since it wasn't mentioned in @v_kyr's list posted higher up here by @firstdefence.

—— Gary ——
Photo/Designer: Mac App Store, current releases
Publisher: Affinity Store, current release

Mac mini (M1, 2020); 16GB/2TB;  macOS Big Sur: 11.3.1
MacBook Pro (Intel) macOS Catalina 10.15.whatever

iOS: current release

Link to post
Share on other sites

I’ve just discovered that what was Imaengine is now Vector Q, but the original Imaengine is back as a separate ‘legacy’ app. There’s also a simpler app, Vinilo, from the same developer.

Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows 1.9.2 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.9.2 • Designer for iPad 1.9.2 • iPadOS 14.4.2 (iPad Air 2)

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.

Loading...
×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.