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

Bitmap Texture Overlay fx for Text


Recommended Posts

10/10 for effort John, obviously persistence pays.

I was doodling with text effects and came up with a distressed effect using the layer blend mode erase, I thought it was pretty cool. B|
Screen-Shot-2019-12-08-at-09-43-23.png

iMac 27" 2019 Somona 14.3.1, 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

JohnG: I’m still not entirely sure exactly what the Bitmap Overlay function does but I’ve managed to create something that looks like what you’ve described (as I have understood it) by using a Multiply Blend Mode and a Black & White Adjustment on the child image. It’s very quick to do and produces a reasonably good effect without much work. The image on the left was used in the text on the right (the colour of the text comes from the fill of the text and not the image). Is this the sort of thing you need, or am I still way off course?

firstdefence: That ‘s a really nice effect. It’s like it’s been eaten away by dripping acid. I’m wondering how it might look on a skull silhouette or something similar.

Annotation 2019-12-08 095055.png

Link to comment
Share on other sites

17 hours ago, JohnG said:

CPC, unless I'm missing something, I've tried that and there is still one problem.

When I do a color balance adjustment, I see the original text, not the final output text. Am I missing something. Is there a way, in AP, to do a color balance adjustment on the original image, while viewing the effect of those changes on the final output product.

JohnG,

Here a clip is what I see... I may be confused (missing something) by your description. To me 'original image' is the jpg/bmp used for the art text bitmap fill. Any changes being made in the adjustment layers are non destructive -- the original image remains unchanged. The effect of the adjustments are displayed in a rendering of the image in the project window. I'd reserve 'final output' for a bitmap export or for a print-to-file PDF.

Notes: My earlier example was done in Publisher but I switched to Photo here to be sure I was doing the same thing. Again it's not bling, but as simple an example as possible to show WYSIWYG dynamic changes. Could you (and perhaps GaryP and firstdefence's distressed look as well) please post your project file?

Regards,

Carl

BC_adjust.afphoto

Link to comment
Share on other sites

OK. I've made a lot of progress. It's still not what I want yet. But now that the bling is beginning to show up, I'm beginning to see a serious problem. The first of the following images is the full image. The next image is zoomed in on two letters and it clearly shows the issue. The problem is that the color change in the reflective bevel does not blend smoothly. Instead, there are numerous mostly rectangular blocks of a single color. The arrows point this out. This is most certainly NOT acceptable. The last image is the same two letters from the Photoshop file, showing how the reflections blend smoothly across the bevel, instead of chopped up in blocks, as the image should look. The zoomed images were both created with 300dpi resolution.

I tried gausian blur and other tools, to try and smooth that bevel. The bevel is a child layer (duplicate, but outline only). That's the only way I've been able to get that sharp reflective bevel.

In Photoshop, the effect is called "Satin". But I can't find any work around for this in Affinity Photo.

Does anyone know how to eliminate these blocks and make the transition smooth, across the bevel?

Thanks.

1868519910_rvinspchrometext.thumb.jpg.770ab7391efd130524079dd467f0e46d.jpg

657946541_ScreenShot2019-12-08at6_55_27PM.thumb.png.32a8ddeca8727fa10308ed94a281a890.png

1481779679_ScreenShot2019-12-08at5_14_48PM.thumb.png.2efda481e0356c6e5dba1b10099f13cc.png

Link to comment
Share on other sites

16 hours ago, GarryP said:

I’m still not entirely sure exactly what the Bitmap Overlay function does but I’ve managed to create something that looks like what you’ve described (as I have understood it) by using a Multiply Blend Mode and a Black & White Adjustment on the child image. It’s very quick to do and produces a reasonably good effect without much work. The image on the left was used in the text on the right (the colour of the text comes from the fill of the text and not the image). Is this the sort of thing you need, or am I still way off course?

That looks like an interesting approach, Garry, and one that may give more control over the final result. If I understand what I'm seeing in your screenshot, rather than using the image as a bitmap fill for the letters via the Gradient Tool you have nested the image in the text layer. Both methods give a similar (identical?) visual effect on the page, but the nesting approach allows you to apply additional adjustments directly to the "fill" without affecting other aspects of the text. Thanks; I wouldn't have thought of that.

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

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.