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

How can I make gradient effect follow perspective changes?


Recommended Posts

Hi, "personas"!

I am new to Affinity, but I am learning fast and now I need help. After learning how to use gradient tool, I was working on perspective and noticed that the gradient effect won't follow the changes (see image). 
I am using Affinity Design and the gradient was applied to simple shapes. I don't want to rasterise them.
Does anyone know how to make the gradient follow the changes? 

Thanks. Love, from Brazil ;)

Gradient Affinity.png

Link to comment
Share on other sites

11 hours ago, Naty said:

gradient follow the changes

Try to make a gradient as fx, or give it as part of a group, to which it then distorts.

P. S. For a change of perspective, do not forget to reduce the height of the object, see

https://affinityspotlight.com/article/frankentoon-creating-a-funny-video-game-boss-in-affinity-designer/

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

Unfortunately, it does not work.

The problem is that ADe is 2D, and therefore can not know that the deformation (shearing) is actually a change of "perspective", and that the gradient must rotate.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

21 hours ago, Naty said:

Hi, "personas"!
Does anyone know how to make the gradient follow the changes? 

Soooo, I've got a somewhat bizarre workaround.... but it does work.

ezgif-5-3b7af71a1f.gif.a1cd1d8be77cfd3be1687b7d8a06d023.gif

I've nested an object inside the square and used an outline FX set to contour gradient.
The key is to make the nested shape big enough that only one edge appears within the parent shape... (I said it was bizarre :D)
Of course the FX will be rasterized on export, but until then it's a fully editable gradient.

File attached 

Cheers.

 

skewable gradient.afdesign

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.