Jump to content

How can I create this style Angle Gradient?


Recommended Posts

I'm migrating from using Autodesk Graphic to Affinity's suite of products. In Graphic, I can create the distinctive type of gradient seen in the attached image by using the "Angle" gradient with an Angle of 30 degrees. Affinity Designer has no equivalent command. This help page mentions changing the angle (https://affinity.help/designer/en-US.lproj/index.html?page=pages/Clr/gradientEditor.html?title=Gradient editing) but I've yet to find a way to create an "angle" look, like in the attached sample.  Can someone point me to some instructions that might help me re-create this effect in any of the Affinity products? Thank you!

Angle-Gradient.jpg

Link to comment
Share on other sites

2 hours ago, ambcreative said:

I'm migrating from using Autodesk Graphic to Affinity's suite of products. In Graphic, I can create the distinctive type of gradient seen in the attached image by using the "Angle" gradient with an Angle of 30 degrees. Affinity Designer has no equivalent command. This help page mentions changing the angle (https://affinity.help/designer/en-US.lproj/index.html?page=pages/Clr/gradientEditor.html?title=Gradient editing) but I've yet to find a way to create an "angle" look, like in the attached sample.  Can someone point me to some instructions that might help me re-create this effect in any of the Affinity products? Thank you!

Easy. 

Create your Square or Rectangle shape.

Choose the Gradient tool, and select the Conical type. 

Adjust your gradient angle and modify your color stop points as desired. You might have even more control over your gradient than you have in Autodesk. 

 

5F37C509-B3D1-417D-9B6B-B2AC6D622835.jpeg

Link to comment
Share on other sites

Hi @ambcreative and welcome! As far as I'm aware there is no way of setting the angle of a Conical (or any other type of) gradient to precisely 30º using Affinity Designer's Fill Tool alone.  You'd have to set the angle by eye, or for absolute precision, switch to a Horizontal Triangular grid layout, snap the centre point of the square to one of the grid vertices and snap the gradient divider to the diagonal:

1371181585_Screenshot2020-10-20at12_01_26.thumb.png.5f8f6c4cc98c9bd35b8f78330bb8f9c2.png

Cheers,

H

 

 

Affinity Photo 2.5.3,  Affinity Designer 2.5.3, Affinity Publisher 2.5.3, Mac OSX 14.5, 2018 MacBook Pro 15" Intel.

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.