Clipping texture

[emilytironi]

Hi, I am trying to clip a brick texture to a logo in affinity designer. I looked up how to do it in affinity as its different than photoshop. I place the photo of brick on top of logo layer and here's what happens-pictures of before and after below. The texture goes away completely and thumbnail is white so I'm not sure what to do. Thank you!

-Emily 

[HVDB Photography]

set the blend mode of the bricks back to normal and drag it over the text layer as the long blue bar appears release the mouse button

 

[emilytironi]

Thank you! I turned blending mode back to normal; when I drag it over and blue bar appears after I let go, it goes under as background as yours did but just shows white and no texture like before. I tried making logo text layer, shape layer, and pixel layer and everytime still shows up as below, with no change to logo. Any ideas? Thank you!

[gdenby]

Hi, emilytironi!

 

When you dragged the background image over the layer, it seems you put it in the position that made it a layer mask. That happens when the icon gets placed just to the right of the layer icon. You need to drag the image layer icon just below and to the right of the parent layer. You will see a high lite bar appear when the layer is in the right position for nesting.

 

This is a nuance of how the AD interface works. One must be careful of how the icons in the layer panels are dragged around.

[Alfred]

If the letters are on a transparent background, you can achieve the desired result by dragging the text thumbnail in the Layers panel and dropping it onto the bricks thumbnail. When you do this correctly, you'll see a vertical blue line immediately to the right of the thumbnail before you release the mouse button.

 

If the background of the text layer is white, you can make it transparent via the Blend Options dialog. Select the text layer in the Layers panel and click on the Blend Ranges gearwheel. In the dialog that pops up, drag the right-hand end of the Source Layer Ranges graph all the way down; this will make the entire image semi-transparent. Now drag the left-hand end across until the text becomes solid, so that you can no longer see the lines of the brickwork. After closing the dialog, drag and drop as described above.

 

[emilytironi]

@gdenby thank you I got it to work by doing what you said, I'm new to AD, used to adobe. I've only got it to work on the logo as pixel layer in affinity photo. Is there anyway to do it and keep the logo as a shape/vector? Thank you very much

[Alfred]

The method I described earlier works perfectly well with vectors or text objects.

 

[emilytironi]

@Alfred thank you, I got it to work but now the blending modes won't work-I want it to look like below but in vector form.

[emilytironi]

I figured it out; just had to layer regular one on the bottom and use textured ones blending mode on top. How do I keep stroke of box proportional when scale it? Thanks

[Alfred]

9 minutes ago, emilytironi said:

I figured it out; just had to layer regular one on the bottom and use textured ones blending mode on top.

 

I was just about to suggest doing it the other way around, putting the textured one on the bottom and the regular text on top with a blending mode applied!

 

9 minutes ago, emilytironi said:

How do I keep stroke of box proportional when scale it? Thanks

 

When setting the properties of the stroke, put a tick in the 'Scale with object' checkbox.

[toltec]

7 hours ago, emilytironi said:

I want it to look like below but in vector form.

 

 

Don't use any blend modes.

 

Group the text and vector object (Arrange > Group)

 

Put the bricks layer at the bottom.

 

Right click the group layer and choose Mask to Below.

 

You get this

 

 

BTW HDVB fotographie did show this above but using a slightly different method, 

 

 

[Alfred]

On 07/12/2017 at 8:22 AM, toltec said:

Don't use any blend modes.

 

I don’t see how you can achieve the brick-textured red and blue text without using any blend modes.

[photophart]

Just an FYI, I was working though the Affinity Photo Workbook and was having trouble getting texture applied to text in the "Search The Woods" section of chapter 4. This topic explains the technique and its subtleties perfectly. Thanks.