Quick & Easy Seamless Patterns in Affinity Designer/Photo

A quick and convenient way to work with seamless/tiling patterns and textures in Affinity Photo or Affinity Designer.

[@shiconotebook]

This is brilliant! I came across this video while looking for something else, can't believe I only discovered this now. Thank you for sharing Mark!

[@siomaralopez8177]

My first comment ever on youtube just to thank you for this video!

[@colemyst]

THANK YOU! THANK YOU! THANK YOU!!!! I have spent the last few days trying to find a sensible way to fill a page with my patterns. I had given up and just used my photoshop. I couldn't believe that something so necessary to a designer was completely overlooked by Affinity. Thank you again. Saving your video to my Affinity playlist.

[@awjfagan]

Thanks for this clear helpful tutorial, this was exactly what I was needing to do.

[@AndrewKwabula]

Wow, this is just awesome, alot easier and painless than so many with thousands of steps

[@TimFenwick]

WOW! Tremendous video! Thanks for it!

[@LeDucTube]

I never knew that an image could be converted to a curve. Thanks for sharing.

[@LauraSeabrook]

Neither did I. Affinity has lots of hidden features!

[@laurarusso246]

Two words: absolute genius. Thank you!!!

[@renehouse2015]

GREAT Tutorial!!!... thank you for the wisdom!

[@diphyp]

Brilliant, exactly what I needed, thank you 😊

[@stephydae]

Oh my goodness! What a magic! Thank you so much for these tips.. I've been searching for days on how I can use pattern tile in Affinity Designer.. I'm about to consider buying Adobe Illustrator already. New sub here. Please create more tutorials. Wish you happiness and have a nice day... 👍😊 p/s: I'm AD newbie..

[@jurgenvantomme]

Thank you great tip!

[@dragoY9955]

Thank you so much for sharing. I have found that putting the initial image (tile) at one corner of the canvas, then "convert to curves", then do the "stretching" of the 2 edge nodes vertically and horizontally, is faster. (2 "stretches" vs 4 "stretches" required.) But of course, the control tile will be at corner instead of at the center of the canvas. Not sure yet if the is any disadvantage by doing so. Edit : Just found that I can shift the control handles to the center of the canvas easily. (by click the center of the control and drag it to the middle of canvas.)

[@mostlywildlife]

I can't wait to try this. Thanks.

[@DTPIIXART]

Ok that's cool. Now I know how to make wallpapers with tiled images. I'm guessing these instructions are the same for Designer and/or Affinity Photo?

[@runforrestrun1965]

Brilliant, thanks

[@DraconianRain]

I'm so happy to see this feature! I've definitely overlooked it though

[@artigotale]

Great video for those of us so desperate to get away from the adobe universe

[@visiblestories6042]

Wow! That was easy! Thank you!

[@mooliak]

Thank you for showing us how to do this.

[@obiecteselectedinlemn4440]

THANK YOU SO SO SO MUCH FOR THIS

[@olafmiklagaard113]

Been looking for this answer, thanks mate.

[@ArtsyLadyCrafter]

I'm like everyone else, so excited about this! Thanks SO much. I see you're not on very much. If you start producing more vids for Designer I'll sub.

[@miklas0815]

very useful. Thank you!

[@Keith12001]

Great. Thanks for sharing

[@SingClancySing]

Thanks for this!

[@ayselbars-asenova6769]

Thank you a lot. You are king!!!!!!

[@MOHAMEDHASSAN-fk9jv]

Brilliant. Thanks a lot.

[@timetorelaxfocus9642]

Cool, thanks for this video

[@GrungeEmo]

I do not see a node tool for Affinity Photo? I wish you included where stuff was in both programs.

[@Mark-FX]

Apologies! If you click and hold the Pen tool in Affinity Photo it should give you the option to switch to the note tool. (See: i.ibb.co/mJVw6z4/2021-01-25-14-57-22.png)

[@timclayton8214]

Brilliant

[@francisong3107]

Ingenius. Thanks.

[@wemioye3583]

Thank you!

[@javieroldan]

Nice method! Thanks. The only problem I see with this technique is that when you take the resulting image and tile it, it doesn't match, so it is not valid for me for 3D, gaming,...

[@Mark-FX]

Yeah, this tutorial is for using tile-ready images in 2D artworks as opposed to making textures tile-able. I'll maybe do a tutorial on that later if I have any tops that aren't covered in other tutorials.

[@profyle766]

This is what i was looking for, straight to the point, very good, Thanks, i am interested in sacred geometry either for Affinity designer or photo, do you know of any??? i have been searching .

[@Mark-FX]

The first thing that springs to mind is Photo's symmetry brush: imgur.com/l0KN819

[@matthewsmith1547]

That’s cool

[@m.p.8623]

I'm trying to do this 4 yrs later in a newer version of AD and it's not responding the same. The sides keep stretching to one side or the other but won't extend out to the edges. Also, it won't let me extend the nodes it only bends them. Do you have an update for AD2?

[@Mark-FX]

Hmm. I just tried it in AD2 and the same technique is working for me. Once you've converted the placed image to curves, be sure to use the Node tool (A) rather than the Move tool to avoid stretching, and then make sure you click and drag on the corners as opposed to an edge-this should extend the shape rather than curving the edge. If you're still having problems with stretching then the only thing I can think of is selecting the Gradient tool and ensuring "maintain fill aspect ratio" is selected in the tool options. It should be said, I've only tried this on Windows. I can't guarantee this mythology works on Mac/iPad. I hope this helps.

[@hasyimakbar4349]

Thank you

[@chariots8x230]

I opened the image but the “Convert to Curves” option is grayed out, so I can’t click on it. What should I do? EDIT: Nevermind. My mistake was that I opened the image as a new file instead of going to File > Place to import it.

[@homemovies751]

Not what I expected (I wanted to learn how to create a seamless tile) but very cool anyway.

[@kjones3212]

I need help! How can you do this on the iPad version? Any ideas?

[@Mark-FX]

I'm sorry, I'm afraid I've never used the iPad version so I don't know how it differs to the desktop version, so I don't know how to help you there.

[@MrSusanjtr]

I found a way for iPad! So you skip all of that. 1 Create any shape you like. 2 Select gradient tool and you choose from solid to Bitmap. (choose your picture from Your files, You will have to make sure that you save the picture that you want to use in some folder in files, because isn’t going to pick it up from photos.) 3 resize as you wish like the last step on the video. Now, it’s not perfect but it’s an alternative.

[@universe5364]

Hi there any idea how to do this for Affinity Designer on iPad? I don’t see the option to extend anywhere…

[@Mark-FX]

Hi there. I'm afraid I don't have a iPad so I haven't been able to experiment there. Maybe the help documents will have some information on fills modes or image fills.

[@zimnelredoran9985]

When you try doing this with a handpainted surface, the convert to curves option is not available. Since I supposed it was already curves, I tried selecting directly the nodes, but it wasn't working. Ideas? : )

[@Mark-FX]

In the layers panel is you image a 'Pixel' layer or an 'Image' layer? This technique only works with embedded images, not raster (pixel) layers. To get you image embedded correctly, use File > Place. Is this perhaps the issue you're encountering?

[@zimnelredoran9985]

@@Mark-FX Just that, it wasn't "placed", I just dropped the file in the layer, hence it was a pixel layer, not an image layer. Now it is :D Thanks for the input : )

[@18bovende]

Dank u(!)

[@RachelRamey]

Unfortunately, this doesn't work with an image that can't be converted to curves. :( Surely there must be an easy way to just tell these programs to tile an image. Even WINDOWS can figure out how to tile an image (on the desktop)!

[@videomarketing-introsoutro4213]

This is not working for me. It keeps getting a right angle on the pic after I convert to curves then rotates the whole picture. What persona are you in

[@Mark-FX]

Just the default designer persona. I'm not sure what you mean by "getting a right angle" - are you referring to the control handles that appear with the Fill tool (1:20 in the video)?

[@videomarketing-introsoutro4213]

@@Mark-FX Yes that is all I get not sure what I am doing wrong

[@videomarketing-introsoutro4213]

Actually I worked out what I was doing wrong. I was deselecting the image before selecting the mode tool. All working now thanks Great Video

[@nattachan5468]

Is this not work in ipad ?

[@Mark-FX]

I don't have the iPad app to test it so I'm afraid I don't know.

[@annavernick1490]

wow! everyone else is still using duplicate and align!

[@james.a]

And if you need to get rid of any seams check out this video: kzbin.info/www/bejne/g4DdgmB_jqmeirc

[@sleeplessinthecarolinas8118]

Thank you!

[@eona]

Thank you!