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

Trouble with Gradient Tool


Recommended Posts

Hi Everyone,

I cannot figure out what I am doing wrong. I know it has to be something very simple. I started using Affinity Photo for very basic editing about a year ago. I am having a lot of trouble trying to get the Gradient Tool to make transparent gradients. 95% of the time the result I get is a White to Black Gradient. If I have a whole layer selected, the whole layer becomes white to black. If I have a Shape selected the whole shape becomes white to black. I have watched tutorial videos and follow step by step but still end up getting this black to white. There has to be some obvious options that is on that I am missing. I have attached some screenshots as examples. Thanks for your input!

Screen Shot 2022-10-10 at 12.19.52 PM.png

Screen Shot 2022-10-10 at 12.20.09 PM.png

Screen Shot 2022-10-10 at 12.20.33 PM.png

Link to comment
Share on other sites

Hi, @jaygro

There are several possibilities.

The first is to create a rectangle of the appropriate size with the rectangle tool. Select gradient as the fill type and set black and white for the start and end.
Click with the right mouse button on the rectangle layer in the layer palette and select Rasterize to Mask.
You're done.

The second option would be to create a fill layer instead of a rectangle.

AMD Ryzen 7 5700X | INTEL Arc A770 LE 16 GB  | 32 GB DDR4 3200MHz | Windows 11 Pro 23H2 (22631.3085)
AMD A10-9600P | dGPU R7 M340 (2 GB)  | 8 GB DDR4 2133 MHz | Windows 10 Home 22H2 (1945.3803) 

Affinity Suite V 2.3.1 & Beta 2.(latest)
Better translations with: https://www.deepl.com/translator  
Need a system wide color picker? Try Microsoft's (New) Power Toys
Need a robust PDF Solution? Have a look at Stirling PDF

There's nothing you get used to faster than working slowly!

Link to comment
Share on other sites

17 minutes ago, Komatös said:

create a rectangle

... or fx
image.png.25f23c08e1a6877d237ea470b2458130.png

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.3.1.2217
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.2506.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.2506.
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

From the white canvas (rather than checkerboard) perhaps the document was not created with the Transparent Background option selected.

-- 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.3, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sonoma 14.3.1

Link to comment
Share on other sites

Thanks for all the input. I'm going to try these. Just to clarify... I was trying to get the arms holding the iPads to blend into the white back ground instead of having the sharp cutoff. My thought was to use the gradient tool to make the arms fade into the white. I'll let you know how it goes. Thank you!!

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.