Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Make a Calligram in Photoshop
  • By Design Bundles
  • 4 Mins
  • Photoshop Tutorials

Make a Calligram in Photoshop

For this tutorial, you will need the image of a person’s face (or maybe an animal if you prefer) and the text you wish to embed into the image (we used the poem “Goodbyes” from Pablo Neruda).

1 -In Photoshop, open your image and crop if necessary.

2 – Add a “Black & White” Adjustment layer in the “Adjustments” palette tweak the settings to get more contrast. Depending on your image you may achieve this by lowering the “Reds” or by changing the “Preset” like we did selecting “Neutral Density”. We added a “Brightness & Contrast” Adjustment layer also.

3 – With your image selected go to Filter > Blur > Gaussian Blur and enter a value of about 20 pixels for the “Radius”.

4 -Go to File > Save As (Shift + Command/Control + V) and save as a new document. We named it “Displaced”. Then Undo the filter by clicking Command/Control + Alt + Z.

5 – Select the “Type Tool” (T) and draw a container across the entire file. Paste (Command/Control + V) your text and delete any line breaks. Uncheck the “Hyphenate” box and choose “Justify All” for your paragraph style.

6 – Select the font you want to use (we used Myriad Pro Bold). If your quote doesn’t fill the container, copy and paste until it does. Reduce the “Size” and “Leading” so the text is pretty densely covering your portrait.

7 – With your text layer selected, go to Filter > Distort > Displace. Say yes to “Rasterize Type” and use 10 for “Horizontal Scale” and “Vertical Scale”. Check the “Set To Fit” and “Repeat Edge Pixels” boxes and choose the “Displaced.psd” when prompted.

8 – Click on the text layer thumb while holding the Command/Control key to make a selection and then turn off the layer visibility by clicking on the small eye icon to its left.

9 - Go to Edit > Copy Merged (Shift + Command/Control + C) to make a copy of the portrait using the outline of the text.

10 – Create a New File and fill the background with black (make sure it is the same size and resolution of your original one), then paste your image.

11 – You can experiment by changing the color of the “Background” to another color and/or use some different “Blending Mode” for your text layer to achieve interesting results.

by @lornacane


6 Related Photoshop Tutorials

You can quickly make sublimation designs in Photoshop with ready-made graphics or images and some text. These designs can be used on all sorts of sublimation blanks, and they make for great gifts. This tutorial will show you how to import and edit images, add and edit text, and access ...

In this tutorial, we will learn how to make tridimensional text in Photoshop using the 3D text feature.Step 1- Create a New DocumentIn Photoshop, create a New Document and use white as your background color. Ours was 15 x 10 cm @150 dpi, RGB, but you should choose yours depending on what ...

In this tutorial we will walk you through the steps on creating a GIF in Photoshop. By using the timeline window, you can quickly create animations.For this tutorial, we are using Last Dream which is a layered font, as well as fireworks clipart and a sunset color palette.Step 1: ...

Today, you will learn how to create a duotone effect in Photoshop using two different methods. The first method will use some adjustment layers and two Solid Color fill layers, and the second method will use a Gradient Map adjustment layer.For this tutorial, you will need an image or ...

In this tutorial, we will be making an Instagram Bingo Template in Photoshop. Bingo template images can be used as the base for an Instagram Story. You can tag friends or followers and challenge them to post the same story. Bingo story posts are a great way to get to ...

For this tutorial, we are using a Ladybug Photo from the Plus Hub.Step 1- Open Your ImageIn Photoshop, open the image you chose to work with.Step 2- Make a Smart Object LayerRight-click on top of its thumbnail and choose Create Smart Object. This will allow you to apply ...

You may also like

Help Center
ol image