How can I blend this white dot into the fabric background layer?

by

I’m working on an asset for a game mod, and I’m trying to put a custom logo on a banner texture. The banner behind the white dot/logo is a dark-red burlap texture, but I’m having issues with blending the dot into the fabric so it looks painted on or sewn into the banner.

enter image description here

I ran through all the layer mode options and none of them do the trick – they all make the dot disappear, turn bright pink, or turn flaming bright red.

I’m using Photoshop CS5, in case that matters. I assume there’s some trick to this that I’m missing… maybe using the burlap pattern as a pattern overlay in blending options for the layer?

How can I realistically blend this white dot into the fabric layer behind it?

Answer

  1. Using the texture you already have as the background layer, draw a filled white circle on a layer above

  2. Duplicate the background layer, and drag it above the circle layer.

  3. Alt+click between the two layers to clip the background layer copy to the white circle layer.

  4. Set the layer blending mode of the background copy to Multiply

  5. Add a Hue/Saturation adjustment layer to the circle layer, drag it above the background copy layer, and completely desaturate, and increase lightness a touch, as shown below

  6. Add a Levels adjustment layer to the circle layer, drag it above the Hue/Saturation adjustment layer, and make adjustments to the levels sliders as shown below

enter image description here

  1. To add a bit more realism, you could also select the background copy layer and apply Filter > Render > Lighting effects, with settings shown below. This will add more of a textured/embossed feel.

enter image description here

  1. Further levels of realism are also possible, if you fill the entire circle layer with white, and save the image out as a displacement.psd file

enter image description here

  1. Then, undo the changes to the circle layer, select the circle layer, and apply Filters > Distort > Displacement, set the horizontal and vertical scale to 2, and when prompted choose the displacement.psd you already saved as the source.

The result (shown below at 100% zoom) gives the illusion that edge of the circle is slightly distorted by the troughs and ridges of the texture

enter image description here

Attribution
Source : Link , Question Author : Omegacron , Answer Author : Billy Kerr

Leave a Comment