Jump to content

Recommended Posts

This short video is about how to create offset paths in Affinity Designer.  Offset paths are a powerful tool that designers use to create exact duplicates of a vector object shape and then use these duplicate as individual vector objects.  With the ability to create an exact size for your offset, you've have a powerful tool to create fantastic eye catching layers in you digital art. Creating offset paths in Affinity Designer is quick and it's easy. I show you how to setup the keyboard shortcut and with one click you are ready to create offsets for any object, shape, text, or line.  Offset paths are one of the secrets that designers use to create stunning computer graphics.  Create your own website graphics, digital art, blog posts illustrations, instagram images, and go ahead and brag on twitter!  Happy Creating :-) Jen

 


Check out my Youtube tutorials and my Skillshare course on Affinity Designer:
This link allows you to watch the course for free: https://skl.sh/32qtnRt
YouTube tutorials for Affinity Designer: http://www.youtube.com/channel/UCU_Y96iOVu_M-f1xWDEN2TA

 

Share this post


Link to post
Share on other sites

Fantastic! That's brilliant!  Thank you!


- Affinity Photo 1.8.6
- Affinity Designer 1.8.6
-Affinity Publisher 1.8.6

 

MacBook Pro 16 GB
MacOS Big Sur v.11.1

Share this post


Link to post
Share on other sites

The method above is a (cumbersome) workaround until the Offset Tool arrives in a later version.

I anticipate an elegant and versatile tool that works directly on canvas, but who knows what Affinity have up their digital sleeves?


Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   16 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Huion 1060 Plus

How I make GIFs >>> ScreenToGIF (Windows only, Open Source, Portable, ~600kB)

Share this post


Link to post
Share on other sites

Is there a way to do this without expanding the strokes? I have Affinity Photo, which has some (albeit limited) vector tools, and there is no "expand stroke" feature. I cannot afford Designer.

Share this post


Link to post
Share on other sites
31 minutes ago, ZDalton said:

Is there a way to do this without expanding the strokes?

If you don't need vector, you can for example write your text in black, dupplicate this layer, add the stroke in a flashy colour, and rasterize the layer.

Next, you select the black in the letters and you delete it. You'll be able to add effects to this "stroke".

Share this post


Link to post
Share on other sites

Has anything changed in AD in the last year regarding offsetting paths? Is this cumbersome and frustrating option posted here still the only way? This basic feature like "Offset Path" which has been in Illustrator for 20 years still unavailable in AD? Is there any chance to see this coming any time soon? 

Share this post


Link to post
Share on other sites

Googled "offset path affinity designer" and came across this. This is seriously the only way to do an offset path in AD? I'm a designer of bags and backpacks and I use that tool more than just about any other in AI for quickly adding seam allowances to my patterns. I found out about AD today and downloaded the trial. I guess for now I'm going to have to keep paying the ridiculous Adobe tax...

Share this post


Link to post
Share on other sites
On 10/18/2020 at 1:22 AM, IPv6Freely said:

Googled "offset path affinity designer" and came across this. This is seriously the only way to do an offset path in AD? I'm a designer of bags and backpacks and I use that tool more than just about any other in AI for quickly adding seam allowances to my patterns. I found out about AD today and downloaded the trial. I guess for now I'm going to have to keep paying the ridiculous Adobe tax...

I don't know why people are not using the Appearance Studio, you can add as many strokes to a curve as you want in there.


Affinity Photo 1.9 beta, Designer 1.9 beta, Publisher 1.9 beta on MACOS Big Sur beta on Macbook 2016 and M1 Mac Mini 16GB 1TB (Superb!)
Affinity Photo 1.9 beta, Designer 1.9 beta, Publisher 1.9 beta on Windows 10 Pro.
Affinity Photo 1.8, Designer 1.9 beta on iPad Pro 9.7" on iPadOS 14.5 beta.

https://www.facebook.com/AffinityForiPad/

https://www.facebook.com/groups/AffinityPhoto/

 

Share this post


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

I don't know why people are not using the Appearance Studio, you can add as many strokes to a curve as you want in there.

I have no idea what Appearance Studio is. So maybe that's why.

Share this post


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

I have no idea what Appearance Studio is. So maybe that's why.

https://affinity.help/designer/English.lproj/pages/Panels/appearancePanel.html


Affinity Photo 1.9 beta, Designer 1.9 beta, Publisher 1.9 beta on MACOS Big Sur beta on Macbook 2016 and M1 Mac Mini 16GB 1TB (Superb!)
Affinity Photo 1.9 beta, Designer 1.9 beta, Publisher 1.9 beta on Windows 10 Pro.
Affinity Photo 1.8, Designer 1.9 beta on iPad Pro 9.7" on iPadOS 14.5 beta.

https://www.facebook.com/AffinityForiPad/

https://www.facebook.com/groups/AffinityPhoto/

 

Share this post


Link to post
Share on other sites
11 hours ago, Paul Mudditt said:

Okay, so I did that. I have a 13pt stroke in black with a 10pt stroke in red. 

1540260141_ScreenShot2020-10-27at11_04_40AM.thumb.png.d435a5d8c516e57c16de292a065649b7.png

Now, how do I remove the red so that all that is left is a 3pt black stroke that is 10pt outside the blue box?

I don't want multiple strokes on a curve, I want the equivalent of an offset path in AI. 

Edited by IPv6Freely

Share this post


Link to post
Share on other sites

Okay so looks like if I go to Layer > Expand Stroke, then select both of the two curves that are now created from the two strokes, and use the Subtract button, I get the result I want. Which... is basically exactly what the video was about in the first post of the thread. So... still not what I'm looking for.714329585_ScreenShot2020-10-27at11_14_32AM.thumb.png.20059edbea62432625749b41248b71c0.png940396110_ScreenShot2020-10-27at11_14_38AM.thumb.png.0f65f094ce7de14460f5cda100e39fe2.png

 

I guess I could always fake it by just doing a 10pt white stroke on top of a 13pt black stroke, but that still means it's missing the functionality I'm actually looking for. I'm on my last day of my Affinity Designer trial, so I guess until that functionality is introduced without having to do these workarounds I'll be sticking with AI.

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.

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.