Design Seamless Patterns Like a Pro : Easy Step-by-Step Tutorial for Affinity Designer

Поділитися
Вставка
  • Опубліковано 9 лют 2025

КОМЕНТАРІ • 127

  • @TechnicallyTrent
    @TechnicallyTrent  Рік тому +2

    💻🚀 Download my FREE PDF with 10 Quick Affinity Designer tips here:
    trenttech.gumroad.com/l/affinitydesigner_10_Tips
    (Cost is $0 but a small donation helps support this channel! 😇)
    ✅New to Affinity Designer? Check out my 2-hour Crash Course right here on UA-cam:
    ua-cam.com/video/8y5CDmJSt8g/v-deo.html

  • @mfrazeehvacc5012
    @mfrazeehvacc5012 10 місяців тому +7

    This is one of the best tutorial on tile maps i have ever watched. THANKS! You made it so easy!!!😃

  • @ArtsyLadyCrafter
    @ArtsyLadyCrafter 19 днів тому +1

    Easiest by far! I've watched several. A special thanks on how to handle corners. Going to watch several more of your vids and I WILL donate. 💖

  • @laprimanerda7333
    @laprimanerda7333 2 місяці тому +1

    This is a huge improvement for my washi tape designs. Thank you!!

  • @Gill3D
    @Gill3D Рік тому +14

    Affinity produced a video instructing how to do this a little while ago. Your method is very much simpler. Thank you for this super lesson.

  • @aerinah9790
    @aerinah9790 Рік тому +5

    This is a game changer. It's so much faster and more intuitive to make seamless patterns now, and to change elements without messing up the repeat. Thank you!

  • @tiffanyr214
    @tiffanyr214 11 місяців тому +3

    Thank you for making this video please make more like this Affinity Designer. Thank You

  • @TheNexXxusFiles
    @TheNexXxusFiles 4 місяці тому +2

    Thank you for this tutorial, super easy to follow and a life saver!

  • @SinarAlam300
    @SinarAlam300 Рік тому +3

    yess..with no math at all. Easy and works. Thanks a lot for your tutorial Trent , excellent..👍🏻👍🏻👍🏻👍🏻👍🏻

  • @comfortandjoy9489
    @comfortandjoy9489 2 місяці тому +1

    Thanks for this! Gonna try it this morning, you’ve given me courage, and I’m a technology challenged gal.

    • @comfortandjoy9489
      @comfortandjoy9489 2 місяці тому

      I tried it and it worked great! I designed wrapping paper and sent the order in today. This is the first of your videos I watched but you earned my subscription. Super simple and well explained.

  • @DiCaverSolution
    @DiCaverSolution 10 місяців тому +4

    I was hooked within the first 2 minutes of this video, thinking, 'Wow, I need to follow this guy!' By the 5-minute mark, I had already hit the subscribe button. Excellent content!

  • @Gibinna2
    @Gibinna2 Рік тому +5

    Thank you!!!! This was so easy to do. I just make a totally seemless pattern while watching your video and following along with my own graphic, and it worked flawlessly. This is fantastic and I appreciate your video. I would have never thought to do it this way, but it's just like the easiest thing ever. :-)

  • @KalaDesigns
    @KalaDesigns Рік тому +1

    Colleague, thank you very much for your assistance. I had been searching for this type of information for a long time, and you resolved it in a moment. A warm greeting from the Kala Design team in Spain.

  • @eneacreativedesign
    @eneacreativedesign 7 місяців тому +2

    Nice tutorial, Trent, keep it up!

  • @johnlepore1562
    @johnlepore1562 8 місяців тому +1

    Thanks!

    • @TechnicallyTrent
      @TechnicallyTrent  8 місяців тому

      Thanks so much for the donation, @johnlepore1562! I appreciate it :)

  • @mikewaskewicz
    @mikewaskewicz Рік тому +1

    Thanks Trent! This sure makes life a lot easier.

  • @charmainediedericks_life
    @charmainediedericks_life 6 місяців тому +2

    Sooooo much easier, thank you!

  • @kleinejos5027
    @kleinejos5027 Рік тому +1

    This save a lot of time and calculating, it is so simple you wonder why everything is doing it so difficult. Thanks for sharing.

  • @tsubuan_sun
    @tsubuan_sun Рік тому +1

    It's really helpful for me!! I was wondering how to make seamless patterns without complicated technique. Thank you very much!

  • @jacobvaldez8794
    @jacobvaldez8794 Рік тому +1

    Nice! Definitely need to remember this when I’m creating a repeating pattern or image brush, too!

  • @moonshynesflorida3239
    @moonshynesflorida3239 Рік тому +1

    Thank you so much for explaining in a way that I understand and straight to the point. Thank you once again.

  • @type-0537
    @type-0537 Рік тому +2

    Thank you, Trent. It's easy and effective.

  • @amandasjas
    @amandasjas Рік тому +1

    Thank you so much! New to Affinity, this was exactly what I was looking for.

  • @Bill1844
    @Bill1844 Рік тому +1

    Another excellent video!

  • @johnlepore1562
    @johnlepore1562 8 місяців тому +1

    Really helpful! Thanks! I design landscapes and this should work!

  • @gga3053
    @gga3053 Рік тому +1

    Brilliant! So much better than the other approaches I have tried. Thank you.

  • @JessiTheBestiGaming
    @JessiTheBestiGaming Рік тому +1

    That's so much easier, thank you!!!

  • @hazdrubal5962
    @hazdrubal5962 Рік тому +2

    Great video, very useful.

  • @carolward1142
    @carolward1142 Рік тому +1

    This is great thanks - so much easier and ++ good to know how to make correction :)

  • @bobfrancis7128
    @bobfrancis7128 9 місяців тому +1

    Love your tutorials, bought the full suite a week ago and with your help I am powering ahead. Just want to give a heads up - bitmap fill is now part of the vector flood fill tool in version 2.4.2

    • @TechnicallyTrent
      @TechnicallyTrent  9 місяців тому

      Hi @bobfrancis7128, thanks for the tip! I was not aware that was added...it will be helpful.

  • @mind_of_a_darkhorse
    @mind_of_a_darkhorse Місяць тому +1

    Great tutorial! This always seems to mess me up! I have been making it too hard!

  • @ForgottenDetails
    @ForgottenDetails Рік тому +1

    Brilliant! So easy to understand with your instructions. You should have many, many more subscribers! I'm mentioning you to a design board I'm on; they'll appreciate this too. Thanks so much!

  • @Vophsigem
    @Vophsigem 7 місяців тому

    Brilliant, thank you.

  • @kqxx
    @kqxx Рік тому +1

    Thank you. this works well!

  • @SewGnar
    @SewGnar 9 місяців тому +1

    Super helpful! What do you press to check the scale? You were rolling through that pretty quickly and I couldn't see your command. Thank you so much!

    • @TechnicallyTrent
      @TechnicallyTrent  9 місяців тому

      Hi @SewGnar, thanks for the comment! I'm not sure what you mean by check the scale. Can you let me know which timestamp in the video you are referring to? Thanks!

  • @lynndietrich7816
    @lynndietrich7816 Рік тому +2

    Great Video! I'm starting to make patterns for blankets and this helped a lot. I was wondering if you might have a video on how to make a picture for a blanket. Example....a forest scene with animals, trees....Nothing repeating like a pattern. Every element is stand alone. Ive been guessing at it and using the size requirements for blankets in Printify, but the final design won't load to Printify because it's so large. They want something like 9300x12300. I size down and by time it will load the recommended DPI is below 150. Hope that made sense. If you have a video explaining this I'd love to see or maybe you could make one? :)

    • @TechnicallyTrent
      @TechnicallyTrent  Рік тому

      Hi LynnDietrich, thanks for the suggestion! I am definitely planning to do more videos about POD and designing for specific products. I'll be sure to add blankets to the list! I'm wrapping up some final videos for Affinity Designer that will probably take me a few more weeks. Then I hope to re-focus on POD designs...stay tuned!

    • @lynndietrich7816
      @lynndietrich7816 Рік тому

      Thanks Trent. Looking forward to more videos!!

  • @gabibou7
    @gabibou7 Рік тому +1

    Thanks! Very helpful

  • @ReVerthex
    @ReVerthex Рік тому

    Good job Trent, this is a very handy tutorial 👍

  • @Paintbug
    @Paintbug 7 місяців тому

    Brilliant! Thank you!

  • @ndc-01
    @ndc-01 Рік тому +1

    Love it, thanks for share this secret.

  • @jantepas7511
    @jantepas7511 Рік тому +2

    Thanks for sharing…

  • @arkikali5632
    @arkikali5632 Рік тому +1

    This is wonderful--thank you. The math thing has always been offputting to me.

  • @jessicaflemister4825
    @jessicaflemister4825 3 місяці тому +1

    Wow. Thank you for sharing! Question, we only need to do this with the outside elements correct?

    • @TechnicallyTrent
      @TechnicallyTrent  3 місяці тому

      Hi Jessica, correct. For the elements that are completely on the page, you can put them anywhere.

  • @Keagonlayuth
    @Keagonlayuth 8 місяців тому

    Thank you Sir.

  • @photography8868
    @photography8868 Місяць тому +1

    I'm excited about this tutorial. However, I can't get my two objects to connect so I can move them together after they have been vertically aligned. Is there a tutorial I need to watch that may explain something I am missing?

    • @photography8868
      @photography8868 Місяць тому

      Shift to select both objects to connect them. Was that an assumption that I was supposed to know or did you say it and I missed it? Again, where do I need to go to learn those assumptions as they come about in other tutorials?

    • @photography8868
      @photography8868 Місяць тому

      Color me hardheaded, I can't follow. You're jumping all over without more information. What is bitmap, how did you get to it? Everyone is excited that you have simplified it and it does look simple, till I try to apply it as I watch.

    • @TechnicallyTrent
      @TechnicallyTrent  Місяць тому +1

      Hi @photography8868, sorry some parts of the video were not clear.
      Yes, you hold SHIFT and click on multiple objects to select them at the same time.
      A bitmap is a graphic you can place in your document. They can be PNGs, JPGs, or even some other formats. Typically it is something you could have downloaded form the internet, bought, or created yourself. You can add them to your document by selecting File -> Place.
      If you'd like an overview of how Affinity Designer works, you can check out my free 2-hour beginner video here on UA-cam:
      ua-cam.com/video/8y5CDmJSt8g/v-deo.html
      Hope this helps!
      Trent

  • @greenbeetle1
    @greenbeetle1 5 місяців тому +1

    Excllent. How do you create vector (rather than raster) patterns?

    • @TechnicallyTrent
      @TechnicallyTrent  5 місяців тому

      Hi @greenbeetle1, for seamless patterns, the technique is the same. Vectors can be aligned just like bitmaps. Just be sure to verify your patterns with the test process described in the video!

  • @halmiar8981
    @halmiar8981 10 місяців тому +1

    Thank you bro...

  • @cremecut6659
    @cremecut6659 Рік тому +2

    Clever!

  • @PAndrew002
    @PAndrew002 6 місяців тому +1

    When I place my test into my bitmap rectangle, how am I supposed to drag within the image? No matter how much I drag, I am unable to see a seamless design. It gets bigger and smaller but rotates when I drag. Should I be holding command? Refer to around the 2:30+ mark.

    • @TechnicallyTrent
      @TechnicallyTrent  6 місяців тому +1

      Hi @PAndrew002,
      When using the Gradient Tool with the bitmap, on the top menu bar, is the "Extend" option set to "Wrap"? That is the only thing that I can think of without seeing what is happening. Let me know how it goes.

    • @PAndrew002
      @PAndrew002 6 місяців тому +1

      @@TechnicallyTrent Yes, it is set to Wrap. I have a recording if you have time to watch. I completely understand if you do not. I am sure you get requests like this all the time.

    • @PAndrew002
      @PAndrew002 6 місяців тому +1

      I figured out the issue. Thank you.

    • @TechnicallyTrent
      @TechnicallyTrent  6 місяців тому +1

      @@PAndrew002 Glad it worked! I'm curious what the issue was? It might help others in the future.

  • @gandolfred
    @gandolfred Рік тому +1

    Thanks! 😜✌👍🎉

  • @IndexCard-ed7ij
    @IndexCard-ed7ij 5 місяців тому +1

    HI Trent! Thank you for this. I am wondering why my objects are cut off when I move them outside the artboard? Is that a setting issue? I only see the outline of my objects. Thanks!

    • @TechnicallyTrent
      @TechnicallyTrent  5 місяців тому

      Hi @IndexCard-ed7ij, the option to toggle that is called "Clip to Canvas". You can toggle it with the \ key or go to the menu View : View Mode : Clip to Canvas.
      I have a video on the View Modes that you may find useful:
      ua-cam.com/video/zK1O-I7DtqM/v-deo.html

  • @dianadonnelly9515
    @dianadonnelly9515 Рік тому +1

    This is really helpful but both on this one and canva one I am having issues lining up the copied image on the other side. Clicking alt will copy the image but then they move out of alignment. I must be missing a step. Is there an additional key or command you are using to both copy the image and align them?

    • @TechnicallyTrent
      @TechnicallyTrent  Рік тому

      Hi DianaDonnelly! In Affinity Designer, there are controls to align the objects in a variety of ways (Horizontally, Vertically). These controls are accessed via the icon with the 2 horizontal blue bars on the top menu bar. Also, when you select 2 or more objects, you'll see the gray bar controls on the top menu bar, too. In this video, I use these controls around 1:43.
      For Canva, the objects will typically snap to alignment if I remember correctly. If you hold Control, it won't snap. Are you sure you're not holding Control? I also did my video on a PC, so if you're on mobile or a tablet I'm not sure if the controls work a little differently.
      Hope this helps! - Trent

    • @dianadonnelly9515
      @dianadonnelly9515 Рік тому

      Thank you for your advice. I will try this.@@TechnicallyTrent

  • @BeastieFloyd
    @BeastieFloyd 7 місяців тому +1

    SUPER DUPER!!!!

  • @Golemofstone
    @Golemofstone Рік тому +1

    Super helpful, Easy to follow tutorial clearly explained, and the part where you show common problems AND how to fix them is really helpful (A lot of other tutorials omit this, so thanks) Sub Gained :)

  • @marouanepubg-2957
    @marouanepubg-2957 Рік тому +1

    is great bro thanks 😍🥰

  • @Hobbyrian
    @Hobbyrian Рік тому +1

    Thank you. I like your approach and that you speak "normal" I have a hard time when the speech sounds unnatural or is slowed down sooooo it sooooounds weeeeeird. 🙂

  • @annavannoni
    @annavannoni Рік тому +1

    😎Yes, please show us how to do this via canva! Nice graphics, btw!

    • @TechnicallyTrent
      @TechnicallyTrent  Рік тому

      Hi Annavannoni, good news: I made a Canva tutorial for this:
      ua-cam.com/video/2JgH6L6TnCM/v-deo.html

  • @thelastwin
    @thelastwin Рік тому +1

    Brilliant! Works in CorelDRAW! too. Now why didn't I think of that? Thanks

  • @PCGEEK2024
    @PCGEEK2024 Рік тому +1

    Can this be in AD1 I noticed you are using 2.

    • @TechnicallyTrent
      @TechnicallyTrent  Рік тому +1

      Hi ChildOfTheKing107,
      I haven't tried it in AD1. It's been about a year since I've used AD1, but if I remember correctly this technique *should* work. AD1 supports magnetics and alignment. If you try it, let us know what you find out :)

    • @PCGEEK2024
      @PCGEEK2024 Рік тому

      @@TechnicallyTrent Thanks for the reply I will try it out, your technique seems to be simple

  • @wreford07
    @wreford07 3 місяці тому

    Question (I think I know the answer, but just checking). To rotate objects, should we rotate them with respect to their own centre as well? I'm assuming so.

    • @TechnicallyTrent
      @TechnicallyTrent  3 місяці тому

      Hi @wreford07, yes, rotating both images around their center-point in the same exact way should maintain the seamless pattern. But as always, make sure to test it :)

  • @pinktreeportfolio1450
    @pinktreeportfolio1450 Рік тому +1

    I’m just starting to learn how to make repeating patterns so this is very helpful 👍🏻
    Are the elements you brought in from Creative Fabrica vectors?

    • @TechnicallyTrent
      @TechnicallyTrent  Рік тому +1

      Thanks PinkTreePortfolio, glad it helped!
      The elements I used in the video were PNGs. However, the technique should work with vectors, too. Just be sure to test it!

    • @pinktreeportfolio1450
      @pinktreeportfolio1450 Рік тому +1

      @@TechnicallyTrent Great, thanks so much for your reply 👍🏻
      That makes sense. So does that mean the resolution would decrease if they were scaled up?

    • @TechnicallyTrent
      @TechnicallyTrent  Рік тому +1

      @@pinktreeportfolio1450 Yes, PNGs won't scale as well as vectors. However, usually if you download assets from a good site they will be pretty high resolution and it won't be a problem.

    • @pinktreeportfolio1450
      @pinktreeportfolio1450 Рік тому

      @@TechnicallyTrent Thanks so much for your reply 👍🏻

    • @anneferragamo
      @anneferragamo Рік тому +1

      Finally I found this useful and easy understanding illustration of yours. If you could please provide
      PS for IPad for the newbie like me. Really appreciate and thank you .

  • @Agentscrange
    @Agentscrange 7 місяців тому

    When I move of the main square it becomes an outline and not the image. How do I change this?

    • @TechnicallyTrent
      @TechnicallyTrent  7 місяців тому

      Hi @Agentscrange, I'm not quite sure what square you are referring to. Can you let me know what time in the video is giving you a problem?

    • @Agentscrange
      @Agentscrange 7 місяців тому

      For the example @1:43 your green bush can be seen off the white square in the black part. Mine just become an outline and not the actual image if I move thongs of the main white square workspace. I'm new to working with affinity and not sure why. I don't see an image but if I click on the layer it shows the outline as if it's not visible.

    • @TechnicallyTrent
      @TechnicallyTrent  7 місяців тому +1

      Hi @@Agentscrange I see what you mean now. This is the feature called "Clip To Canvas".
      If you hit the \ key, you will be able to toggle whether objects off of the canvas are shown. You can also enable it via the menu View -> View Mode -> Clip to Canvas.
      Note that if you have an artboard defined, it works a little bit differently. But by default with just 1 canvas, this is how it will work.
      Hope this helps!
      Trent

    • @Agentscrange
      @Agentscrange 7 місяців тому

      @TechnicallyTrent thank you ! I will try. I was using an iPad so it may not have that feature but will try it on my laptop.

  • @wallaceviegas4086
    @wallaceviegas4086 Рік тому +1

    Muito bom, parabéns!

  • @jordanlotus188
    @jordanlotus188 Рік тому +1

    nice

  • @2dgameartguru
    @2dgameartguru 5 місяців тому +1

    Why not just set the cursor movement to your canvas size once and just duplicate the objects on the edge, press the cursor key, and it's in the right spot? No alignment, no math, just a push of a key.

    • @TechnicallyTrent
      @TechnicallyTrent  5 місяців тому

      Hi @2dgameartguru, that is a cool approach! By cursor size, do you mean the setting in Settings : Tools : Nudge Distance? Would that work with a non-square canvas where you have a different width and height?

  • @alluring_graphics
    @alluring_graphics 8 місяців тому +1

    Canva please

    • @TechnicallyTrent
      @TechnicallyTrent  8 місяців тому

      Hi @alluring_graphics!
      I have a Canva version of this tutorial here:
      ua-cam.com/video/2JgH6L6TnCM/v-deo.html
      I also have more Canva tutorials coming out soon, so stay tuned :)

  • @BeastieFloyd
    @BeastieFloyd 7 місяців тому +1

    Ok third time watching I will get this right!

    • @TechnicallyTrent
      @TechnicallyTrent  7 місяців тому +1

      Hi @BeastieFloyd, how'd it go? Is it working?

    • @BeastieFloyd
      @BeastieFloyd 7 місяців тому

      @@TechnicallyTrent Yeah, I figured it out,