Jump to content
You must now use your email address to sign in [click for more info] ×

How can I recreate this in affinity designer ?


Recommended Posts

And the name of the font is?

Mac mini M1 A2348

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

Link to comment
Share on other sites

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?

 

1727089371_text60theffect.jpg.6818fff358a801a6eaf854a351a7ee63.jpg

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

BF9FCB6D-8F53-4BDC-A0A5-0FE4319A3B1F.webp.aee88e4e5fd4943b4d26d36e71e81ce1.jpg.8f0889590f3cadfbd3c99c8c17b00caf.jpg

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

iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  Add a signature like this so system and app info always seen. Tagging is the gift that keeps on giving. Please consider adding tags to your post, not only does it help searching later on but it helps us, to give focused replies and is greatly appreciated by those that do reply, remember Affinity is for life not just Christmas. 

(Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

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?

 

1727089371_text60theffect.jpg.6818fff358a801a6eaf854a351a7ee63.jpg

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

Link to comment
Share on other sites

 

  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
    image.png.8eca939d5ccfaf5d0b90b4caa18b40b4.png
  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
    image.png.b0e8568478606dac28cff3117fb45d71.png

Well done, now do the funky chicken

iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  Add a signature like this so system and app info always seen. Tagging is the gift that keeps on giving. Please consider adding tags to your post, not only does it help searching later on but it helps us, to give focused replies and is greatly appreciated by those that do reply, remember Affinity is for life not just Christmas. 

(Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 only

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

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.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 only

Link to comment
Share on other sites

@KC82 You got it, have fun experimenting. 👍

iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  Add a signature like this so system and app info always seen. Tagging is the gift that keeps on giving. Please consider adding tags to your post, not only does it help searching later on but it helps us, to give focused replies and is greatly appreciated by those that do reply, remember Affinity is for life not just Christmas. 

(Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.