How to make a beautiful inscription on a photo in Photoshop. Detailed lesson. How to make beautiful text in Photoshop CS6 How to write beautifully in Photoshop CS6

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 please more people than the coloring pages of a third-grader. 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 another very simple but beautiful technique. 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 similar 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 new way achieving the 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.

CS6 can do more than just create drawings or retouch photos. It allows you to work with text. And not with the usual symbols, which are also in Microsoft Word. Photoshop is a graphic editor - you can make an inscription with an original design in it. Although there are also standard printed characters in the utility. Figure out how to rotate text in Photoshop, add effects or textures to it, choose size and shape. And in general, how to interact with the symbols in this program.

In Photoshop you often have to deal with working with text.

You can design a postcard, leaflet or congratulation, add a beautiful font to a photo collage, create a stroke or shadow for it, add volume, lighting, and gradient. This will give you a unique and attractive set of symbols.

First you need to figure out how to insert text. After that, you can already do something with it.

  1. Create a new drawing. Or open a picture to which you want to add a caption.
  2. In the panel on the left, find a button shaped like a capital letter "T". If you hover over it, a “Horizontal” or “Vertical” tooltip will appear.
  3. Right-click on it. Select the direction of the label.
  4. Click on the place where you want to add symbols. Or select the area in which they should be located.
  5. You should write what you need.
  6. If you click anywhere, the text boundaries will “stretch” as you type. You can wrap lines by pressing Enter. If you selected an area, you will have to resize the frame manually.
  7. To expand the printable area, “drag” the mouse on the markers on this border. They will be active if the "T" button is pressed.
  8. To move a block with text, click on the icon that looks like a black cursor and a crosshair. It is located on the panel on the left. Usually at the very top. After that, simply drag the object. This is similar to moving shortcuts in Windows.

You can do something with any object only if the layer on which it is located is selected. A list of all layers is displayed at the bottom right. To work with one of them, click on the corresponding item.

Editing

Photoshop CS6 includes tools for editing lettering. You can choose a beautiful font, style, size, color, alignment. The settings will appear in the top panel if you select the layer with the letters and click on “T”.

  • To change calligraphy, click on the drop-down list at the top left. All the fonts that you have on your computer will appear. Next to the name is an example of what the signs will look like. You can download new character sets if the preinstalled ones are not enough. They must be inserted into the “Fonts” folder, which can be accessed through Start - Control Panel. And the next time you launch Photoshop, they will appear in the list. Calligraphy is in .TTF or .OTF format.
  • To change the shade of the characters, you need to select them and click on the rectangle at the top. It is the same color as the text. This button opens the palette. You can set the hue manually by moving the slider along the scale and selecting the brightness. You can enter parameters in the form of numbers. Or you can immediately write the name of the color if you know it. It looks like a code of numbers and Latin characters. To focus attention on the inscription, create a stroke of a different shade.
  • To reverse a row, click the T icon with small arrows. She is also upstairs.
  • The size is set in a drop-down list that displays numbers with the prefix “pt” (this parameter is measured in pixels or points - abbreviated “pt”).
  • To line up, use the “Left Alignment,” “Right Alignment,” and “Center Alignment” buttons. This is similar to the “Left Align” and “Right Align” options.
  • To change the style, select a fragment of the inscription and right-click on it. The context menu will have the items “Pseudo-Bold” and “Pseudo-Italic”.
  • There you can also configure anti-aliasing: clear, rich, smooth, hard.

To apply the changes, click on the checkmark on the top panel. To return the original formatting - to the crossed out circle.

Similar options are available in almost any word processor. They are not enough to create designer inscriptions. However, this is the basis without which it is impossible to work with symbols. There are other tools in Photoshop as well. It's time to figure out how to make beautiful text in Photoshop CS6.

Deformation

There is a "Warp" button on the top panel. It is displayed as a curved letter "T" and a semicircle. You can access the same setting by right-clicking on the layer name. In the drop-down menu there will be a line “Deform text”.

In the window that opens, in the “Style” field, select how the line should be displayed: arc, arc, wave, fish, bubble. This way you can create an extraordinary design.

Effects

The most complex and varied menu is “Effects”. You can set a huge number of parameters in it. The settings are detailed - even minor details are available. Web designers use these options to create unique and amazing creations.

We will show the possibilities of effects on specific example. Here's how to stroke text in Photoshop CS6:

  1. Right-click on the layer with the caption.
  2. Select Blending Options.
  3. In the list on the left, find the item “Create a stroke” or something similar. Click on it and mark it with a marker.
  4. There you can set the frame shade, width, position (outside, inside, from the center), transparency, blending mode.
  5. To change the texture, click on the “Type” list. There will be a choice between "Color", "Gradient" and "Pattern".
  6. A gradient is several shades. The image with it transitions from one color to another. That is, in one part of the picture there will be a rich blue, in the other - light purple. You can even design the outline in the form of a rainbow.
  7. Pattern is texture. Go to this item - an example drawing will appear. Click on the arrow next to it pointing down - there will be a choice between different images. In the menu that appears, click on another arrow pointing sideways. A menu will open in which you can select sets of styles - each with its own collection of textures. New patterns can be downloaded - they must be in .PAT format.

Writing a sentence and adding a frame to it is the easiest thing to do. In the effects menu, you can apply a gradient and pattern to the text itself, add gloss, embossing, lighting, and shadow to it. Each function has many internal parameters. For example, in the Shadow section there is size, angle, offset and even a noise effect (similar to TV ripples).

You can experiment with the settings. When you change an option, the result is immediately displayed in the picture. The utility has a list of ready-made effects. It is located in the “Styles” tab. All parameters are already set in them.

Professional designers and artists work with several layers at once. For example, they copy the inscription, make it transparent, add lighting and overlay it on the original letters. Then they duplicate it again, use other attributes, and again place it on top of the previous characters. This results in a multilayer structure. The effects are combined.

Volume

There is another way to write beautiful text. Create three-dimensional shapes from it.

  1. Select a layer. Don't select the area with the text.
  2. Click on "3D" in the menu bar.
  3. If you have some model as a 3D file, you can download it and use it.
  4. To make a 3D object from the lettering itself, hover over “New Grayscale Mesh.” This menu has a very poor selection of characteristics.
  5. The New Structure from Layer option converts the entire layer. It folds into a shape like a piece of paper. There are many objects in this section: pyramid, cone, cylinder, ball, cube and the like.

To create 3D text, it is better to use the effects menu. You can change the lighting, add shadows - and the resulting inscription will look believable and natural. Among the ready-made styles there are also voluminous ones.

Ready effects

Text effects can be downloaded from the Internet. With them you can make an amazing inscription without any effort. Creating it from scratch is undoubtedly more interesting. And the end result is exactly what you need. But suddenly one of the existing designs suits you.

Neon signs, reflections, letters made from ribbons, metal, wood, sand and even ice cream. Just enter “Text effects for Photoshop CS6” into any search engine and browse several sites. Perhaps the font you want has already been created by someone, and you don't need to make it yourself.

Styles are distributed in .psd files (they are often packaged in RAR or ZIP archives). This is not an add-on or plugin, but images that can be edited. All the necessary colors and effects are already configured there. Just open the drawing in Photoshop and insert your text. Copy and add it to other pictures.

Some styles may use fonts that you don't have. Before downloading an effect, check to see if it comes with the calligraphy file you want. Or look at what character set is there (if this information is in the description) and install it in advance.

If you don’t want to look for additional fonts, but you like the style, feel free to download it. When you open a file, Photoshop will warn you that its database does not contain the required calligraphy and will replace it with its own. Then select any set of characters from those already in the program.

You can understand how to write text in Photoshop and edit it. However, the utility has a lot of different textures, styles, effects, and numerical parameters, which are easy to get confused in. It will take time to learn the program and remember all its functions. But everyone can make an interesting and unusual signature. You don't need to have a thorough understanding of Photoshop to do this. Ready-made styles are also available online. The effects are already arranged in them. Just enter your text.


In order to create a quick and beautiful inscription in Photoshop, take as a basis a special manual that you can use at any necessary time.

1. Inserting text - the easy way

To make the desired inscription appear on the photo, simply select “insert text”, which can be found on the special toolbar:
- open the photo;


- find the required tool, it looks like the letter “T”;


- click on the place where the text should appear. Enter the text;


- to change the font type and size, location and color of the inscription, you should use special keys that open in a special window;


- adjust the text deformation setting using a special button;


- to remove the frame that automatically appeared around the text, you need to change the layer style. To do this, go to a special window and select a layer with your inscription there;


- in the new styles window, adjust the shadows as you think best, and also use strokes and other available effects;


- with the mouse, simply drag the block with the inscription into part of the photo. Saving changes;


This is how we get standard view text on the picture using Photoshop.

2. Font selection

Here we describe the possibility of creating an inscription by performing a special installation of fonts from other - additional sources, creating a gradient fill and stroke.
Font downloads are available from various sources. It is best to choose the most popular one, such as 1001 free fonts. Having selected the desired font, download and unpack the font pack into the “Fonts” folder in Winodws.


After moving files, you need to restart the editor for the new font to be visible.
Select the item " Horizontal text" Write this text anywhere on the photo. Using the special panel, select the required font.


Next you need to select the size of the text (characters). Then move on to adding special effects. Open the tab " Window", Further " Layers" Go to the text layer. In the special style window, add a shadow. Add 75% opacity to the parameter. Set the alignment to 10 or 12 pixels, and set the size slider to 10-12.

Now you need to add a glow to the text from the outside. To do this, click on " Layer Style", to do this, check the box on the left in the item " External glow" On the right you need to set the window parameter " Scope" by 8%, and the size is 27 pixels.


Now it's time to work with the gradient fill we created earlier. In the “Layer Style” window, click on the “Apply Gradient” section. Now select the desired gradient color, a palette of colors and shades will open. The color can be selected using the mouse, or a special code for a specific shade.

Enter in the field # fbfea0. Now click on the lower parameter with the slider on the left and enter the code #ffef04.


We outline the characters. Click on the “Stroke” item, choosing the outline size as “3” and the stroke color as #031f01.


Close any windows that are in the way. And look at the result. In the same way, you can add another inscription, with a different font and stroke, and generally different parameters.

3. Stylized inscription

Now we will consider the option of creating a unique textured inscription. The method is the most difficult among all, but it will lead to excellent results. Creating such text is an important part of graphic design and the designer in general. Here you will learn how to create a special text whose symbols will be similar to candy.
Create an inscription in another project. Indeed, if necessary, it can be added to another picture with changed text.
- Open the project in Photoshop. Set the size to 800 by 600 pixels and duplicate the layer.


- On the duplicate layer, open the “Layer Style” window. On the left, select “Apply Gradient”. On the right, set the parameters: “Radial Style”, setting the scale to 50%. Then set the left gradient point to #ffffff, and the right one to #979797.


After closing the styles window, you will get the following image. Or a gradient texture.


Now download the special file with the additional texture and open it in the project. The image must be placed on top of all other layers.


Install a unique font on your PC " Bubble Gum", which can be found on the source indicated above. And save the project before reloading the project. Now add a special inscription to the project page using a special font. Set the Size to 170 pt and the View to " Ordinary».


On the " Layers» Select the first two, creating copies of them. Set the fill value on them to " 0 ", for one and the other duplicate.
Click on the first layer and open " Layer Style" Go to " Embossing" Where you need to set the settings as in the photo below.


Go to the tab " Circuit" and set the following settings:

We continue our series of collections with materials for web designers. And today it is text effects in photoshop. Using pretty text is important factor in the process of creating good graphics and attractive design.
The created effects are source files psd format, with editable layers. In some cases, this is even editable text, so without making any special changes, you can apply the presented effects to your text. Below is a list of effects that are at your disposal.

1 → Gold + Glass effect

These are several text layers for web and graphic design, to create interesting effects for text in the style of “gold” and “glass”. The archive comes with a Photoshop style.asl, which can be saved as a set and used at any time.

2 → Blurry text

Another effect of blurry words in volume. The layout consists of mock-up files, which allows you to make any text look like this automatically.

3 → Metal text + font for it

Quite realistic metal letters with a suitable font. This font is in the archive along with the source.

4 → Another source of the letter style in pleasant colors

Also a good style, with a little 3D

5 → In Glamor style

Simple but attractive text in red style, no additional layers applied, just blending options.

6 → Indented letters with 3D effect: PSD + font

The effect of depressed letters is achieved by simple manipulations, in particular, by the internal shadow, which creates such an appearance. The layout also includes the font used in this text.

7 → Indented text

The simplest example of using this effect. All manipulations are in the blending parameters. Source below.

8 → Retro school style

An interesting retro effect is achieved through the layout of the blending parameters, as well as the texture, which creates the appearance of old letters.

9 → Superb 3D text “Grand”

Very professional work. Realistic effects in automatic mode, mock-up source code. The archive comes with 2 fonts used, and the effects themselves in two versions.

10 → Handwritten text

Good combination handwritten font and text style. The font file itself is attached.

11 → “Authentic” effect

Not for everybody. Mock-up PSD source.

12 → Elegant white in “Soft” style

An attractive effect, a simple, but at the same time interesting result.

13 → Painted mirror text

Elegant font (attached), beautiful mirror text.

14 → Gold letters with mirror reflection

A very realistic effect that matches the gold surface as closely as possible. However, this effect can be achieved using blending parameters alone, so you can easily add another style to your collection.

15 → Reflective gloss

A simple but also nice text effect in Photoshop that represents gloss, with a mirror look and an interesting font.

16 → Frosty effect in glacier style

Quite an interesting icy text, a very suitable font + parameters in Photoshop made it possible to achieve such a frosty style.

17 → Letters in the style of soap bubbles

In this lesson we will learn how to create a text inscription.

1. Typing.

To make an inscription Select the Type tool (Text) on the left side of the panel. Then click the mouse in the desired part of the document and type the text on the keyboard. You can start typing text from a point or select a rectangular area that will define the boundaries of the text.

Click on the picture to enlarge

In the Options panel, you can customize the text, both before and after it is entered.

2. Selecting a headset

3. Choosing a font style

4. Font size

5. Font smoothing algorithm

6. text alignment

7. Text color

8. Warp text

9. Calling the palette

You can change both the entire text and its individual parts.

Note : You can work with text and change it only when the Type tool is enabled on the panel.

Select the required part of the text, and in the window that appears, select the typeface.

2. Text color.

To change the color of the text, we need to select the text or part of it and select (Text Color) in the panel, which will result in a dialog box appearing. The color can be selected either from the palette or with an eyedropper on the image. After which the selected part will change its color.

Text color can be created using Gradient. To do this, you first need to highlight the letters in the text; this can be done using Magic Wand. The letters will be highlighted with a moving dotted line.

Then select a fill from the standard ones, or create your own and fill the selected text.

3. Text style.

Now let's try to change the appearance of the text using Styles in the panel in the upper right corner.

Adobe Photoshop has a standard set of styles that can be modified and expanded as needed.

To change the text style, we will work in the Layers panel. In the lower right corner, select the layer with the text that we will change and, then, apply the necessary style to it.

4. Text deformation.

You can deform the text using the button on the Options panel. As a result, a dialog box will appear with a standard set of 15 blanks, as well as no distortion. We select the text and select a specific template, the text is deformed.

You can place text in a document along any contour. First we need to create the outline itself. To create it, we will use the Pen tool.

I selected the Freeform Pen and drew the outline freehand.

After the text is typed, click on the outline and remove it.