Jump to content
Naty

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

Share this post


Link to post
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: Affinity Suite (ADe, APh, APu) 1.8.3.
Windows 10 Pro, Version 2004, Build 19041.329.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

Share this post


Link to post
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: Affinity Suite (ADe, APh, APu) 1.8.3.
Windows 10 Pro, Version 2004, Build 19041.329.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites
5 hours ago, Naty said:

I wonder if this will only work for linear gradient? Oh, well. 

Hmmm, well I guess yes... but following any shape or curve.
I really haven't tested it's limits, but I think you can get pretty creative with it ;).

ezgif-5-682886186f.gif.6049999ed7cd324b9622a62c0b882faa.gif

Share this post


Link to post
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.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.