Jump to content

[ADe] Live Glassmorphism Effect (V1 and V2)


Mithferion
 Share

Recommended Posts

Hi there!

Just to share here a little file with a Live Glassmorphism Effect. Using Symbols and the Lock Children functionality, you can have a single shape or multiple shapes that you can move or resize around freely. Of course, you can change the image by replacing it with the options of the Move Tool.

image.png.f396a7f356561f59e5a3d923a813d571.png

See video below:

This was done in V1 so that anyone can use it (Outfit font included, from Google Fonts).

Best regards!

Glass.zip

Link to comment
Share on other sites

33 minutes ago, Mithferion said:

Live Glassmorphism Effect. Using Symbols

Interesting!

I just tried a similar idea, but "vice versa" and with a slightly less complex hierarchy, avoiding layer effects as they can create a whole bunch of undesired side effects on their own.
Requires all three apps, i.e. works best in StudioLink:

apu_glassmorph_effect_symbols_blur_mask.png.6c8b5af8686d7c8acadc1dfb467c56ca.png

MacBookPro9,1: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 9th: iPadOS 15.7.2 > Affinity v2

Link to comment
Share on other sites

28 minutes ago, loukash said:

I just tried a similar idea, but "vice versa" and with a slightly less complex hierarchy, avoiding layer effects as they can create a whole bunch of undesired side effects on their own.

Nice idea! That's a good way to resize the Text Frame with the Glas Effect applied.

Thanks for adding another option for those who are interested in this.

Best regards!

Link to comment
Share on other sites

@MithferionThis is really great effect. On a different note I have been looking around to find a similar glass effect as a style where I can change the tint for making up a stained glass mockup to no avail so far. John

Affinity Designer/Photo/Publisher 2 for Windows • Windows 11 (22H2 build 22621.1344) Home
Affinity Designer/Photo/Publisher 2 for iPad • iPad OS 16.3.1….. iPad Pro 10.5

Link to comment
Share on other sites

53 minutes ago, pioneer said:

This is really great effect

Thanks!

 

53 minutes ago, pioneer said:

making up a stained glass mockup to no avail so far. John

I imagine that this is the end result that you want to achieve, right?

SG.png.6eb4a81f27f175ac0ae6593b4ec37263.png

Best regards!

 

Link to comment
Share on other sites

20 minutes ago, Mithferion said:

I imagine that this is the end result that you want to achieve, right?

Adding procedural texture to the mix…?

MacBookPro9,1: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 9th: iPadOS 15.7.2 > Affinity v2

Link to comment
Share on other sites

7 hours ago, loukash said:

Adding procedural texture to the mix…?

Maybe. I haven't used those ever, so I will give it a go just to see if something comes up.

Best reagrds!

Link to comment
Share on other sites

@Mithferion Yes that's exactly the sort of styles I've been searching for. Cheers John

Affinity Designer/Photo/Publisher 2 for Windows • Windows 11 (22H2 build 22621.1344) Home
Affinity Designer/Photo/Publisher 2 for iPad • iPad OS 16.3.1….. iPad Pro 10.5

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...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.