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

Simple gradient graphic fade to transparent?


Recommended Posts

17 hours ago, Randall Lee Reetz said:

I want to draw out a shape, apply a gradient to that shape. Set the edge nodes of that gradient to transparent at one edge, something not transparent in the middle somewhere, and transparent at the other end,

I think you need to have the two edges the same colour as the middle node in order to have an even, constant transfer to 0%  (zero) opacity which will not exhibit the odd difference from left to right as your first Screenshot shows.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

@Randall Lee Reetz I am going to make a brief explanation on how the Gradient Tool works in Affinity as well as provide a video demonstration. Hopefully it will solve your problem.

The default colours for the tool are always black and white. The colours inbetween each end are a mix of both colours, so when you create a new gradient node in the middle you will just create a colour that is 50/50, in this case grey 50. The actual colour of a gradient is super important, since when you lower the opacity of any of these points down to 0% the colour on that node will still be mixed with the other gradient nodes. If you want a pure black gradient with opacity you must make every node 100% black, even on the nodes that are fully transparent. This applies to every single colour, so you will have to match each node if you want a pure coloured gradient with opacity.

As for your weird PNG artefacts, I have no idea how that happened and I don't think anyone can help you with that unless you provide an actual file.

Link to comment
Share on other sites

Masks don't have a color, as far as I know. They're grayscale.

 

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro, version 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro, version 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
iPad:  iPad Pro M1, 12.9": iPadOS 17.4.1, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.4.1

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.