Portrait from letters in Photoshop. Create a portrait from a font using Photoshop Preparation in vector

There are so many options for transforming photographs into visual masterpieces, and one of them is very attractive - a portrait made from text layers. There are several techniques for performing this task, but the most common is converting the image into a posterized layer and replacing some of the color fragments with text layers.

Open the image (example). Make a duplicate of the layer. Discolor it as shown in the picture.

We set the level of posterization so that there are not too many fragments with gray and black colors on the face.

Tool " Quick selection» select the white background behind the face and delete it.

Create text layers. Remove visibility from the face and background layers. In the layers window, select the layers: while holding down Shift key Click on the first text layer and click on the last text layer that you want to select.

We merge the text layers by pressing the key combination Ctrl + E. With this action, the text layers are rasterized automatically. If you use one text layer, then you need to rasterize it: “Layers” tab - “Rasterize”.

Let's start creating a brush from the text layer. To do this, you need to perform the action as shown in the figure.


We create new layers and name them: “black tones”, “light gray tones”, “dark gray tones”, and we will not fill the white ones with text so that the “porridge” effect does not occur.

We step on the layer with the posterized image, returning its visibility and select a black area with the “Rectangular Area” tool and perform the action as shown in the figure.

Remove visibility from the layer with the posterized image and fill the selected area in the “black tones” layer with a text brush. In the brush settings you can change the characteristics of the brush.

Go back to the layer with the posterized image and select a dark gray area. Again we resort to the “Selection” - “Similar Shades” function.

Turn off the visibility of the layer with the posterized image and go to the “dark gray shades” layer and fill the selected area with a text brush.

In this tutorial you will learn how to create a portrait from text in Adobe Photoshop, using a long piece of text that bends and warps to match the contours of a face. This effect is known as Calligram and is often used to present famous quotes or speeches by depicting the author/speaker in the background. Key tool in creating the effect is Photoshop filter Displace/Displacement, which will allow us to accurately distort the text along the contours of the image.

Step 1.

This lesson will combine professional photo from stock and the speech text from the film The American President (1995) to create a completely unrealistic presidential address, but this effect can be perfectly applied to a series of designs for speeches of real famous personalities, including US presidents.

Open your chosen image in Photoshop. The lesson uses a photo of an elderly man. Using Crop Tool (C) Crop the image to fit the poster size (or any other size you wish).


Step 2.

Add an adjustment layer Black and white: Layer > New Adjustment Layer > Black & White (Layer > New Adjustment Layer > Black & White). Set values ​​by channel: Red -120; Yellow: 60; Greens: 40. This will add contrast to the image, but unlike correction using Levels or Brightness/Contrast, darkening the red channel produces more attractive tones.


Step 3.

Next go to the menu Filter > Blur > Gaussian Blur (Filter > Blur > Gaussian Blur) with a Radius value of 20 pixels. This will help smooth out the shifting effect after the text is applied.


Step 4.


Step 5.

Take Text Tool – Type Tool (T) and create a text container to fit the document size. Insert your chosen piece of text and remove the paragraph breaks so that the text is continuous. Uncheck Transfers (Hyphenate) and click on the full alignment icon (justify all) on the panel Paragraph.


Step 6.

If the text doesn't completely fill the portrait, simply copy and paste it until it fills the entire portrait. Choose a font of your choice, the font used in this lesson is Montserrat Bold All Caps. Adjust the size and spacing of the text so that it closely overlaps the portrait.


Step 7

Horizontal scale 10; Vertical scale 10;

Displacement Map - Stretch to Fit;

Underfined Areas - Repeat Edge Pixels. Then click OK and select the displace.psd file, which you saved earlier.


Step 8

Holding Ctrl key, left-click on the offset text layer thumbnail to create a selection, then turn off the layer's visibility by clicking on the "eye" icon to the right of the layer. Next go to the menu Editing > Copy merged data - Edit > Copy Merged (Ctrl + Shift + C) to create a layer from the portrait parts and the selected text.

Final result

Additional information: the peculiarity of this lesson is that it uses a lot of different text, so it is suitable for portraits of people who have something to say.


1. Open and enlarge the original photo to the required size. The dimensions depend on how " saturated» portrait with text and what you are going to do with it next. In this case - 3000 pixels on the long side.


2. Discolor Ctrl+Shift+U and posterize ((Image - Correction - Posterization)) the image.

I left only four levels.


3. We type text according to the shape of the face using the tool ().


3.1. We select a typeface that matches the style of the subject. We write the text.


3.2. We model the shape by changing the size of the letters. In the largest and brightest areas, the largest letters are used (this is only suitable for portraits on a dark background, where the text is written in light letters). Here are the key phrases that will be most noticeable. For shaded areas and small details, reduce the font size. This is the most labor-intensive stage of the work.

3.3. Small details can be refined using your own key phrases(). Let's stamp the remaining areas using the " [ " And " ] » to adjust the size.


4. Move the posterized layer up, place it above the black background and text and apply the blending mode - “ ” (Multiply).

Typographic portraits that many people liked:

Today I am publishing a lesson that will tell you about one of the possible techniques for creating such a portrait.

Preparation in Photoshop

For example, let's take a photo of Milla Jovovich.


Open our jpeg in Photoshop.
Completely select the work area (ctrl+A), then duplicate the layer with the image (ctrl+J).


Desaturate the newly created layer (ctrl+shift+U).


Let's add a little contrast to our image (ctrl+L).


In the window that opens, adjust the sliders to achieve the result as shown below.


Next, apply the Cutout filter (filter>Artistic>Cutout…)


Using the sliders, adjust the filter so that you have approximately 4-6 color tones.

Preparation in vector

Next, we save what we got in the format JPEG, and, just in case, in PSD. Close Photoshop, we won't need it anymore. In principle, all further operations can be performed in Photoshop, but for flexible control of the size of the original image, we need a vector.

Opening vector editor. I prefer to work in Xara Extreme Pro. Create a new document (ctrl+N).

Import a recently saved image using a keyboard shortcut (ctrl+alt+I) or (file>import).

For ease of use, let's customize the program interface a little. We need a window with layers Object gallery(analogous to the Layers panel in Photohsop).


We call it like this: (utilities>galleries>color gallery) or (F10). I’ll tell you a little about the purpose of icons in the Object Gallery window.


1. Lock the layer.
2. Visible layer.
3. Hidden layer.
Although everything is quite simple here.

For further work, you can increase the transparency of the photo. Select in the toolbar Transparency Tool (F6), at the top we change the transparency percentage from 0% to 45%.

Lock the layer with our picture (background). All, preparatory stage completed.

Drawing a curve with a tool Pen tool (shift+F5).


After the line is completed, select the tool Text Tool (T) and move the cursor to the place from which we started drawing our curve. After that, we type in the text, periodically changing the font size, its boldness and letter spacing. Starting with large spaces, filling the area of ​​the portrait’s color spots, we gradually move on to the details.


So that the guide lines do not interfere with us, we hide them.
To do this: select an object with text and a guide, while holding down Shift Click on the icon located in the color panel in the lower left corner. This way we desaturate the outline of the object.

As you add guides with text, the number of layers will increase; for convenience, we group them into folders. With the stack of layers selected, click Ctrl+G.

1.
2.
3.
4.
After we finish filling large and small spaces, we recolor individual sections of the text in the desired shades of gray, borrowing the color from the lowest layer, using the tool Color Picker.
Let's hide the bottom layer with the photo and see what happens.


A little runny, lacking juiciness. To do this, make the layer with the photo visible again, and hide all other layers. Select in the toolbar Text Tool, click on the work area in the upper left corner. After which we begin to print the text, filling in the places that need volume.

A small note:
This layer with the background text should be under the other layers.

The final

Then turn on the visibility of other layers except for the background photo, export the result to Jpeg. (file>export...) or (shift+ctrl+E).


All is ready! Now you can drink a cup of coffee and breathe a sigh of relief.
My goal is to familiarize yourself with the process of working in this technique, everything else is in your hands!

A portrait made of words is the very case when words are important; it helps a person say something important gracefully, expressively and responsibly.

So that these words are not erased from memory in the flow of information that befalls a person every day, so that they do not get lost or become worn out. As Leo Tolstoy said, “Time passes, but the spoken word remains.”

A portrait made from words is perfect as an anniversary gift, for the birthday of a colleague, friend and, of course, loved ones.

The portrait is based on a photograph of the hero, the one that you like best is best, but sometimes you need to send additional photos so that on their basis the artist can correctly highlight the contours of the face, its shape and apply shadows - create the basis for the future portrait .

The second component is words. You can send your own or we can invite you to choose from lists of descriptive adjectives, nouns or wishes that we have prepared for a particular occasion. So for a girl, the adjectives “beloved, tender, unique” are suitable, and for a young man – “courageous, strong, caring.” Poems, song lyrics, and quotes are often used as words.

A portrait made from words is an incredibly beautiful and unusual gift for any celebration, an elegant compliment or simply an intimate and tender surprise.

Create with Muse, creating beautiful paintings from photographs that will always be a pleasure to look at.

Muse (Greek Μούσα) - this is inspiration, this is Muse