Create Textures In Affinity Designer

Create Textures In Affinity Designer


Hello everyone and welcome back I am your host Elias sarantopoulos. In this Affinity Designer for iPad tutorial you’ll learn how to create your own custom textures from photographs, textures that I will share with you as a free download at the end of this Affinity Designer mini-lesson. So the first thing is to look for photos with seamless texture patterns, for example, rusted metals, concrete walls, wood surfaces, and fabric materials to name some. So let me show you which photos I have chosen to use for creating custom textures for this Affinity Designer tutorial. So the first photo you see here comes from an old wallpaper, followed by a hard cover of a book with fabric on it, that can come handy for a halftone pattern, here we have a concrete wall affected by humidity, here is a wood texture from an abandoned boat and the rest come from rusted metals. So these photos will give us some nice texture patterns to work with and use them for our work. So inside Affinity Designer I have one of the photos I would like to convert into a custom texture so the first step is to tap on the Adjustment Studio and at the bottom of the list here we’re going to choose the Threshold Adjustment. So tap on that, that would convert grayscale or color images into high contrast black and white images is based on pixel lightness. Now at the bottom of that Context Toolbar you can specify a certain level as a Threshold. Right now we have 0% Threshold so if you drag to the left you’re going to convert more pixels to white, if you drag to the right you’re going to convert more pixels to black. Now this is totally subjective depending how dense you would like your textures to be. So I’m going to tap and drag to the right to convert more pixels to black like so, then tap on the Layer Studio and here actually I would like to merge those two layers into a single layer. So for that I’m going to tap on the Merge and Rasterize icon and from the list here I’m going to choose the Merge Visible option. So tap on that and now we have a new separate layer. So tap to select those two bottom layers, tap on the Trash icon and delete them. OK so the next step is actually to remove the white pixels from this black and white photo so for that actually we’re going to switch from the Vector Persona to the Pixel Persona so tap on that and under the Pixel Persona we’re going to choose the Flood Selection tool which is right here, so tap on that and at the bottom of the Context Toolbar we have one very important option, the Contiguous option. If enabled you would select a range of pixels within the same area, if disabled, similar pixels will be selected even if they are separated in different parts of the image and that’s what we want we want to disable the Contiguous option here because the image has a lot of separate parts. So tap once to select all the white pixels and then at the bottom of the Toolbar tap on the Trash icon to remove all the white pixels and then tap on the X icon to deselect then you can tap back on the Vector Persona and the important part here is actually to have this layer selected. OK right now I selected just make sure you selected with a Move tool because we want to keep the transparency for this custom texture. Tap to Export and we are going to use the PNG preset option. Now under the Area, tap on that and choose Selection Without Background which means it will be rendered out and exported as a transparent background. Now I have already produced and saved those ten (10) custom textures I will be sharing with you so let’s apply some of them into this example. So I’m just going to tap and drag one of them to the canvas here OK, I can just size it up just a little bit and tap on the Laye Studio. I’m going to make sure that this is clipped into the custom texture font, the, I would say the green one, there we go, OK. Here’s another thing we can do, I’m going to bring one more, I don’t know let’s say this one, I am going to bring it in here. OK, you can size this up that it covers the again, the custom texture there we go. And for this one actually what I can do is tap on the Layer FX Studio, tap on the Color Overlay and instead of black change this color to something like that. OK, a color of your choice. All right so what else can we do, well, I can actually bring another texture so I’m going to tap and drag this one. All right now I want to make sure this one first of all sits right outside just for a second so I see what I’m doing because I need to resize this and then let me have the Snapping ON here, there we go. And OK right now this sits on top of everything so I’m going to tap and hold and clip this inside the bottom rectangle like. So these kind of textures can really compliment to your work and give it a different look, in the meantime, I am sharing with you some of mine up on the YouTube card and if you wish to see more of these free custom textures, just comment below and let me know thank you for spending time with me today, don’t forget to subscribe to my channel and share the knowledge. Elias Sarantopoulos.


6 thoughts on “Create Textures In Affinity Designer

  1. Took me a while to find the Youtube card, but found it and downloaded the textures 🙂 Is there a way to download the textures into Affinity Designer, so they're always available in AD?

  2. Thank you so much! Just bought the app/pen (I'm not a designer) and its been so hard to learn… Could you make a video about how make "glass" surface appearance in Affinity designer for iPad?

  3. I am trying to work out how to work with screen tones in Designer. Its a great comic feature in Illustrator and Clip
    Studio. Still get up to speed!

Leave a Reply

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