Text illustration

In this lesson we will learn to create a very original illustration using Photoshop. You will learn how to create a three-dimensional image from the text.

A photo

Step 1. The first thing we need is an image on which we will overlay text. Open it in Photoshop.
Since working with text is very painstaking, initially you need to choose the most optimal size for the image, i.e. so that it is not too large and at the same time contains all the important information that you need to work.
The author found that the optimal width for the selected image is 800 pixels. To resize an image, go to Image – Image size. Be sure to check the box next to Constrain Proportions. In addition, the author decided to even turn the image using ImageImageRotation (Image – Rotate image).

Step 2. Create a new layer. With the tool Fill (Paint bucket tool) fill the layer with any color. The author preferred the green color. This layer will serve as a background for our future illustration.

Step 3. Turn off the visibility of the fill layer. Choosing a tool Horizontal text (Horizontal Type Tool) and begin to overlay text on the image.
– we type the word;
– choose a tool Move (Move tool);
– go to mode Free transformation (Ctrl + T);
– move and transform the word so that it coincides with the boundaries of the area on the image (in this case, the author began with the wrist line);
– Select the Horizontal Type Tool again and click on Warp text (Create Warped Text);
– select a style and distort the text as you see fit. The author chose the style of the Arc (Arc), adjusting the bend (blend) to + 19%.

Step 4. Repeat Step 3, placing the text along the most characteristic lines and curves of your image. When placing the text, try to follow the contours of the figure (in this case, the hands). The words in your image should not overlap each other, so try to keep a distance between the words. Do not be afraid if some text elements after transformation and deformation will become unreadable, because in this paper we pursue a different goal.

Often turn off the background image with your hand to look at the intermediate result of the work. The author advises to consider the illustration from a distance.
The more varied the styles of deformation for words, the more interesting your work will look.

An interesting design solution for this work was to create the depth of the image. Those. on the part of the image that is visually closer to us, the text is larger, and on the part of the image that is located farther from the viewer, the text is smaller.

Step 6. Pay attention to the forward and reverse position of words (text). Also, how much the text is located or how much distance between the characters is important in the construction of the illustration. Since the space between characters and words is also part of the overall image.

Step 7. A few recommendations:
– Bulge’s text deformation style (Bulge) is best suited for repeating cylindrical figures;
– Arch (Arc), Flag (Flag), Rise (Rise) are suitable for creating contours and repeating convex shapes;
– when you have the text warp function activated, you can use this trick for convenience: hold down the space bar and your cursor will change to a “hand” – this will help you quickly, without changing the tool, move the canvas.

Using these guidelines, fill out the entire space of the selected image (in this case, hand) with text.

Step 8. After you fill the entire image with the text, turn off the visibility of the background layer with the hand and turn on the visibility of the fill layer that we created earlier.

In order for your illustration to have a finished look, the author advises to add a text color frame (in this case white) with Layer Styles – Stroke.

Well, here we are.

Note. The lesson is translated from the free PSD Photoshop monthly magazine. To gain access to viewing the magazine, registration is required, which will take less than a minute.

Author: Andrew Hall

Like this post? Please share to your friends: