Change banner color?

[yanksno1]

Hi, I'm looking to change a banner color I have that I'm using to make movie posters. My Googling failed me here and can't find a solution I'm looking for. Basically I want to change the black background to pink. I was thinking a mask would be a good solution here, but not sure how to do it. Hopefully you guys can point me in the right direction. Thanks!

[MEB]

Hi @yanksno1
Draw a rectangle over the image/logo covering it all, set rectangle's colour to the pink you want, then set the blend mode of the rectangle layer to Lighten in the top of the Layers panel. Alternatively you can apply a Colour Overlay layer effect, set it to pink and the blend mode to Lighten - note that by using a layer effect (FX) the final result (export) will be rasterised.

[yanksno1]

9 minutes ago, MEB said:

Hi @yanksno1
Draw a rectangle over the image/logo covering it all, set rectangle's colour to the pink you want, then set the blend mode of the rectangle layer to Lighten in the top of the Layers panel.

That's what I was looking for! Thank you, much appreciated.

[yanksno1]

Another question for you. On the left I seem to have a pixel overlay or something that's on the left that is 1 pixel wide. I tried dragging everything over so it should be gone but it's still there. Hopefully you can see it in the screenshot here. I turned everything off below and above it. Didn't show that much on the black, but does on the pink haha.

[MEB]

Hi @yanksno1,
I'm having trouble following you here. I assume the black on the image is the "pixel overlay" you are talking about?
Typically when there's issues like these something is not correctly pixel aligned - that is the x,y coordinates or the width/height of the objects are not pixel integer values - you can check this setting the document units temporary to pixels - and you may also need to increase the decimal places for Pixels field to 3 or 4 in the User Interface section, Decimal Places for Unit Types so you can catch values like 4.02 (by default the app only show one decimal place).

Is there any chance you can send me the file for inspection? I can provide an upload link if you wish to keep the file private - just let me know. 

[yanksno1]

Here's the image. Hopefully you can see it now. On the left there's 1 pixel wide faint line covering the banner and image. Also looks like one below the banner too. The top and right sides are nice and clean.

[MEB]

Hi @yanksno1,
I can't see anything on the left edge of the image sorry. Seems as clear as the right side. I do see the issue right below the pink banner - the thin black "line" going over the whole width of the image. A I explained in my previous post this is most likely due to the fact that the height of the pink banner is not an integer value (it's not pixel aligned) and so part of it blends a little with the blue from the sky below thus darkening that edge along the width of the composition. You have to make sure that the height of the pink banner and it's y coordinates are both integer values in the Transform panel.

That's why I requested the original afphoto file to check these things.

[yanksno1]

5 minutes ago, MEB said:

That's why I requested the original afphoto file to check these things.

Here you go. It's very faint, but I see it there. I appreciate the help!

4K.afphoto

[firstdefence]

Why are you using a crappy raster banner when you can use a crispy vector made up of a rectangle shape and an SVG for the 4K Ultra HD logo?

https://seeklogo.com/vector-logo/486440/4k-ultra-hd

When you make a rectangle make sure it's not got a stroke. i.e. 0px, no colour.

4K ultra HD logo - Pink.afdesign

 

[yanksno1]

8 minutes ago, firstdefence said:

Why are you using a crappy raster banner when you can use a crispy vector made up of a rectangle shape and an SVG for the 4K Ultra HD logo?

https://seeklogo.com/vector-logo/486440/4k-ultra-hd

When you make a rectangle make sure it's not got a stroke. i.e. 0px, no colour.

4K ultra HD logo - Pink.afdesign

 

That def looks way better! Anyway to get it without the TM there? I'd want that inverted for the normal movies.

[Old Bruce]

8 minutes ago, yanksno1 said:

That def looks way better! Anyway to get it without the TM there? I'd want that inverted for the normal movies.

Delete or turn off the TM

[firstdefence]

I suspect that perceived white line is an optical illusion based on the colours pink and pale blue together, if you place a rectangle beneath the banner such as black the white line does not show.

The logo I uploaded is a vector graphic so it's colour can be changed and as Bruce has already pointed out the TM can be turned off or if it suits you delete the TM Group.

 

[firstdefence]

Example.

 

[yanksno1]

Yeah I'm thinking there must of been something on the banner image I was using. This SVG seems to have cleared it up right? Think it looks good to me now. Gonna use it on my new one's now too.

[NotMyFault]

16 hours ago, yanksno1 said:

Another question for you. On the left I seem to have a pixel overlay or something that's on the left that is 1 pixel wide.

Honest question. Do you use corrective lenses like myself? Depending on corrective strength they can have a strong aberration giving false impression when looking at LCD/LED displays.

This can be amplified as most LCD have RGB sub-pixels in horizontal direction.

For a test, remove your lens, adjust viewing distance and check in line vanishes. Or turn your head left/right while keeping eyes focused on Display. Dos the thin line change ?

[thomaso]

On 12/16/2023 at 9:41 AM, NotMyFault said:

For a test, remove your lens, adjust viewing distance and check in line vanishes. Or turn your head left/right while keeping eyes focused on Display. Dos the thin line change ?

… or zoom in, by an Affinity keyboard shortcut or a trackpad gesture (laptop) or by a shortcut to toggle a virtually reduced screen resolution via the accessibility-zoom feature (that you may setup as wanted + customize a shortcut).

https://support.apple.com/en-us/102482

https://support.apple.com/guide/mac-help/mh40579/mac
https://support.apple.com/guide/mac-help/mchlp2975/mac

[yanksno1]

7 hours ago, NotMyFault said:

Honest question. Do you use corrective lenses like myself? Depending on corrective strength they can have a strong aberration giving false impression when looking at LCD/LED displays.

This can be amplified as most LCD have RGB sub-pixels in horizontal direction.

For a test, remove your lens, adjust viewing distance and check in line vanishes. Or turn your head left/right while keeping eyes focused on Display. Dos the thin line change ?

No I don't (or glasses). Am planning on getting an eye exam soon since it's been a while since I've had one. There was def something on it with the banner image I was using. I just couldn't find it when I zoomed in. When I used the SVG one (thank you @firstdefence!) it went away, best as I can tell at least.

[yanksno1]

Want some suggestions from you guys. Trying to create a Beverly Hills Cop Collection movie poster and it's almost finished but think the top looks off (kinda empty there). I was trying some blue clouds, a gradient (that was tricky to get a hang of). What do you guys think? I was also wondering about the font I used for "Collection". I tried the Beverly Hills Cop Font that's out there but didn't like it. You guys have any suggestions that might work better? Attached the other movie posters for reference.

[yanksno1]

Here's it slightly adjusted with the gradient on the top. Think that's good enough?

[firstdefence]

I'd go with either the fourth or fifth one down, fifth being the better of the two in my view.

[yanksno1]

Sorry, not following you there.

Ended up re-working the title a bit and like that result better. Still not sure on the font for Collection and feel it's missing some cloud's heh. But def a step in the right direction. I did learn how to do the proper way of a color overlay and drop shadow though!

[yanksno1]

Just wanted to show you guys the finished project. Liked the way it came out haha.

[yanksno1]

Now here's a new one for you guys. What's the best way to remove just a portion of a background? Like here in the red highlight. Want Godzilla's head overlapping the 4K banner. 

[firstdefence]

I took a sample from another high res image overlayed it and matched the colour.

[yanksno1]

1 hour ago, firstdefence said:

I took a sample from another high res image overlayed it and matched the colour.

How'd you do that? I ended up copying the layer, and masking out the rest of the image besides his head and then using a background removal tool to cut it out. I'm sure there's a better way to remove the background in Affinity Photo I don't know yet.