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

Outline of custom shape gets gradient overlay instead of inside the shape.


Recommended Posts

Hi, I'm in the process of creating a new photo for my YouTube channel. I've drawn out the letters in the picture, and I'm trying to color inside the letters with a gradient, but everytime I do, the outline of the letters get the gradient instead. What am I doing wrong?

Link to comment
Share on other sites

Hi @anon2126

Without more information, it is difficult to give a suitable answer.
Could you take a screenshot showing the layers and the tools if possible?

 

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

Affinity Suite V 2.4 & Beta 2.(latest)
Better translations with: https://www.deepl.com/translator  
Interested in a robust (selfhosted) PDF Solution? Have a look at Stirling PDF

Life is too short to have meaningless discussions!

Link to comment
Share on other sites

OK, this is an outlined font, This font can't filled

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

Affinity Suite V 2.4 & Beta 2.(latest)
Better translations with: https://www.deepl.com/translator  
Interested in a robust (selfhosted) PDF Solution? Have a look at Stirling PDF

Life is too short to have meaningless discussions!

Link to comment
Share on other sites

You can create a selection of the layers. 

Hold down the CTRL key and double-click on the preview image in the layer view. Create a new fill layer, give the fill layer the gradient and drag the fill layer under the pixel layer. Now you can delete the selection with CTRL + D.

 

 

Photo_fJxcWG4sqC.gif

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

Affinity Suite V 2.4 & Beta 2.(latest)
Better translations with: https://www.deepl.com/translator  
Interested in a robust (selfhosted) PDF Solution? Have a look at Stirling PDF

Life is too short to have meaningless discussions!

Link to comment
Share on other sites

15 minutes ago, anon2126 said:

So, it can't be filled even if I used the pen tool to draw it out?

Remove the "Outline check", then apply a gradient as fill for the text/letters.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

1 minute ago, v_kyr said:

Remove the "Outline check", then apply a gradient as fill for the text/letters.

There are only pixel layer.

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

Affinity Suite V 2.4 & Beta 2.(latest)
Better translations with: https://www.deepl.com/translator  
Interested in a robust (selfhosted) PDF Solution? Have a look at Stirling PDF

Life is too short to have meaningless discussions!

Link to comment
Share on other sites

@anon2126 You can vectorize those pixel image layer text portions.

Remove the gradient & let the outline be dark black colored for both layers, then export those text image layers as a JPG (ideally with a white doc background for better autotracer recognition). Afterwards vectorize the exported JPG images via "centerline" tracing, for example with one of these online services ...

... now the result should be vectors (PDF or SVG). Load/open the PDF/SVG into APh, adjust them to your needs & apply a gradient fill!

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

20 hours ago, anon2126 said:

Hi, I'm in the process of creating a new photo for my YouTube channel. I've drawn out the letters in the picture, and I'm trying to color inside the letters with a gradient, but everytime I do, the outline of the letters get the gradient instead. What am I doing wrong?

Wrong way of working, don't use the Effects Use the Gradient tool.

1302021704_ScreenShot2022-08-06at8_42_39AM.thumb.png.cfbed107db014ce07b0809054d10b7fb.png

First use the Magic Wand tool to select the area inside the letters (I would use a new pixel layer to make the fill but that is just me) and use the Gradient tool to fill the selected area.

I apologize for the shaky letters

 

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.0 | Affinity Photo 2.4.0 | Affinity Publisher 2.4.0 | 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

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.