Jump to content
Kiarian

How would you create a fabric using Affinity Photo?

Recommended Posts

I'm trying to figure out the best way you can generate a fabric using Affinity Photo. I know you can use the noise filters to generate random static, but how would I combine this with a set pattern you would get in a fabric like cotton? I'm trying to design a retro sports kit, but I don't want a perfectly flat white background for it to sit against. I've been using Google Images to try and get a decent cotton texture, but I would rather create one from scratch.

Share this post


Link to post
Share on other sites

Hi Kiarian,

 

You can do this using a a transparent texture image either as  a overlay or as a bitmap fill, I personally like the bitmap fill as you can alter a repeat option of the bitmap image to introduce more randomness to the applied texture

 

Share this post


Link to post
Share on other sites

As for creating the texture from scratch, one way might be to take a few closeup photos of a piece of a plain white cotton cloth & create a bitmap from that.


Affinity Photo 1.7.2, Affinity Designer 1.7.2, Affinity Publisher 1.7.2; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.2.153 & Affinity Designer 1.7.2.6 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites
3 hours ago, DWright said:

Hi Kiarian,

 

You can do this using a a transparent texture image either as  a overlay or as a bitmap fill, I personally like the bitmap fill as you can alter a repeat option of the bitmap image to introduce more randomness to the applied texture

 

 

You're going to have to explain this to me as if I were a 5yr old. A transparent texture image? As in something you would get from a Google Images search, or can you create this from scratch in Affinity Photo? Photoshop has the sketch>half tone filters, with noise and blur to get a similar effect. Can I do the same thing in Affinity Photo?

Share this post


Link to post
Share on other sites

I think he means adjusting the layer opacity of the image and/or using the Overlay option to combine it with the other layer(s).


Affinity Photo 1.7.2, Affinity Designer 1.7.2, Affinity Publisher 1.7.2; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.2.153 & Affinity Designer 1.7.2.6 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

I'm lost -  what does 'repeat option of the bitmap image' mean? And what's a 'bitmap fill'?. Affinity Photo has only the Flood Fill tool.

Share this post


Link to post
Share on other sites

Affinity Photo has a Gradient tool. When you select it, the Context toolbar has several options, including context (fill or stroke) & Type. One of the Type options is "Bitmap." Select that & you can specify a previously saved image file (jpg, tif, etc.). Use it on a shape, such as a rectangle that covers the canvas, & you get Extend options & control handles that allow you to fill the rectangle with a repeating pattern. Use the Mirror or Wrap extend option for this.


Affinity Photo 1.7.2, Affinity Designer 1.7.2, Affinity Publisher 1.7.2; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.2.153 & Affinity Designer 1.7.2.6 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites
34 minutes ago, R C-R said:

Affinity Photo has a Gradient tool. When you select it, the Context toolbar has several options, including context (fill or stroke) & Type. One of the Type options is "Bitmap." Select that & you can specify a previously saved image file (jpg, tif, etc.). Use it on a shape, such as a rectangle that covers the canvas, & you get Extend options & control handles that allow you to fill the rectangle with a repeating pattern. Use the Mirror or Wrap extend option for this.


I had no idea about the Bitmap option on the Gradient tool. That is very, very cool! Many thanks. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×