Ideas.  Interesting.  Public catering.  Production.  Management.  Agriculture

Creating lettering in Photoshop. How to make a beautiful font in Photoshop. Work with text. Selection

How to install a font in Photoshop? Full-fledged fonts that can be used in various applications cannot be created in Photoshop. There are other, paid and free, tools for this.
But it is quite possible to develop a unique font for a logo or brand inscription.
1. Launch Photoshop. Create a new sheet by calling the commands File – New.

2. In the “New” window, you need to set the following parameters: file name in the “Name” field, file type in the “Set” field - “Custom”, sheet dimensions (can be set in pixels or centimeters) , as well as color mode and background color.


3. From the left panel, select the Horizontal Text tool by right-clicking on the “T” icon.

4. Draw a rectangular shape on the sheet, holding down the left mouse button to enter text.

5. In the panel at the top, set text input parameters: size, font, color and type of font.

7. On the right, select the “Layers” menu and right-click on the layer with the text to bring up the context menu.

8. Use the menu item “Convert to Shape”.

9. Enlarge the text by pressing the “Ctrl +” key combination several times - this way you can conveniently make changes to each letter.

10. On the left toolbar, select “Arrow” (Direct Selection Tool).

11. Circle any letter of the text. For example, "O".

12. Reference points appeared on the outline of the letter “O”.

13. Holding the left mouse button, stretch the anchor points in any direction so that the contours of the letter acquire new shapes.

Photoshop can work not only with images, but also with texts. The user has at his disposal the widest range of tools that allow him to conduct various experiments with text blocks. How to use them in practice? How to make a beautiful font in Photoshop so that the text is especially impressive?

We can consider the following questions:

  • having studied how the Photoshop program is prepared for working with texts;
  • having explored the essence and methods of using popular Photoshop tools that can give text blocks the necessary effect.

Let's start with the first point.

Preparing Photoshop for working with texts

The Photoshop program is a powerful solution that includes a huge number of tools for working with pictures and texts. But even such self-sufficient software may require the installation of additional components. In particular, those that are necessary to ensure the full functioning of text processing modules.

A user may have a corresponding need if, for example, he plans to use rare Russian fonts or some exotic ones that are not preinstalled in Windows in his work.

Installing the required fonts - including key tasks as part of preparing Photoshop for working with texts. There are several ways to solve this.

The first involves placing files with fonts in the program folder. Most often it is located at C:\Program Files\Common Files\Adobe\Fonts. Most versions of Photoshop will recognize fonts placed appropriately without any problems.

Another common way to solve the problem in question is to install fonts through the FontExpert program. You can download it here - http://soft.softodrom.ru/ap/FontExpert-p2156. You need to launch the program, open the folder in which the fonts are located, and activate those that are supposed to be used in your work. Note: in general, they are not installed anywhere. The peculiarity of FontExpert is that this software can use fonts temporarily. If the program is launched simultaneously with other applications, then they acquire the ability to work with fonts activated using FontExpert.

FontExpert has a huge amount options. But all we need is to ensure that it works simultaneously with Photoshop so that we can use the necessary fonts.

The next aspect of program preparation, about which we're talking about, to text processing - Russification, or vice versa - translation of the interface into English language. On the one hand, the Russian font will look more harmonious with the interface in the user’s native language. In addition, many online tutorials for working with Photoshop are focused on Russian localization. On the other hand, if a Photoshop enthusiast receives information mainly from foreign sources, it may be more convenient for him to use the English interface.

In principle, modern versions of Photoshop, starting with CS6, support the Russian language. You can activate it by selecting the Edit menu item, then Preferences, then Interface and “Russian” in the list of languages.

When the main task- installation of the required fonts has been resolved, and the interface has been translated into a convenient language, you can study the tools for working with text present in Photoshop. It will be useful to consider both some theoretical aspects of using the relevant components of the program, and the practical nuances of their use.

Working with text in Photoshop: tools

The main tool we are interested in is “Text”. In the English version - Type Tool. It is located in modern versions of Photoshop, in particular CS6, on the toolbar on the left. It is most often presented in 4 versions:

  • for horizontal printing;
  • for vertical placement of text;
  • in the form of an additional tool “Text Mask” (Type Mask Tool) - horizontal;
  • in the form of a vertical “Text Mask”.

If you select the tool in question in one modification or another, then the main window of the program interface will display various options for working with text - in particular, the font type, its size, style, etc.

Photoshop also allows you to set almost any available font color - using a palette. Using this graphic editor, you can perform a wide variety of operations with text. So, for example, it can be aligned - right edge, center, left edge.

In order to insert text into the area of ​​the edited image, you need to select the tool in question, move the mouse cursor to the place where the words should begin, and left-click. When the cursor starts blinking, you can enter text. Photoshop will fix the corresponding block inserted into the work area as a new layer.

The text placed on the image can be freely moved from one place to another. To do this, you need to move the mouse cursor some distance from the text block and wait until it changes its appearance to the one corresponding to the “Move” tool. After this, by holding down the left button, the user is able to change the position of the element in question.

Deleting text and the corresponding layer is carried out by pressing the Esc key.

The tool in question can also be used to place a large amount of text in the Photoshop work area. The fact is that by default the corresponding program component enters words one after another without hyphenation. And if there are too many of them, they will simply be displayed by Photoshop outside the work area.

In order for the user to be able to enter large text into the program, the corresponding tool must be used in a slightly different way. You need to select it, move the mouse cursor to the desired location, then press the left button and, without releasing it, “draw” a small diagonal on the screen. This will cause Photoshop to open a “modified” area for large text input. It can also be moved around the program workspace. It is permissible to set the desired font for text located in the “modified” area, change its color, size and other properties.

So, the main tool that will help us use beautiful fonts in Photoshop is “Text”. Let us now study some practical nuances of its application.

Practice using the “Text” tool

There are 2 main approaches to working with text blocks in Photoshop.

Firstly, you can carry out the necessary operations with fonts, and then rasterize them - that is, turn them into a graphic object. Editing the text in the corresponding block will then be unavailable.

Secondly, you can enable the option to turn the text into a smart object. This action does not imply rasterization - and therefore the corresponding block, even taking into account the effects that the user applies, can be edited later.

Many Photoshop lovers are especially attracted to the second scenario for using the program’s capabilities. This is understandable: it is not always the case that text, once placed in a picture, is necessarily preserved until the project is submitted in its original version.

In order to convert text into a smart object, you need to go to the layers panel, select the text one, right-click on it, and then select the “Convert to Smart Object” option.

Thanks to Photoshop's ability to edit text without rasterization, the user is able to use the widest range of effects for the corresponding blocks. Among the most common:

  • letter smoothing;
  • text stroke;
  • applying a gradient to letters;
  • placing a picture inside the text;
  • writing text in a circle or in a “wave”.

Let's study these effects in more detail.

Letter smoothing

Smoothing text helps improve its perception and make the picture on which the corresponding block is placed more aesthetically pleasing. Photoshop allows you to use this effect in several ways at once. You can select the one you need in the list that opens in the lower right part of the text options window on the “Symbol” tab. A good option- choose “smooth” anti-aliasing or one adapted for Windows users.

Stroke

Outlining text can be done in different ways. Let's look at the simplest one.

First, create a new workspace, preferably on a white background. After that, select the “Text” tool and use it to place a word on the picture. Then you need to right-click on the layer corresponding to the text block and select “Blending Options” (in the English interface - Blending Options). In the window that opens, check the “Stroke” (or Stroke) box, then left-click on the corresponding tab.

A menu of stroke options will open. Here you can adjust its width, set its position, fill type, etc. After the necessary parameters are selected, click OK. The text that is placed in the Photoshop work area will have a stroke corresponding to the selected effects.

Applying a gradient to letters

In this case, the work will begin not with the text, but with creating a background for it. You need to create a new document in Photoshop, and then fill its background with a gradient - using the appropriate tool located just below the “File” menu item. Let it be in the range from dark gray to light gray.

After this, you can enter the text using the appropriate tool. Then select the “Symbol” tab, in which we indicate the font color - preferably much lighter than the background, but not snow-white. After this, you can open the properties of the layer corresponding to the text block, and in the window that appears, experiment with the parameters in the “Gradient Overlay” and “Shadow” tabs - so that appearance text best matched the background.

Placing a picture inside the text

This effect is among the most impressive. It allows you to overlay a picture on the text so that it is visible through it.

In order to use this effect, you first need to find a suitable picture and open it in Photoshop. It is desirable that this be beautiful Foto- for aesthetics. Then you need to open a new background layer, which should be a copy of the original one. The most convenient way to do this is by pressing the Ctrl and J key combination.

The next step is to place another one between two identical layers. This time - empty. To place it under the second one - a copy of the first one, you need to make it active, press the Ctrl key, and then click on the button to create a new layer. As a result, it will be placed where it is needed - between the first and its copy.

It is advisable to fill the third layer with something. Let it be white.

The next step is the location of the text on the work area in which the picture is to be placed. We know what tool needs to be used for this. The text should form another layer. It needs to be moved in the list of layers so that it is below the one on top.

The next step is the most important from the point of view of creating the effect in question. It is necessary to “etch” the text outline so that the image is placed inside it. Photoshop experts recommend doing it this way:

  • you need to press the Alt key and, without releasing it, move the mouse cursor over the border between the first and second layers;
  • After waiting for the cursor to change appearance, you must release the mouse button.

After this, text will appear in the Photoshop work area in which the picture will be placed.

Writing text in a circle or in a “wave”

This effect is among the most popular. It happens that the specifics of a project require text to be placed not strictly horizontally, but in a “wave”, in an arc or in a circle.

The main tool that is used to solve such a problem is the “Pen”. It is most often located in a separate panel - under the “File” item. If the corresponding icon is not displayed, Photoshop experts recommend pressing the P key and waiting for the additional panel to appear on the screen.

Using the Pen tool, you can draw a wavy line - in the desired configuration. The text will follow its outline. Now, in fact, it needs to be placed on the Photoshop work area. Take the appropriate tool and place the mouse cursor at the very beginning of the wavy line. If you start typing text, it will be displayed in a “wave”.

In order for the text to be written in a circle, we need an additional tool - an ellipse. It is located on the panel, which is activated by pressing the U key. The principle of solving the problem here is the same as in the previous case: first we draw an ellipse or a circle, then we place the cursor on it with the “Text” tool activated. Enter the required words.

22.07.2010 27.01.2018

Take a few minutes of your time and create a beautiful text effect in Photoshop. You can write any text.

90% of the success of a beautiful effect is the font.

Font used:

In that interesting lesson some secrets and techniques for creating a beautiful poster with beautifully designed text are revealed. A lesson for those who are interested in text effects in Photoshop.

Create a new document

In the layers window, select Gradient

Make the following settings

Click on the rectangle opposite the word “Gradient” and set it to:

It should work out like this

Let's take it Brush tool and set:
Color: #ccffff
Hardness: 0%

Create a new layer, set this layer to Opacity - 60%. AND brush tool Click on the center, you should get something like this:

Download Splatter Brushes from Bittbox.
Create a new layer and use Brush tool (#77e5e4) do the same as the author.

Duplicate the splash layer. Click Filter > Blur > Gaussian Blur and set the parameter Radius on 3px. Set this layer to Blending Mode - Color Dodge.

Move the layer with splashes (the one without blur) to the top and expose it to him Blending Mode - Linear Dodge.

In the same way we add more splashes at your discretion, the author uses color #e577d2.

Let's take it Text tool and write “design”.

Double click on the layer with the text (“design”) and do it as in the pictures below:

Colors - #1b2f2f / #231d1d

This is what you should end up with:

We save our work in .psd format.
Press Alt+F9, the Actions window will open. Download Photoshop Actions Set. The folder free-web-design.co.cc will appear and outside is the Actions Set recorded by the author.

Select the desired result from 12 options and click the play button.
The author chose this one:

Let's add effects.
Filter > Render > Lighting Effects and do as shown below.

Click Filter > Render > Lens Flare.

Repeat Filter > Render > Lighting Effects.

Let's add Filter > Render > Lens Flare.

1 vote

Good day, aspiring designers. If you believe the professionals, then in about two years in social networks and the Internet as a whole will have very little text left. All of it will be in the pictures. This is understandable, because we all love drawings since childhood. We can easily ignore the article, but we will read the phrases from the picture immediately, without even thinking. This is our psychology and advertisers cannot ignore it!

Today we will talk about how to write text on a photo in Photoshop and make it beautiful. I'll show you a few variations.

The technical side is important, we will get to that. This issue is quite easy to understand, but I would also like you to avoid making common mistakes that are found here and there.

Do you think everything is so simple? Take a look at the two photos. Both have the same word written on them: “Dream.” The first one was done ok. Not too bad, but not exactly great either.

And the second one makes me want to gouge out my eyes.

Pay attention to learning the basics and rules. Try to recognize the main mistakes and you will do great. We’ll talk a little about the main ones in this article, don’t tune out.

Eternal classics or how to take a photo that everyone will like

Let's play idiots. I’ll tell you now, and you’ll pretend that this is new information for you. Photoshop can be found in the online version: https://editor.0lik.ru/ , download the hacked one to your computer or buy a licensed version.

On the right side of the screen we find the letter “T” - horizontal text. Click on it. A menu will appear at the top allowing you to work with text. Here is the choice of font, size, alignment. Nothing new. You can work with these indicators in advance, to your taste and color, or edit them once the phrase appears in the picture.

Next comes color. You are given two ideal colors: black (active since it is on top) and white. With a small double-sided arrow in the corner you can switch these colors, and if you want to use another, just click on the active bar and select from the spectrum.

Be careful with flowers. Black and white are almost always winning. If you don’t understand combinations well, use them, don’t try to go crazy with purple, red and grey-brown.

The text is beautiful in contrast. Black looks better on a white or light background, and white on a dark background. I know smart people who believe that someone will peer at the image in order to find out what the author wanted to say. Be careful, this will never happen. You are fighting for the reader’s attention, and he is free to choose from 1000 offers. You must provide him with comfort and convenience if you want him to fall in love with your site or project.

In addition to the color, you can immediately choose the font.

I urge you, if you are not well versed in design and do not consider yourself a super professional, then you should not play with fonts. Use standard Times New Roman or Arial. Elm letters, serifs and other “interesting” features must be used with extreme caution; this should only be done by real specialists or people with incredible taste. Not all designers have adequate self-esteem. In most cases, all these options look rustic.

If you are not confident in yourself, then standard fonts and schemes will do just fine. They always look stylish and will appeal to more people than a third grader's coloring pages. Show yourself as an expert in everything, especially if you are not one. The less gag the better.

When the preliminary work is done, you can click on any free space in the picture. A flashing vertical bar will appear. The height of the letters directly depends on the size of the photo. Sometimes the picture is small and a size of 12 pt will look great, but on another, very large and 300 pt there are only small letters. You can't guess here. You will have to act according to the situation and choose what is best. You can do this right away or fix it later. Immediately after this, you can enter text from the keyboard and it will appear on the image.

To exit Text mode, I usually just click on the Layer button.

Now the word needs to be moved. There is a special button for this in Photoshop. Use a space that is not cluttered with images. The text should look harmonious. If there is an empty space, be sure to write on it.

To now edit the image simply click on the letter “T” again. Make sure that the menu on the right highlights exactly the layer you are working with.

Work with text. Selection

One of the most useful skills is the ability to outline. The photo may be too light, dark or variegated. Stroke makes the text stand out perfectly, and making it is not a problem. Right-click on the text layer and find “Blending Options” in the menu that appears.

Select "Outer Stroke".

In my case, I need to change the color to black.

And play with the boldness of the lines. Just enter any value and look at the result. It is immediately displayed in the illustration.

We agree with the changes.

This is what the picture looks like with a stroke.

And so without her.

In my opinion, the choice is obvious.

And for dessert... a very beautiful text overlay technique

And now I will teach you one more very simple thing, but nice welcome. Let's make the text transparent. To do this, you need to insert text and make a stroke. You already know how to do this.

Please note that the layer you are working with should be highlighted. Reduce the fill to zero.

You see, the background has disappeared, and you have learned how to make the text colorless.

What would you like to say finally? If you are interested in the Photoshop program, then this is a very profitable hobby! The better you know how to work in it, the more chances and opportunities open up. You can easily draw websites, advertising banners, book covers and much more in it. Clients are willing to pay a lot for this kind of work.

Talent is not required for this, sometimes it even gets in the way. It is best to study traditions, fundamentals, rules and work on skills. The design should work, please people, and make them take action. A famous writer once said that it is much easier to write a thousand books than one selling text. It's the same with pictures. Beauty is not the most important thing.

Knowledge of human psychology has been collected over the years. Even now, cool large corporations spend millions on marketing research in hopes of finding out what people really like.

In order to earn money, you need a little talent, which is easily replaced by experience and knowledge of the technical and practical parts. You will have to try hard for this. The fastest thing would be not to surf the Internet, bit by bit collecting useful lessons one by one, but to purchase a video course developed, what is called “From A to Z” https://photoshop-master.org/ . If you are reading this article now and have learned a lot from it, then these lessons will definitely be useful to you.

Please note that not only the technological part is collected here, but also a bunch of examples.

Do you think that you can learn everything just by surfing the Internet? Of course you can. But how long will it take? We are accustomed to value only what we pay for. There is often not enough time for the rest. Learn everything in the shortest possible period of time and never be left without work.

Change your life by choosing a new path to achieve your goal.

Brief video instructions

Good luck and see you again. Subscribe to my blog newsletter and learn more about the work of designers on the Internet.

Loading...