Jump to content
PaulWilliamson

Layer over a photo so I can read the text on top of it

Recommended Posts

Hi,

I want to use a picture as a background on a webpage but I want to be able to read text that is over it.

I guess I want to fade the picture a bit to make this possible.

How would I do this?

I have attached a sample pic I posted on another thread.

Thanks!

-paulw

P10005341024x768.jpg

Share this post


Link to post
Share on other sites

That's a 'how long is a piece of string' question.

How much text?

What colour?

How big is the text to be?

You can easily experiment with the text tools available.


Some scientists claim that hydrogen, because it is so plentiful, is the basic building block of the universe. I dispute that. I say there is more stupidity than hydrogen, and that is the basic building block of the universe.

These are not my own words but I sure like this quote.

Share this post


Link to post
Share on other sites
11 minutes ago, PaulWilliamson said:

I guess I want to fade the picture a bit to make this possible.

How would I do this?

One simple way would be to cover some or all of the picture with a rectangle that has a semitransparent fill applied.


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.7 (iPad Air 2)

Share this post


Link to post
Share on other sites

One quick and simple way to make the entire image paler is:

Draw a rectangle over the top.

Set the colour of the rectangle to white.

Set the opacity of the rectangle layer to whatever you think looks right.

1945516200_Screenshot2020-10-18at18_40_11.thumb.png.66318ff485c3bf93d79f3016113baf1f.png

You can then export the image in your required format, or choose Flatten from the Document menu to make the changes permanent and destructive.

If you want to run text over the whole image, though, you're going to have a problem with the tonal range of the original. The fence, the trees and the front of the locomotive are all very dark, and if you make them pale enough for black text to be visible on top of them, the lighter areas like the sky and the ballast are going to become very bleached out.

Cheers,

H


Affinity Photo 1.8.4,  Affinity Designer 1.8.4, Affinity Publisher 1.8.4, Mac OSX 10.15, 2018 MacBook Pro 15"

Betas as they happen... 

Share this post


Link to post
Share on other sites

It worked!  I used a light gray rectangle RGB(166,166,166) and the text shows up!

It is a lot easier doing it this way instead of messing with background properties and gradients in Dreamweaver!

Thanks!

More fun stuff!

-paulw

BNSFLivDepotGrayRect2SnagIT.jpg

Share this post


Link to post
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

Please note the Annual Company Closure section in the Terms of Use. 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.