Washed & worn look in Affinity Designer

[macerto]

Hello, 

How can I create the 'washed & worn' look shown here: https://blog.spoongraphics.co.uk/freebies/9-free-washed-worn-aged-t-shirt-effect-texture in Affinity Designer? 

 

[firstdefence]

You can use Texture images to get that grungy "I love this t-shirt soooo much" look by making the texture image a child of the text, the text then clips the texture image, you can get washed out looks by using adjustments on colours.

 

 

[macerto]

Thank you for your reply.

I am familiar with that technique, however that doesn't really accomplish what I'm aiming for. The underlying background layer needs to show through (like in the example), that is the part I'm struggling with.

[Wosven]

You can do it with textures and a (better) T-shirt's picture.

AP_T.afdesign

[gdenby]

Works pretty much like in the PS tute. Load a back ground. Add a logo vector above it. Load the texture, and rasterize the layer as mask. Insert into logo layer.

[macerto]

Thank you gdenby, this works perfectly!  The 'rasterize as mask' step is what I needed.

[BobsDaubs]

On the download page for these washed and worn textures, near the bottom of the post, he talks about how to use the textures in Photoshop. He also talks about using levels on the layer mask to decrease the effect of the texture. I can make the layer mask with texture in AD or AP, but I can't apply levels to the mask. Is there any way to apply levels to an existing mask or is there some other workaround?

[firstdefence]

16 minutes ago, BobsDaubs said:

On the download page for these washed and worn textures, near the bottom of the post, he talks about how to use the textures in Photoshop. He also talks about using levels on the layer mask to decrease the effect of the texture. I can make the layer mask with texture in AD or AP, but I can't apply levels to the mask. Is there any way to apply levels to an existing mask or is there some other workaround?

You can turn down the effect by reducing the masks opacity, or even changing the layers blend modes. This is quick doodle using textures and masks.

 

Soda.afdesign

[BobsDaubs]

59 minutes ago, firstdefence said:

You can turn down the effect by reducing the masks opacity, or even changing the layers blend modes. This is quick doodle using textures and masks.

I was attempting to accomplish this by doing it the way @gdenby did it above, which is very similar to the way it would work in Photoshop. I have attached an afdesign file showing a simple t-shirt mockup I  made to illustrate the technique. The purpose of the texture is to reveal the shirt color underneath the graphic to simulate the shirt being washed and worn. In PS, a levels can be applied to the mask layer to reduce the effect of the texture. I didn't see a way to do reduce the effect of the texture in SpoonGraphics' method or gdenbys' method.

If I reduce the opacity of the mask layer, it just makes the graphic more transparent. Changing the blend mode of the mask does nothing as far as I can tell. I realize my method is very different than what you showed me, but I think my way is what I would do to distress a graphic on a t-shirt. I am just curious if I can affect how much the mask reveals of the shirt beneath. Thank you @firstdefence for your help.

T-shirt_Mockup_test.afdesign

[lepr]

.

[JimmyJack]

@BobsDaubs Set the Levels adjustment (nested in the rasterized mask) to Alpha.

HA! 1 minute! 

[BobsDaubs]

@owenr & @JimmyJack Thanks very much. I wasn't aware of the Alpha choice. That works a treat to adjust the intensity of the mask layer.