It is said that a picture is worth a thousand words, but sometimes one picture may not be enough. Often we need to add a word, phrase or caption to an image to help convey a specific message. Or perhaps we are creating a web page, and we need text for headings, banners or buttons. Or we just want to create a cool text effect. As a graphical image editor, Photoshop may not be the program you want to use to write a novel or update a resume (especially if the composition is not smooth). However, this program also has many text processing capabilities, as well as Illustrator and InDesign, and is able to add simple and stylish texts to your images and designs. In this lesson we will look at the basics of working with text in Photoshop.
There are two main types of text input that we can add in Photoshop – text in a line and text in an area. The most commonly used text input string, which we consider in this lesson. In the next lesson, we will look at the difference between the two types of text input and learn how to add text to a region.
Horizontal Text tool
Every time we want to add text to a document, we’ll use the tool “Horizontal text” (Type Tool), which is on the toolbar on the left side of the screen. The icon for this tool is similar to the capital letter “T”. You can also select the Horizontal Text tool by pressing the T key.
Select on the horizontal text toolbar
After selecting the tool “Horizontal text” the mouse cursor will take an I-shape (the so-called “I-beam” shape). I increased the view of the cursor for clarity:
I-shaped mouse cursor after selecting the Horizontal Text tool
Choose a font
Once you have selected the Horizontal Text tool, options for this tool will appear in the settings bar at the top of the screen, including font selection, font style and font size:
From left to right – options “Font”, “Inscription“And” Font size ”
To view the full list of available fonts, click on the small triangle to the right of the font selection window:
Click on the triangle to the right of the font selection window
As a result, a list of all available fonts will open, from which you can choose the one you need. The names of the fonts in the list will depend on which fonts are currently installed on your system:
Photoshop will display all the fonts that are installed on your computer.
Resize font preview
If you are working in Photoshop CS2 or later, then the program reflects not only the name of each font, but also a preview of the font writing (using the word “Sample” (Sample) to the right of the font name):
In Photoshop CS2 or later, besides the font name, a preview of the font is reflected.
We can change the font preview size by going to the “Settings” section. On a PC, go to “Editing” (Edit) in the menu bar at the top of the screen, select “Installations” (Preferences) and then select “Text“ (Type). On a Mac, go to the menu “Photoshop” (Photoshop) select “Installations” (Preferences) and further “Text“ (Type). As a result, a dialog box with text settings will open.
The last parameter in the list is “The size viewed font” (Font Preview Size). By default, it is set to “Average” (Medium). You can click on the word “Medium” and select another size value from the list. I will choose the size “Extremely big” (Extra Large):
Option “The size viewed font“ sets the font preview size on the settings panel
Click OK to close the “Settings” dialog box, and now if we return to the list of fonts in the settings panel, we will see that the size of their samples has increased in the preview. The larger font size makes previewing easier, but also takes up more screen space. As for me, I prefer to work with the “Medium” sample size, you, in turn, can set any size, returning back to the “Settings” section.
Larger font sample sizes are easier to see, but they also take up more screen space than small thumbnails.
Choose a font style (typeface)
After selecting the font itself, select the font style by clicking on the triangle to the right of the window “Style” (Style) (outline):
Click on the triangle to the right of the window “Style”
From the list that appears, select the desired style of outlines (usual (Regular), fatty (Bold), italics (Italic), etc). The available spelling style options will depend on which font you choose, since for some fonts there are more writing styles available than for others:
Select a font style from the list.
Set the font size
Choose a size for your font by clicking the triangle to the right of the window “The size” (Size):
Click on the triangle to the right of the font size selection window
As a result, a list of the most frequently used sizes for fonts from 6 to 72 opens. Fri (pt):
The program can easily select the desired font size from the proposed samples
If none of the suggested sizes are suitable for your font, you can manually enter the desired value in the data entry box in the Size parameter. Just click on the value, select it with the cursor, type in the new size and press the key Enter (Win) / Return (Mac) to confirm. I manually changed the font size to 120 pt for an example (don’t worry if you forget to add the word “Fri” (pt) at the end of the value – the program will add it automatically when you press the key Enter / Return)
Type the desired font size directly into data entry window, if not one of the suggested size samples does not fit
Select the text color
On the settings panel you can also choose a color for our text. The color swatch icon is located near the right end of the panel. By default, the font color is set to black. To change the color, click on the pattern:
Click on the color pattern to change the text color.
The program will immediately open the Color Picker where you can select a different color for the text. In my case, I will leave the font black, so I just press the button “Cancelbut“ (Cancel) to close the Color Picker. If you still choose a new color for the text, click OK to exit the Color Picker:
Via PYou can choose new colors for text colors.
Add text to the document
As I mentioned at the beginning of the lesson, there are two types of text that can be added to a document in Photoshop. We can add text with a string and text into a region. The difference is that the first type of text is usually used to add a small number of text characters to a document (one letter or word, or title), while the second type of font is used to add text inside a predefined area. In this lesson, we will consider entering text as a string, because it is the simplest of the two types of text input and the most commonly used.
To add text as a string, select the tool. “Horizontal tText (Type Tool) and click the cursor where you want to start typing. The appearance of a flickering cursor will indicate that you can start typing. In addition, as soon as you click a button in the document, a new text layer will appear on the layers panel, the thumbnail of which will have a capital letter T. Every time we add text to the document, it will be placed on a separate text layer. Initially, the program will give a generic name to a new text layer, such as “Layer 1” (Layer 1), but as soon as we add our text, the name of the text layer will change, which we will see later:
On the layers panel, the text will be placed on a special text layer.
After you select the Horizontal Text tool and click the mouse button so that the flickering cursor appears, you can start typing. In my case, I added a short sentence to the document:
Just click in the document field with the cursor and then add text.
Move the text as it is printed.
If you realize that you need to move the text you are typing, you can easily do it without having to undo the action and start over. Just move the mouse away from the text until it takes the shape of the Horizontal Text tool icon. Click the mouse button and, while holding it down, move the text to a new position, continuing to type further:
Move the mouse cursor away from the text so that it temporarily takes the form of the Horizontal Text tool icon, then click the mouse button and move the text to a new location.
We confirm the text
To confirm typing, when you finish typing, click on the checkmark in the settings panel:
Click the checkmark in the settings panel to confirm typing.
If you have a keyboard with a numeric keypad, you can confirm text entry by pressing Enter on the numeric keypad (usually in the lower right corner). Or if you don’t have a numeric keypad on your keyboard, you can press the key combination Ctrl+Enter (Win) / Command+Return (Mac) to confirm text entry.
Once you confirm the text entry, Photoshop will rename the text layer using the first part of your text as the new title. Sometimes this can be very useful if we add several text layers to our document:
The program will give a new name to the text layer based on the first part of your text.
Add line break
You might think that to confirm typing, just press the key Enter (Win) / Return (Mac), but in reality it does not work, because instead of confirming the set, you simply add a line break to the text, and you can type on a new line further.
Press Enter (Win) / Return (Mac) to add a line break and continue typing.
And again, when you finish typing, confirm text entry, either by clicking the checkmark in the settings panel, or by pressing Enter keypad, or by pressing the keyboard shortcut Ctrl + Enter (Win) / Command + Return (Mac)
Cancel or delete text
If you have not yet confirmed the text entry and just want to cancel it, press the key on the keyboard Esc. This action will clear the text you typed and remove the text layer that the program added to the layers panel. If you want to delete text that you have already entered, click on the text layer in the layers panel and drag it to the trash can icon:
Text layers can be removed by moving them to the trash can icon.
Text alignment options
There are also three text alignment options on the settings panel – on the left edge, on the center and on the right edge. By default, the option is selected. “Left Alignment” (Left Align Text). This means that as the text is printed, it will be added to the right of the entry point (from the starting position of the cursor). After selecting the option “Right Alignment” (Right Align Text) the text will be added on the left side of the starting point of the input, while the option Center Alignment (Center Text) allows you to stretch the text evenly in both directions from the initial position of the cursor. It is better, of course, to make sure that you select the correct text alignment option before you begin typing it, but even when the text is added, you can go back and change the text alignment. To do this, you first need to select the text layer in the layers panel and then activate the tool “Horizontal text” (Type Tool), just select another alignment option in the settings panel:
From left to right – the options “Align to the left”, “Align to the center” and “Align to the right”
Next we will learn how to select and edit text after it is added to the document!
Select and edit text
We can easily make changes to our text at any time in Photoshop, just as we could do in a text editor. For example, I added a text in which there are a couple of obvious errors.
Text, which therequiresediting
In the first word “speling” there should be two letters L. In order to fix this, I will first make sure that the tool is selected. “Horizontal tText (Type Tool), then I will move the mouse cursor over the word and set it so that it is between the letters “e” and “l”:
Text cursor must be between letters “e” and “l“
After setting the insertion marker between the letters, all I have to do is to press the letter “l” on the keyboard to add it to the word:
If you move the cursor to the wrong place, use the arrow keys to move the marker left or right in the text.
The second word in my text that is written with an error is “mystakes”. Instead of the letter “y” should be the letter “i”. Selecting the “Text” tool, I set the cursor between the letters “m” and “y”, and while holding down the mouse button, select the letter “y”:
Drag the mouse to select individual letters.
Highlighting the wrong letter, I press the key on the keyboard with the letter “i” to make a replacement:
The second error is also fixed.
We considered how to select a single letter by clicking on it with the mouse button and holding the cursor. In order to select the whole word, click the mouse button and drag the cursor is not required. Just double-click the word with the selected tool. “Horizontal tText (Type Tool), and the word immediately stands out. Then you can delete it by pressing Backspace (Win) / Delete (Mac), or replace with a new word by typing the last:
Double click the mouse to select the whole word.
To select an entire line of text, three times click the mouse button somewhere in the text with the Horizontal Text tool selected:
Click the mouse button three times to highlight a line of text.
If you have several lines of text placed on one text layer, you can quickly select all by double clicking on the text layer thumbnail in the layers panel:
Dclick throughgo by thumbnail text layer on the layers panel to select all text at once
As a result, all text placed on the layer will be highlighted:
All text placed on the text layer is highlighted at once.
Change the font, its style and size
We can also easily change the font, style, or font size at any time, and we don’t need to select text for this. In my case, the added text had the font Arial, the style “Normal”, size 48 pt (pt):
The added text was initially set font, font style and size
Make sure the tool is selected. “Horizontal tText (Type Tool), then on the Layers panel, select the text layer:
To change the font, style or size, select the text layer itself.
After selecting the text layer, go to the settings panel and make the necessary changes. I will change the font to Futura, style to Average (Medium) and size at 36 pt:
Change the font, style and / or size on the settings panel
The program will immediately change the text in accordance with the new parameters:
You can change the font, font style or size at any time.
Change text color
We can easily change the color of our test. Again, make sure that the Horizontal Text tool is selected and the text layer is active on the layers panel. Next, click on the color sample in the settings panel:
Selecting the tool “Horizontal tText and activating the text layer, click on sample color on the settings panel
The program will open the Color Picker where we can select a new color. I will choose red:
Select a new color in the Color Picker.
Click OK when you select a color to close the Color Picker, and the text will immediately change its color to a new one:
The text color changes from black to red.
If you want to change the color of a single letter or word, select this letter or word using the Horizontal Text tool.
Highlight a word before choosing a new color.
Then, again click on the color swatch in the settings panel to open the color palette and select the desired color. Click OK to close the color palette after you select a color, and the program immediately changes the color of the text that you selected:
Only the highlighted word will have a new color.
And now we have finished learning the basics of working with text in Photoshop! In this tutorial, we looked at how to add simple short text by entering text in a string. In the following lessons we will learn how to add larger text inside a predetermined area by entering text into the area and consider the additional options that are available in the paragraphs panel and in the character panel!