Post Reply 

How to achieve a "color overlay" effect for an image?

Nov 24, 2013, 03:28
Post: #1
How to achieve a "color overlay" effect for an image?
Hi. I'm new to this forum, and there's something I've always tried to figure out to do in GIMP, but I couldn't accomplish. Take a look at the following site:

http://www.hellobc.com/

For the background image halfway down, there's a totem pole sort of "merged" in with the color. But it's not simply an overlay blend mode or opacity change. It has essentially seemed to adopt an entire palette based on the background color itself.

I think I recall a way to create this effect in Photoshop, but in GIMP I'm stuck. How would one go about making that "color overlay", given any regular picture and a colored background? I'm doing this for a website, by the way.

Thanks!
Find all posts by this user
Quote this message in a reply
Nov 24, 2013, 09:41
Post: #2
RE: How to achieve a "color overlay" effect for an image?
Oh, it took me a little while to see it, very faint but overlayed color of the totem pole.

Simple:

1 - On your image layer, desaturate it for "lightness"
"Colors > Desaturate"
- Choose Shade of gray based on: "Lightness"

2 - Create a new layer, "Layer fill type:" Transparent

3 - With your top transparent layer highlighted/selected:
Click the Bucketfill Bucket fill tool & choose your color with the Toolbox color box. Then fill that transparent layer with your color.

4 - On the layer's dialogue window, near the top, change the layer mode to any one of these modes mentioned below & adjust the "Opacity" under the mode to control the strength of the effect:
-- screen
--addition
--Hard light
--Grain merge

*More on layer modes & where you can find them if you haven't already here:
http://docs.gimp.org/en/gimp-concepts-layer-modes.html

Hope it works out for you!

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 28, 2013, 10:58 (This post was last modified: Nov 28, 2013 10:59 by fuzzymodulo.)
Post: #3
RE: How to achieve a "color overlay" effect for an image?
Ah, all very satisfactory solutions. It was simpler than I thought it would be. Thanks to the both of you!
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Tracing an Image GoddessKairos 1 98 Jun 12, 2018 21:42
Last Post: paynekj
  Resizing an image without pixelation? nopropsgames 2 139 Jun 9, 2018 22:39
Last Post: nopropsgames
  No color tim clement 1 97 May 23, 2018 15:26
Last Post: paynekj
  After floating a layer, how do you return the selection to the whole image? ithortureu 1 110 May 13, 2018 07:15
Last Post: paynekj
  Why is Gimp in gray instead of color? Hard to follow tutorials jjk 1 132 May 12, 2018 06:53
Last Post: paynekj

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS