How to Place Objects on Textured Surfaces in Photoshop
When you add text in Photoshop, on surfaces, such as walls, fabrics, etc.. And it’s obvious that the text was added later, it doesn’t look like it’s part of the photo. It is because you haven’t watched this video yet. We are going to use Photoshop’s blend features to make the text look realistic on textures, on surfaces.
I added three background images to the scene, one of them is a wall image, one is a denim fabric and one is a wood image. The images we will put on top of these will be the following. I have added a Photoshop logo. I added some text and I added this paint effect that I think will look good on the wall.
First of all, I’m going to show you the method we used to to make this match with the background. Then I’m going to show you the method itself, which is the subject of this video. And then we are going to apply this method we have learned on these layers and try to match them with the background images. Some of us lower the Opacity value of the layers in the scene to make them compatible with the background. When we lower the Opacity value, we will get such an effect, but this is not a realistic look. I’m going to increase the Opacity value back to 100%. Another method we use is to change the values here, to try to blend with the background. Darken or multiply gives a much more effective result than Opacity or we can also use Overlay, but these don’t give realistic results either. Now let’s take a look at the methods we can use to get realistic results.
First of all, we will try this on the Photoshop logo. If the layer you added here is not a smart object, right click and Convert to Smart Object to make this layer a smart object. We will do these operations on the smart object. I’m going to move the layer to the center of the scene and enlarge it a little bit. I’m going to start the method of blending the layer with the background. I right click on the layer, I click on blending options and a window like this will open. This window is already familiar to Photoshop users. We will make this adjustment directly on the Blending Options tab without clicking on any of the tabs here, look on this tab. There is an option called Underlying Layer. I click on the triangle icon on the left side of this area and slide the black side to the right. See from the moment I slide it to the right, there is an integration of the layer with the background on the image.
There is no specific ratio for how much to move. You should determine these values yourself according to your background image and your main layer, I scroll a little more to the right. We can see most of the background. Now we are going to make a copy of this triangle by pressing Alt on the keyboard. Here is how I do it. I press Alt on the keyboard and while Alt is pressed, I click on the triangle and move it to the left. You can edit this a little bit, whatever looks good to you.
While we are here, we can also change the color of the layer. We can click on the color overlay and change the color here. I will change it with white now, and I will try to get a realistic image on the white. It looks like the letters P and S are written on the wall with white paint. Let’s close this form now by clicking the Okay button. Look, it looks like this. It’s not bad. When we zoom in a little bit, you will see that the corners are hard corners. This may or may not bother you. If this sharpness bothers you, we need to give it some blur. We need to give the Gaussian Blur effect. I’m going to click on Filter > Blur > Gaussian Blur. Let’s zoom in. See, this is what it looked like and when I clicked on this, let’s increase the radius value a little bit. Again, this will be an amount that looks good to you. I click on Okay. I think it looks good. Compared to what I first showed you, the Opacity and the blend options next to it, this method looks much more realistic.
Now let’s apply this effect to the other layers. Let’s see what the result will be. We don’t need to redo this one by one. I right click on the layer, choose Copy Layer Style, and on the layer where I want to see this effect, which is my Photoshop text, I right click on it and choose Paste Layer Style. When I choose that, the effect will come here, I’m going to remove the Photoshop logo. And I’m going to enlarge this a little bit, and I want to take a closer look. Look as you can see, the combination with the cracks looks much more realistic. We can see this especially in the letters S and letter T. I think this method is a good method, but if we think in terms of this brick, we may need to remove the bottom of the words a little bit, because after the brick these parts will not be visible, they will be less visible. With the mask process, I’m not going to go into the details of that now. I’m just showing you these methods and you can make it look more realistic with a little painting.
Of course, it’s up to you to improve simple techniques like this. This is a simple example. I’m going to undo this edit I made by removing the mask. Now let’s talk about making brush strokes. Look like one with the background. I’m centering this again, and I want to edit it myself, not by copy and paste. I right click, Blending Options, again in this tab, I’m not going to make my shift on the Underlying Layer and I press Alt on the keyboard and I move the triangle on the left to the left. This is how we get the result. We can change the paint color. Let’s say I don’t want it to be so colorful. I painted it white with Color Overlay, and now it looks like a bucket of paint has been thrown and after changing the color, it is possible to make these edits again in a way that’s pleasing to the eye. We can get good results with the methods I just showed you.
Now let’s continue with other images. For example, let’s continue with the wood here. Look, the quality of the editing we just did shows itself here as well. Since these effects already have been done on the layer, it’ll look beautiful in the background.
Let’s look at other layers. Photoshop is already a plain text. Let’s keep that and we can see the effect of the Photoshop logo in this way. And let’s see how this effect looks on jeans. I didn’t do anything extra. I just made the jeans layer visible. And this effect that we gave on the Photoshop logo works successfully on the denim fabric.
Let’s look at the other layers. Let’s look at the Photoshop text for example. The Photoshop lettering also looks much better here. It looks much more effective than it does on this wood. It also looks very good when we look at it closely, I can’t say that it looks very good because it doesn’t make sense in one color, but it still looks good in color. It looks like it’s embroidered on denim fabric. If the layer is in conflict with the background, you can make it look more realistic by making the edits I show in this video. In this video, I showed you how to make the objects in our workspace, blend in with the background, using these methods, you can make the objects you add, look like they are part of the photo.