Jump to content
istring

Is there away of creating a repeating pattern using an offset?

Recommended Posts

Hi,

I want to make a repeating pattern and saw a Photoshop tutorial ( https://binged.it/2tZ6SDb ) where they used an offset function to do this. I've tried searching for something similar in Affinity Designer but cannot seem to find an equivalent? Is there something I've missed?

istring

Share this post


Link to post
Share on other sites

Affinity doesn't have an offset path feature yet but there is a clumsy workaround using expand strokes.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites
Just now, firstdefence said:

Affinity doesn't have an offset path feature yet but there is a clumsy workaround using expand strokes.

I don’t think we’re talking about that kind of offset! Unless I’ve misunderstood, the OP simply wants to offset copies of a pattern by the width or height of (the repeating part of) that pattern to get a seamless result, which should be easily achievable by transforming a copy and then using the ‘power duplicate’ feature.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites
5 minutes ago, Alfred said:

I don’t think we’re talking about that kind of offset! Unless I’ve misunderstood, the OP simply wants to offset copies of a pattern by the width or height of (the repeating part of) that pattern to get a seamless result, which should be easily achievable by transforming a copy and then using the ‘power duplicate’ feature.

ah, penny dropped lol! just noticed the link to the video... I need more coffee 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

Thanks Alfred,

That's what I'm doing now, duplicating with the handy power duplicate I found when searching for the offset thing, but what I believe the offset does that the power duplicate doesn't is split the selected in to pieces so there isn't loads of mess left hiding on the side. I also think it's more mathematically accurate somehow?

Share this post


Link to post
Share on other sites

You should be able to get around the “loads of mess” problem by clipping the design to a rectangle. As for accuracy, I don’t see why power duplicating would be any less accurate than laboriously typing in the same offset values.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites

Sorry, I'm self taught so not too hot on terminology and often miss the most basic ideas! What do you mean by clipping the design to a rectangle? How do I do that?

Share this post


Link to post
Share on other sites

Clipping is using a shape ie. a rectangle to hide part of an image, object, pattern you do that by placing it as a child layer to the rectangle, so on the layers panel the pattern looks indented.
1532207846_ScreenShot2019-03-10at11_21_44.png.bd51643118a49b78e593aad866348995.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites
7 minutes ago, istring said:

Sorry, I'm self taught so not too hot on terminology and often miss the most basic ideas! What do you mean by clipping the design to a rectangle? How do I do that?

Here’s a link to a quick visual for you. (Thanks, Alex!)

 


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites

Hi,

If you're using Designer there is a lady on Youtube  East Coast Charm who does great tutorials for creating repeat patterns in Affinity Designer using Symbols: Create A Pattern Template In Affinity Designer

The suggestion for this kind of tool has been added to feature requests for the ipad (Designer) so not sure about desktop or Photo :Embroidering Tiny Shapes Inside a Big Shape

Share this post


Link to post
Share on other sites

If you are in Affinity Photo You could use the Distort filter: Affine this behaves in a similar manner to offset in Photoshop, in PS that is what the offset filter is actually doing.

I duplicated the pattern, and used the affine filter twice, once to move it 50% right and once to move it -50% to the left. the method for overlap is the same as in the tutorial

Pattern.png.05ae7e724673abefeaa5dcd02f81f95c.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

This is a rudimentary macro that can be used on a pattern, its very basic, consisting of duplicating the layer with the central pattern and then applying the distort filter: Affine and then merging the visible layers.

if you want to fill the gaps as per the video this will be a manual job post macro.

Seamless Pattern Maker.afmacro (Affinity Photo only)


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, 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 Instagram & Flickr - Affinity Live 19th June 2019

Share this post


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

I need more coffee

You are not the only one:(


Affinity Photo 1.7.2, Affinity Designer 1.7.2, Affinity Publisher 1.7.2; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.2.153 & Affinity Designer 1.7.2.6 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

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

×