Jump to content

Blend modes: how can I mix in a texture without it showing on a white background?


Recommended Posts

I'm trying to do something that I am sure is simple, but I can't figure it out. I appreciate any pointers you can give me!

I have used a bitmap texture and the Erase layer mode to add light speckles to this vector shape:

image.png.8a63828655c70c492da15c10455d89f8.png

But, what I would really like to do is use this distressed texture to not erase, but mix colors within the vector shape. For example in this blood splatter design, I could recolor the texture to be a darker or lighter red color, and then blend it into the smear vector shape. 

However, when I play with the blending modes, any mode that modifies the color in the red streak object also makes the texture visible on the white background. 

image.png.44264c82b91e9c455ccae560f86bb468.png

How can I set up layers and blending modes so that a colored texture will mix with the vector shapes and not show on the white background? 

 

Link to comment
Share on other sites

1 hour ago, Horseflesh said:

without having to duplicate the vector object

Juts in case: My examples shown above do not require any duplicated object (both ways work non-destructive). The copies in my sample result from 1x on the left to show the two elements as separate objects whereas the copies on the right are one for each solution.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

If you are mixing vectors and raster/pixel image and using blend modes you will ultimately end up with a raster/pixel product. That being said, why not simply nest the texture layer inside the vector object?

image.thumb.png.0a66dbf090ea14369792b2a4f686bca6.png

The mid texture that was created using the Ink Spatter brush is actually white and was recoloured using the colour overlay fx.

image.thumb.png.abfdf416177a564dafe9507a326507b6.png

blood texture.afphoto

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

11 hours ago, firstdefence said:

The mid texture that was created using the Ink Spatter brush is actually white and was recoloured using the colour overlay fx.

Ah, I did not try Color Overlay FX. I tried the Recolor layer adjustment along with nesting as you showed and that didn't work... I'll give your method a try!

See, I knew there had to be a better way... There always is.

Link to comment
Share on other sites

In the initial try I'm not sure you had the spatter nested as I cannot seem to replicate that effect, either with vector and a nested pixel texture or a pixel shape and a pixel texture nested.

This is an example of a pixel shape with nested pixel textures with a recolour adjustment layer applied to the nested pixel texture, if you don't do that the recolour adjustment will recolour the pixel shape and the nested textures.

image.thumb.png.b6b1175268c26288bba3958416e4a9c0.png

Nested textures.afphoto

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

I didn't have the spatter texture nested the first time. I was fixated on the blend modes and hoping to find something that worked kind of like Erase with a mask. (That doesn't exist.)

I did try nesting (and a recolor layer) based on an earlier idea in the thread but for some reason it didn't work out. Your example appears to be exactly what I was trying to do. Not sure where my error was but I'll figure it out. Thanks for the sample file!

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.