How can I recreate this in affinity designer ?

[KC82]

Hi

 

 

I was looking for a tutorial on YouTube that would help but couldn’t find one that was close enough so I decided to see if anyone here could help

[v_kyr]

See for example this thread ...

 

[thomaso]

Isn't it just 3 text frames, with a little offset and different colours?

 

[Jimo]

20 minutes ago, thomaso said:

Isn't it just 3 text frames, with a little offset and different colours?

That's what it looks like to me too.

[NotMyFault]

And the name of the font is?

[firstdefence]

I prefer @thomaso version with three text layers and the middle one matching the background...

9 hours ago, thomaso said:

Isn't it just 3 text frames, with a little offset and different colours?

 

The other version is literally three text layers offset with different colours on a paler background.

PS, Webp doesn't always display for some browsers, it's better to use PNG or JPEG for example files.

[thomaso]

2 hours ago, NotMyFault said:

And the name of the font is?

I don't know about OP's. I used BellBottom (postscript, fontographer, 1991)

[KC82]

2 hours ago, NotMyFault said:

And the name of the font is?

It’s called Far Out

11 hours ago, thomaso said:

Isn't it just 3 text frames, with a little offset and different colours?

 

I’m new to Affinity so this is all new to me.I’ve seen it but never actually had someone breakdown the process

[firstdefence]

 

1. Select the font "Far Out" Daddio
2. Type your funky text
3. Select the Move Tool (V) and rotate the text slightly using the rotation bar to give it a "rad" look
   
4.  Now Duplicate the text two times: Press CMD (⌘) + J on Mac, Ctrl + J On Windows)  
5. Position the text as you want them and use the colour panel to change the colours to some trippy tones
6. Create a background using a rectangle shape and place it at the bottom of the layers stack
   

Well done, now do the funky chicken

[Jimo]

You can create it using just TWO layers by adding an outer/drop shadow to one of the layers.

Set the shadow ratio to 0px, choose an offset value above 0 so the shadow can be seen as desired and set the angle (around 225 degrees to approximate the example). 

Make sure the Blend Mode on the shadow is set to Normal so you don't get any translucency on the shadow.

Your second layer has no shadow effect applied, and can be used as either your uppermost or lowermost layer and positioned appropriately.

Might not be worth the minor extra effort though, when it can probably be more quickly and easily achieved with three layers as already mentioned.

[thomaso]

26 minutes ago, Jimo said:

You can create it using just TWO layers by adding an outer/drop shadow to one of the layers.

"Yes, we can." – But do you see an advantage in using a shadow instead a text frame?

I see disadvantage only:
• It's more complex to setup, in particular to achieve a certain, identical offset.
• On PDF output it will get rasterized –> it gets limited to a specific resolution & size.

[Jimo]

45 minutes ago, thomaso said:

"Yes, we can." – But do you see an advantage in using a shadow instead a text frame?

Nope. None really - and I did say it's probably not worth the extra effort (and I didn't mean to suggest the extra effort is 'better' if that seemed to be inferred). I'd do it with three layers - using a drop shadow was just an afterthought!

But you're right, I hadn't considered what happens to the shadow on PDF export, so you have a very good point, and yes in that case it is definitely a disadvantage. I was thinking more from the point of view of creating a graphical element (like say a logo) which might get flattened anyway, rather than used as body text, in which case it's makes no difference (annd therefore even more pointless when it's easier to make three layers! Plus it gives you more creative control).

Out of curiosity, I thought I'd see what happens when you export to EPS (which is what I might do for a logo design) using the shadow method - it converted each letter of the text to curves as expected (yay!) but rasterized the shadow to a single bitmap (boo!)

So no, I don't advocate using the drop-shadow method, even though I'm the one who brought it up!

[thomaso]

18 hours ago, Jimo said:

a graphical element (like say a logo) which might get flattened anyway, rather than used as body text,

Agree, the look is appealing also illustrative. But as you can convert here the text to curves & keep its vector property you also can use a vector drawing this way without the need to get rasterized, unless you want blurriness without using gradients.

[KC82]

I did it on a curve instead of slant.I wanted to see how it would work with something more difficult.I don’t know if it looks right.

[firstdefence]

@KC82 You got it, have fun experimenting. 👍