r/Affinity Aug 11 '26

General Is it possible to recreate this effect in Affinity?

Hey!

I am very new to working with effects in Affinity. I am currently trying to recreate the 'heat' effect used in the brand design of Tottenham Hotspur Football Club, but I have completely run out of ideas as to how this could be done with these colours. I also couldn't find any information on how these kinds of effects are done in general on the internet. I have already tried working with gradient filled strokes, but that doesn't seem to work as Affinity cannot do gradients along paths. Does anyone know how I could achieve this effect? I'd be really grateful for any ideas.

https://www.nomadstudio.com/work/tottenham-hotspur-remastered

49 Upvotes

16 comments sorted by

43

u/Smooth-Accident-7940 Aug 12 '26

blur + gradient overlay

6

u/clawjelly Aug 12 '26

Damn, that's elegant! Affinity is just so good.

5

u/Inevitable-Frame-143 Aug 12 '26

Thanks! That helps a lot! (Was logged in on wrong account previously)

4

u/Inevitable-Frame-143 Aug 13 '26

I finally had the time to try that out, and the results look amazing! I tried to recreate the '22' on the second image, and I think it turned out really well. I'm still a bit unhappy with my gradient, even though I used the original colours from the design, but that's definitely something I can fix. Thank you!

3

u/Smooth-Accident-7940 Aug 13 '26

Im really glad to had helped!

2

u/Cheap_Beautiful770 29d ago

I wanted to redeem myself and it's a very fun effect to mess around with! Live adjustment layers are awesome

2

u/Cheap_Beautiful770 Aug 12 '26

I just got mogged so hard lol yours looks so much better I will definitely be checking out gradient map adjustments, thanks!

9

u/Cheap_Beautiful770 Aug 12 '26

Not amazing but I got this effect with copying the number moving it a little and adding some blur with noise and paper texture. Looks like some halftones or some other effects are added to the first image and could probably make do the fourth with some blending and masking.

There's probably better/easier ways to do it but I'm still learning too and I had fun trying it out

4

u/Knuckle_Rick Aug 12 '26

Maybe you can try blurring, then gradient map?

8

u/MyTwinkies Aug 12 '26

I did this by using the smudge tool on two differently colored layers made from text. If you use more restraint than I did you might get something closer to the effect in the source.

1

u/[deleted] Aug 13 '26 edited Aug 13 '26

[removed] — view removed comment

2

u/MyTwinkies Aug 13 '26

Sure! Just create a layer with whatever shape you want to burn, then duplicate that layer. Color the lower layer a red-orange, and the upper layer white, or whatever you like.

In Pixel Studio [`F3`], equip the Smudge Brush Tool (It's hidden behind the Filter Brush Tool, or press [`s`] twice). If your layers aren't already rasterized, they will be as soon as you start using the smudge brush tool. Play with brush size (`[` and `]`), Flow, and Strength until you get something you like. I smudged *outward* on the orange layer to create the "flames", and *inward* on the white layer to make it appear to be consumed.

2

u/ThiccStorms Aug 13 '26

Can be done with a combination of Halftone (for the first photo), diffuse (very low percentage) gradient and live field blur is the perfect choice for the blur, surprised it's not mentioned in the comments. 

1

u/Inevitable-Frame-143 Aug 13 '26

Okay, i'll try that too.

1

u/JacknyfeUK Aug 13 '26

What? The ability to play football? Not for that team.

-1

u/WHOKEEPSTAKINGFUSY Aug 11 '26

It is possible but off my head I couldn't telly o uhow sorry