#11 Affinity Designer – Paper clips and brushes [ ENGLISH ]

#11 Affinity Designer – Paper clips and brushes [ ENGLISH ]


Hello and welcome to my YouTube channel! Today I’m going to show you how to draw a simple paper clip. We start with a new document with this dimensions and this resolution- I take 300 dots per inch as the resolution because I would like to use this drawing for a brush later on. I turn on my grid and start with a simple circle. I select the circle tool or the ellipse tool with the key [M] by pressing the key twice and now I’m going to draw a circle with a dimension or with a diameter of 100 pixel. While pressing ⌘ + ⇧. Now I would like to use the CURVE ACTIONS. So we have to convert this shape into a curve. Next I would like to open or break the curve while selecting this point and select BREAK CURVE at this point and select BREAK CURVE again. Now we have two semicircles. I would like to use no fill and the stroke should be let me say 2.5 points and I would like to choose the color 50 % gray. I turn on the MOVE TOOL [V] and move this one to the left. When you press the ⇧-key you can move your object by ten pixels. Now I would like to reduce the size of this one. I have this anchor point here in the top left corner and now take care that your dimensions are locked and I would like to reduce the size to 90 px. Now I would like to join this one. But before I do this I will make a copy or a duplicate of this semicircle while pressing ⌘ J. Move it to here and I would like to reduce the size to a height of 80 px. Now I would like to join these both curves from here to here. I select both semicircles press [A] for the NODE TOOL or ANCHOR TOOL and then I select the JOIN button ACTION in the toolbar. At next I turn on the MOVE TOOL [V] and move this semicircle to this place. And now I would like to join these both curves. So the logic of Affinity Designer is that the nearest nodes will be joined. So I this one and now I would like to select the NODE TOOL with a command or with the key [A]. While pressing the ⇧-Key you can select the second curve and then once again you click on JOIN CURVES. While click and hold you can select these three notes, press the ⇧-key and the CURSOR → (RIGHT 🙂 and move this one back. Let me say to this point. Now I would like to extend the curve from this point to here while selecting the PEN TOOL or pressing the shortcut [P] and from this point from the selected point to this one I click on this point. Let me mention that when you click or when you press the ⇧-key you will get a horizontal line like this or the 45 degree. So I go to this point. Click and there you have a path. I switch to the NODE TOOL [A] select this point. I switch to the PEN TOOL [P] and now while pressing the ⇧-key I will select this one and our paper clip is finished. I switch to the MOVE TOOL [V] and I would like to reduce the stroke a little bit. Let me say to 2 points and I will add an effect. A 3D effect so that it looks like a little wire. So let me zoom in [⌘ +] you can see our paper clip. I close this one and you got an idea how you can draw a simple paper clip. In the next step I would like to use the paper clip and link it together with a second one and create a brush of this paperclip. It’s time to save our document and therefore I press ⌘ + S. I would like to name the project or the document as a paper clip and go back to the full view [⌘ 0]. So – I will turn off the grids or the grid and give the clip a little description. Paper clip – curve. Ignore spelling, ignore spelling. Now I make a copy or a duplicate from the whole clip and move it down while pressing the ⇧-key. With power duplicate I create a third version and move this one to this place. Now I have to open this path so that it looks like that is that they are linked, that these clips are linked. Now I select both clips with the MOVE TOOL [V] while pressing ⇧ or you can do that in a layer panel. Now we have selected both curves and we would like to EXPAND THE STROKE to do that with a menu layer EXPAND STROKE. Now you see that the strokes are expanded and they are not longer just a single curve. With the DIVIDE OPERATION you can divide both objects into a single objects where they lay on each other. Now we have a lot of single objects and you can do the following with the ADD OPERATION. You select this one this one and this one and maybe this one and combine them with the ADD OPERATION. In the next step I combine this one this one this one and this one and combine them with the ADD OPERATION. And now it looks like that you have linked both clips together. I would like to group them in the layer panel. You can select them while pressing the ⇧-key and with [⌘ G]. You can group them to one object or to one group. Now we have the linked paper clips. I will give them a name and copy this one while holding the alt key [⌥] and give them a new name for open brush. In the next step let me select the V-key. In the next step I will duplicate or make a copy while holding alt [⌥] again and [⇧] so that they are aligned at this point and I will prepare this drawing for closed brush. Oh I don’t like that spelling. Ignore spelling, ignore spelling. That happens because I’m working on a German operating system. Okay perfect! Now – if you want to create a closed brush so that all clips are linked together you cannot use this at the whole image for the brush. Therefore we have to create a clipping mask and I will do that with the RECTANGLE TOOL [M]. I select the tool with the key [M] this one. And I will create a simple rectangle. No fill color no stroke. I will zoom in a little bit and size this down to the border of the clip. And now that they link perfect together you should use this dimension on the other side of your clip. So let me say that is 200 and that is 245. And that is 800 ok. That should work. OK. Now I would like to use this rectangle as a clipping mask and I take my last object, this one, and move it into the rectangle object. So now you got an idea when I have this object and i use it as a closed brush. You can draw closed shapes and use this one as a brush. Ok – saving again. Now I would like to export these objects. But… wait a second. I will made another duplicate of this one and expand the stroke again. Because I would like to use this one I would like to use this one for a single or for a repeating brush in Affinity Photo. Now it’s time to export these objects. You can do easily, I don’t want to use this export persona but it’s a way you can do that. I have described this in one of my other videos or tutorials. I would like to export at first this one and I press ⌘ ⌥ ⇧ with the S go to PNG DOCUMENT TYPE, select SELECTION WITHOUT BACKGROUND so I would like a transparent background for my brush and then I export this one and name it paperclip single. Save! And next I take this group for the open brush, same shortcut, select SELECTION WITHOUT BACKGROUND, Export and call it open brush. And at last I select the rectangle with the clipping mask, export again the SELECTION WITHOUT BACKGROUND and name it closed brush. Save! At next I create a new document take the same size and want to import my images for a brush. So we move to the brush panel and inside the brush panel we can create a new category and we can rename the category to paperclips. Now you can import your new TEXTURED IMAGE BRUSH. and I would like to start with the open brush and there you have the first one. You can rename the brush. Paper clip open brush is a good name so I won’t rename this and I will import a texture, a second new TEXTURED IMAGE BRUSH with a closed brush. Let me use the last one as well, but I would like to use that in Affinity Photo and show that at the end of the video and how you can use it in Affinity Photo. Ok – let me simply draw a circle. And for this circle I would test my new brushes. This one is already ready because I’ve played on it and the default is that this was stretched. And it looks like this but you should, for this image brush you should use the option the BODY should REPEAT. You can move these and these back to the end. This is one option. You can reduce the size to get more clips or you can increase the size to get an art object 🙂 Let me draw a second circle. Same size. I ♥️ this snapping tool! And now I would like to use the clothed brush on this one. Double-click to edit the brush and now you should select on the BODY REPEAT. Now you can see that all clips are linked and you can reduce the size as you want and that is the open brush. Ahhh the clothes brush – excuse me! So the open one you can use for simple lines or simple strokes. If you need more, just reduce the size of the brush. And the closed one you can use for closed shapes. This one – excuse me – If you use just the single one you can take a brush, deselect, take the brush tool, this one, and you can draw one single brush. You can repeat this brush, but – as you can see – ah excuse me – this one, so – I would like to repeat that. You can change the size but you have no links. I would like to use this option in Affinity Photo and will show you in the last step how this works. I start Affinity Photo. Open a new document. Excuse me it’s in a German UI but you will understand what I do. So I create a NEW CATEGORY, RENAME THIS CATEGORY into paper clip brushes and I would like to import a new single brush. What I like on this brush is that you… I select this brush let me show you what I can do. This is just em the first version of the brush after exporting or importing the image. But now you can use all these options in the brush dialog. You can vary the size. You can say I would like a huge distance. So if you use it now you will see – ok – to make it a bit bigger. I have a brush with tons of paper clips. I want to change the dynamic of this one and say ok – let us vary the size and let as vary the x- and y-offset and the rotation. So if you use the brush now I would like to recuce a little bit the distance like this. And everyone know that you can use this brush so that it looks like in your office. When you have a cup full of paper clips. That what the idea. Ok – I switch back to Affinity Designer. I hope that you like this tutorial and learn a little bit. If you liked the tutorial give it a thumbs up and if you don’t like or if you have any ideas to make these videos better or tutorials better leave me a note the comments. Thanks for watching! See you next time!

6 thoughts on “#11 Affinity Designer – Paper clips and brushes [ ENGLISH ]

  1. The video was beneficial for me but can you show to make the paper clip animals like on the cover art for the video?

  2. Hallo Norbert,
    es wird immer besser. Habe nun alle Tuts durchgearbeitet. Bei manchen hatte ich kleinere Probleme, aber viele Wiederholungen haben mich zum Ziel gebracht.
    Herzlichen Dank für Deine wunderbaren Tuts. Ich werde Deine zukünftigen Tuts und QT natürlich nacharbeiten.

  3. Hallo, habe mir alle deine Tuts angesehen und die Programme gekauft. Fand sie alle ganz toll und werde sie auch durcharbeiten – super erklärt!! Vielen Dank für deine Mühen!!! Schade, dass es jetzt wohl nur englisch weitergeht.

  4. Thanks for all these fantastic videos. Along with all the time it takes.
    Also, Thanks for speaking English.
    It's very hard to find good instructions for Affinity Designer. I've had this program for awhile, but went back to Adobe Illustrator because its very hard to find great content like yours.
    I'm very excited to start using AD and AP again because of you!
    Hope the people at Serif recognize all your hard work.
    Keep up the great work.
    Once again, Many Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *