How to Create an Image with Text Overlay: A Paint-by-Numbers Guide

bigstock-Happy-Woman-Lying-On-The-Grass-71173468

If you would like to create an image that people will want to share on Pinterest or Facebook, images with text overlays are a great idea.

 

Here are step-by-step instructions on how to create an image like the one above.

 

Step 1: Go to Pixlr.com and choose Pixlr Express

Screenshot 2014-09-24 14.44.30

Step 2: Browse and upload an image


Browse image

 

Step 3: Choose an image size by adjusting the slider

Image size choose

 

Step 4: Add a border

add border

 

Step 5: Choose ‘Squared Border’

choose squared border

 

Step 6: Click on Creamline

Choose creamline

 

Step 7: Adjust border opacity

You can use the slider to see the effect.

border opacity

 

Step 8: Click ‘Apply’

Apply

 

Step 9: Click on ‘Type’ to add text

Type

 

Step 10: Choose font style

font style

 

Step 11: Choose font and write text

When you click on font style, you’ll see many different fonts to choose from. In this example, I chose Bebas.

Use the text field to write your text. You can choose to align the text left, right, or center by choosing the appropriate icon below the font name.

font - text

 

Step 12: Adjust font size and color

Drag the dots at the side or top of the picture to adjust the font size. Click on ‘Color’ to change the font color.

color and size

 

Step 13: Click on ‘Apply’

Apply2

 

Step 14: Save

save

 

Screenshot 2014-09-24 15.36.17

 

Step 15: Upload to your blog 

As you can see, it is relatively simple to create an image with a text overlay. Once you’ve got used to the workflow above, you can do it in just a few minutes.

Of course, there are many variations you can try. There are other border, fonts, colors and so on.

It’s fun to experiment!

 

Author: Mary Jaksch