Complete Web Animation Guide (part 3)
Step 44 Select beach icons with captions and group them. Rename the group to ‘features’: Step 45 Select the Free Shape tool. In the list of Figure options, select the…

Continue reading →

How to combine a car and a new background in Photoshop
In this guide, I will tell you how to turn a simple photo of a car into something impressive. As well as how to choose a new background and place…

Continue reading →

Create a double stroke effect in Photoshop
In today's guide, I would like to tell how to stroke the text in Photoshop. Photoshop layer styles let you easily add shadows, glows, outlines, color overlays, and more. Combining…

Continue reading →

How to realistically overlay text on a photo in Adobe Photoshop

Step 1
Open the photo (or image) that you will use:
Step 2
Let’s choose a color. When adding text to the picture, we will use the color from the photo. Open the “Color Picker”, using the “Eyedropper” select a dark tree on the barrel:
Step 3
Select the Text tool. I am using the compressed Bernard MT Condensed font.

I am going to type “PHOTOSHOP CAFE” and drag the label onto the barrel:
Step 4
The fastest way to resize text is to press Ctrl-T (or Command T on a Mac), hold down the Shift key, and then stretch the text to fit the barrel proportions:

Press “Enter” to save the changes.
Making the text flow
Step 5
Before adding text to a picture in Photoshop, right-click on a text layer in the Layers panel and select Rasterize Text. This action converts the text into pixels so that we can distort them:
Step 6
Press Ctrl / Cmd -T to invoke the Free Transform command. Right-click and select the Warp tool. It works great on rounded surfaces:

Grasp the middle of the selection and pull it down a bit to make a slight bulge in the middle.
Pull the edges to make it look like the letters follow the outline of a barrel. Tip: using the Warp tool, you can click on points or stretch an object inside the grid:

Press “Enter” to save the changes:

Text Overlay
The last thing you need to do to add beautiful text to the picture is to apply a texture to the text. To do this, we will change the Blend Mode.

Step 7
At the top of the Layers panel you will see the word “normal”, this is the layer blending mode. Change the mode to Overlap. Everything looks pretty good – now you can see the texture of the tree, peering through the text, and the inscription no longer looks, as if it just stuck:

These were the basic steps. To give the picture more realism, read on!
Realistic text
Now we will give the text a little roughness.

Step 8
Before adding text to the picture in Photoshop, create a mask layer on the text layer by selecting “Text layer” and clicking on the “Layer mask” button in the “Layers” panel (a rectangular icon with a circle inside):

Press the D key to select black as the foreground color. Press the B key to select the Brush tool. Make sure the Opacity is 100 and the blending mode is normal.
We will use a rough brush. If you look at the top panel of options, you will find a brush in the upper left corner. Click on it. You will see a gear panel. Click on the icon.

Now you can load various types of brushes from the list that appears. Here you will find dry middle brushes, select them:

Click “Add”:

Step 9
Choose a brush with rough edges. When you paint in black on the mask, you lightly stroke these edges to create a more shabby look:

You should also do this if you want to create basic shabby text. Tip: You can download brushes from sites like Brusheezy or DeviantArt.
Giving the text a 3D effect
There is one more thing when adding text to the picture, which can be done so that the inscription looks scorched and acquires a small depth, as if using a hot brand or something like this.

Step 10
With the text layer selected, click on the small “fx” at the bottom of the “Layers” panel to add a layer style. Select the Inner Shadow layer style. Set the “Opacity” parameter to 100 and slightly increase the “Offset”, and you will see that the inscription becomes a little voluminous.

Change the value of “Angle”, and you will see how the inscription begins to press into the tree:
It was a simple lesson on how to add text to an image and make it look more realistic:

Thank you for reading this article on how to add text to the picture, and do not forget to leave your comments.

The 9 best Photoshop filters and plugins of 2017 that you can use for free
Free filters The filters below are formally “Photoshop actions” (.ATN files). Actions (actions) is a pre-recorded series of steps that allows you to apply effects (in this case, filters) automatically.…


31 freeware graphics software (part 2)
12. Sumo Paint - a browser-based application for creating graphic design If you want to start working with images in a browser, Sumo Paint will help with this. It can…


Complete Web Animation Guide (part 4)
Step 71 To make a brochure correctly, activate the Site Selection tool. Pressing and holding the left mouse button, circle the left part of the arrow to select its two…


RGB and CMYK color models: an affordable guide
Additive model Additive colors are created using a method that combines many different shades. Red, green and blue are the main colors that are used in the additive model. Combinations…