Complete Web Animation Guide (part 5)
Step 96 Before you can make a brochure yourself, add four replacement paragraphs to the left of the temple picture. Use a smaller font size for them: Step 97 Remember…

Continue reading →

How to choose the right color scheme for the site? (part 3)
Step 2. In the upper left side you will see a rectangle with the following color schemes: Sequential; Monochrome Triangular; Complementary; Compound Shades. Choose a color scheme Experiment with different…

Continue reading →

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

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.

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…

...

Create a shop theme for handmade products in Photoshop (part 3)
Step 6 Now we’ll create another section of the site’s layout, in which more products will be presented, and call it “Popular”. People are always looking for popular products that…

...

16 best examples of website homepage design (part 2)
5) Dropbox (Business) This is a striking example of providing site support for different audiences. It differs from the main page, which was originally created for the consumer (see above).…

...

Corel Painter vs Photoshop: Digital Painting Comparison (part 3)
results Here are two completed images; one was created in Adobe Photoshop, and the second in Corel Painter: I think you noticed that the sample created in Photoshop is rougher…

...