Affinity Designer for iPad has been a total game-changer for my surface design process. Not only does it enable you to do precise movements with the transform tool, which makes your repeat desjgner pixel perfect goodbye pixel lines and offset repeat elements! This totally takes the guesswork out of pattern building! Not in a video mood?

See the whole process in written form below. Turn on Create Artboard then tap OK to open the document. Desitner the Documents menutap Artboardsthen drag your stylus across the dsigner to create another artboard. In the layers panel select Artboard 1then tap the Rectangle Tool. Drag your stylus across Artboard 2 to create a rectangle. Open the Transform Studio to adjust the size to x pixels and set the position to 0. Open the Symbols Studio with the rectangle still selected. Open the Symbols menu and tap Add Symbol from Selection.

In the Edit menu, tap Copy. Select Artboard 2 in the layers panel. In the Edit menu tap Paste four times so you have four Symbol blocks on Artboard 2. Put affinity designer pattern maker free download four blocks on the four corners of the artboard, using the Transform Studio to affinity designer pattern maker free download sure each square is exactly in the corner the Position should be 0, 0 for block 1;0 for block 2; and so on. Then drag that shape in make layers panel to the Symbols layer so that it afvinity a glowing orange line beside it.

Only elements that are on the Symbols layer on Artboard 1 will show up on Artboard 2, so double check your layers panel if patten have any trouble with the preview showing your elements!

The drawing should automatically show fownload on Artboard 2. Rather than redoing this process every time I create a new pattern, I like to use this document as my Master Doc, and just copy it any time I want to start a new pattern.

So, delete fdee test shape, go to your Gallerytap the Menu symbol on the document, and tap Duplicate a few times. I also add the pixel dimensions to the title and create more Master Docs at different sizes like x and xetc. Remember msker drag each shape to the Symbols layer so it has a glowing orange line beside it. Put one element on the left edge of the canvas, then tap the Edit menu and tap Duplicate. This moves the duplicated element to the exact opposite side of the canvas.

Repeat the same process around the desihner of the canvas. Things you need to move up and down rather than left to right can be adjusted on the Y-axis.

If you put something on the corner, it has to be duplicated three times, then moved to each of the four corners using the Transform Tool. Fill the repeat with shapes and filler elements like dots or lines, being sure not to draw on the edge of the canvas. Sesigner Artboard 2 to see if your repeat is spaced nicely and downnload adjustments if needed.

On affinity designer pattern maker free download export page, choose Artboard 1 as the Area and PNG as the file type, then select a save location. Affinity designer pattern maker free download you can share affinity designer pattern maker free download pattern on social media, add it to your online portfolio, or even upload the pattern to print on demand sites like Society6Spoonflower or RedBubble!

If you share the pattern on social media tag us lizkohlerbrown and affinitybyserif so we can see your pattern! You can create a beautiful pattern out of simple lines, brush strokes or dots. I made this pattern with the vector affinity designer pattern maker free download tool:. When I want to create complex patterns that contain a ton of layers, masks, or raster brush effects, I often make my repeat elements odwnload a separate document, save them as doownload PNG with no background, then import each element onto my repeat canvas.

Create a whole collection! Choose a cohesive colour palette and stick to it for 4, 10 or even 20 patterns.

Working in collections can help you afrinity your style as a designer and give you a cohesive set of patterns to show off in your affinity designer pattern maker free download.

Liz Kohler Brown is an artist and designer who creates unique lettering projects, surface designs, and illustrations. After earning a Master of Fine Arts degree, she followed her passion of teaching workshops and classes around affinity designer pattern maker free download world, online and in person. We no longer support Internet Explorer.

Please upgrade your browser to improve your experience. Find out more. About Contact. Liz Kohler Brown is an artist and designer who mmaker unique lettering projects, surface designs and illustrations. Here she is to show us how to create a repeat pattern in Affinity Designer. Please turn on JavaScript to view this video.

Knowledge required:. If you want to skip some steps and jump directly onto the exciting part of the tut, just download the files provided below to go through this lesson right now! The folder includes an Affinity Designer Assets file, with all the elements used to create the featured pattern design and, two. A xpx Document will work fine. Breaking down these two tasks will make our process a lot easier. If you downloaded the Affinity Assets file included with this tutorial, you are half-way done with this tutorial, otherwise, I recommend you to create at least 10 simple objects of your choice flowers, animals, ornaments… that will be part of your final pattern design.

The key here is to know HOW to position the repeating objects in our canvas. Pick any object you like and place it precisely at the corner of your canvas. Athen type 0 zero in the X and Y input values Fig. D and the bottom-left corner Fig. Now that our corners are safely locked, we can start adding more elements to our composition.

The first thing we need to do is to make sure that this object is positioned using whole numbers, this way will be more natural to calculate where its opposite position should be. In this case, its X-Y horizontal-vertical coordinates are 0 affinity designer pattern maker free download Now, both triangles will match perfectly when our pattern gets tiled from its left or right edges. Since its bottom part gets cut-out from our canvas, we affinity designer pattern maker free download to duplicate it and place it at affinity designer pattern maker free download opposite top edge as well, to make it tile perfectly when our pattern gets repeated vertically.

Here, we had to subtract its original Y position pxminus the total canvas height px. After pasting it, align your pattern to the top-left corner. Make sure, this time you select the top-left handle to transform your object see image above. In this case and then input X:0 px, Y:0 px for your horizontal and vertical position values. Then, while selecting your pattern choose the option Create. Duplicate this new Symbol and move it to the right using the values X: pxY: 0 px.

Duplicate the pattern a couple affinity designer pattern maker free download times until you fill in all the gaps, using each respective duplicate values as we learned before:. See you next time! Design School. Mystery Boxes. Graphic Design.

Creating Seamless Patterns in Affinity Designer. Frankentoon February 11, Luckily enough, the trick to make your patterns repeat correctly is quite simple to master.

Downloadable content: If you want to skip some steps and jump directly onto the exciting part of the tut, just download the files provided below to go through this lesson right now!

Three simple rules: If an object is placed in a corneryou need to repeat that object in all four corners. Step 2: Designing your pattern using Rule 1 Pick any object you like and place it precisely at the corner of your canvas.

Step 3: Designing your pattern using Rule 2 Now that our corners are safely locked, we can start adding more elements to our composition. Trust me. Once all your objects all affinity designer pattern maker free download on your canvas, you can play around with colors an the rest of the elements in the center, until your pattern look as interesting as possible.

TIP: Keep an eye on the Navigator Panelto have a better understanding of how your entire composition is working out. Keep Learning more cool stuff. Crumpled Papers 1.

Propaganda goes Garage! Nomad for Affinity designer pattern maker free download Delayed Update. Characters Illustration FX Artwork. Contact Us. Access your Dashboard:. Instagram Twitter Youtube Facebook. Full Name. Order Number If any. Please, describe your issue. If you have any screenshot, please upload it here Max. Just say hi. Enrique, Brenda and Sam, will be more than glad to answer anything you may want to ask!

We post tutorials, products affinity designer pattern maker free download, sketches, behind the scenes and photos of cats…. Instagram Twitter Facebook Youtube Pinterest.

Filling your objects with a pattern is a pretty common preset for most graphic design applications, and Affinity Designer is no exception to this. However, pattern fills work slightly different in Affinity Designer than they do in alternative applications, like Inkscape and Adobe Illustrator. In a tutorial I recently made for my Affinity designer pattern maker free download channel, I demonstrated how to create a vector pattern with Affinity Designer:. The pattern depicts colored cubes stacked neatly against each other.

It is created by first making a single tile, exporting it as a PNG image, and then using it as a pattern fill with Affinity Designer. The tile is designed in such a way that you can place copies of it next to each other to create a seamless, symmetrical pattern that can be repeated infinitely.

Just right-click the image and select Save As. For this demonstration I will be using a basic circular shape. To apply a pattern fill with Affinity Designer, grab the Fill Tool keyboard shortcut: G and look towards the top of the screen for the tool settings.

Locate your pattern on your hard drive and click OK to import it. The center node of affinity designer pattern maker free download handle represents the position of the pattern. Moving this will in turn move the location of the pattern within the object, but without moving the object:.

When making transformations with the adjustment handles, you can hold the Shift key at any point to lock movement on the vertical and horizontal axis, and to lock the rotation into 15 degree increments. In fact, this problem is common in Inkscape and Illustrator as well.

A workaround for this problem is to simply create another copy of your object, then fill it with one of the colors from your pattern:. You can use the Color Picker tool to do this keyboard shortcut: i. Once filled, lower the duplicate copy beneath the original copy and align them vertically and horizontally.

The reason why this works is because it fills the gap areas with the color you chose, which basically makes them invisible to the human eye.

You may also want to save a native vector copy. I have a affinity designer pattern maker free download on exporting your work with Affinity Designer if you need assistance with that. Giving an object a simple pattern fill with Affinity Affinity designer pattern maker free download is an easy process that only takes a couple of clicks.

If you have any questions or if any part of this lesson was unclear, simply leave a comment below. As always, thanks for visiting!

Want to learn more about how Affinity Designer works? Enroll Now. Want to learn more about how Adobe Illustrator works? Check out my Illustrator Explainer Series - a comprehensive collection of over videos where I go over every tool, feature and function and explain what it is, how it works, and why it's useful.

This post may contain affiliate links. Read affiliate disclosure here. Thanks for that Nick. Is there a way to create transparency as one can do with a normal fill or gradient fill? I enjoy the Pixel Persona affinity designer pattern maker free download. Once completed, I decided to zoom right in and I notice that cube lines are pixelated indicating a NON Vector graphic. Should it be this way, or should the cube edges be straight and not stair stepped as you see in bitmap images.

Maybe I did something wrong. Your email address will not be published. Save my name and email in this browser for the next time I comment. Having the ability to distribute objects on your canvas in an organized and evenly-spaced way is an essential function for graphic designers. This is especially true for some of the more advanced In this tutorial we'll be going over how you can resize the artboard in Illustrator. This is done by using a dedicated tool that allows you to scale the width and height in a multitude of Affinity designer pattern maker free download to content.

Not directly. There might be a way to pull this off by playing around with layer masks though. Nice to see Inkscape continuing development. Thank you very much, this was very useful!. Take cere, bro. Leave a Reply Cancel reply Your email address will not be published. Read More. You will then be prompted to choose an image to use as your pattern fill. Become A Master of Affinity Designer! Become A Master of Affinity designer pattern maker free download Illustrator!