Jump to content

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 5 5600G | 32 GB DDR4 3200MHz | Sapphire RX 5600 XT 6 GB | Windows 11 Pro (22H2 Build 22621.436)
Affinity Suite V1.10.5.1342
Better translations with: https://www.deepl.com/translator  
SVG preview in Windows Explorer with "SVG-See  Download SVG-See

Those who want to achieve something are looking for solutions,
the others always see only the problem.

Link to comment
Share on other sites

5 minutes ago, Komatös said:

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?

 

 

Capture.PNG

Link to comment
Share on other sites

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

AMD Ryzen 5 5600G | 32 GB DDR4 3200MHz | Sapphire RX 5600 XT 6 GB | Windows 11 Pro (22H2 Build 22621.436)
Affinity Suite V1.10.5.1342
Better translations with: https://www.deepl.com/translator  
SVG preview in Windows Explorer with "SVG-See  Download SVG-See

Those who want to achieve something are looking for solutions,
the others always see only the problem.

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 5 5600G | 32 GB DDR4 3200MHz | Sapphire RX 5600 XT 6 GB | Windows 11 Pro (22H2 Build 22621.436)
Affinity Suite V1.10.5.1342
Better translations with: https://www.deepl.com/translator  
SVG preview in Windows Explorer with "SVG-See  Download SVG-See

Those who want to achieve something are looking for solutions,
the others always see only the problem.

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.5 ◆ Affinity Photo 1.10.5 ◆ OSX El Capitan

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 5 5600G | 32 GB DDR4 3200MHz | Sapphire RX 5600 XT 6 GB | Windows 11 Pro (22H2 Build 22621.436)
Affinity Suite V1.10.5.1342
Better translations with: https://www.deepl.com/translator  
SVG preview in Windows Explorer with "SVG-See  Download SVG-See

Those who want to achieve something are looking for solutions,
the others always see only the problem.

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.5 ◆ Affinity Photo 1.10.5 ◆ OSX El Capitan

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

 

MacBook Pro (13-inch, Mid 2012) Mac OS 10.12.6 || Mac Pro (Late 2013) Mac OS 11.6.8

Affinity Designer 1.10.5 | Affinity Photo 1.10.5 | Affinity Publisher 1.10.5 | 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...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.