Create text from ribbons in Photoshop

Greetings to all fans of Photoshop! Just a little bit left until the day when we will congratulate our beloved mothers, sisters, grandmothers, girlfriends … well, the whole beautiful half of humanity! In this lesson, I will show you the principle of creating text from ribbons, which can perfectly fit into your greeting card, made, of course, with your own hands and in your favorite Adobe Photoshop program!

So, we have very little time. For the cause!

Step 1

First you need to decide on the size of the card. I decided to make a large A4 card, so I create an A4 document (2480×3508 pixels).

In this document, we write the appropriate text in the appropriate font. A suitable font is almost any italic that you could imagine in the form of ribbon curls. I chose the font Peterburg.

Initially, I wrote the text in yellow, but in the process of creating a postcard the color has changed. Therefore, in order to be better seen, I will set a contrasting background. You choose colors at your discretion, at this stage it does not matter. In the future, the text color can be changed as you like.

Step 2

Since the ribbon bends exclude sharp corners, we will slightly correct our font – we will get rid of sharp corners. This can be done either with a tool. Eraser (Eraser) or by using layer mask (Layer Mask). Also, the “tails” of letters can be made forked, so that it is more like a ribbon. To do this with the tool Polygonal Lasso (Polygonal Lasso) cut out the triangles where necessary.

You should have the following:

Step 3

Now we need to work on the volume, determine the tape bending lines. Light and shadows will help us in this. Shadows and lights can be created with a brush, setting its color to a darker than the base text color. Or use the tools Clarifier (Dodge) and Dimmer (Burn).

I prefer to work with a brush first to set the desired color for the shadow, and then walk a little bit with the clarifier and dimmer in places where there is not enough volume.

To set the shadow direction, use the tool. Pen (Pen). Imagine for a start how a real ribbon would be bent in the shape of the letter “a”, where the light would fall, and where a shadow would form. Tool Pen (Pen) I created a contour where, in my view, there should be a tape bend. It will go into the shadow, so I will create a selection from the outline and on the new layer I paint over this area with a darker color with a soft brush.

I do it on a new layer, so that later, in case I don’t like the result obtained or adjustments are needed in the process, I could easily fix everything.

It is important that you do not need to paint over the entire area, but to form a certain gradient. Exactly brush with soft edges will allow this to be done. Just set it to a rather large size (at my resolution, it’s about 90 pixels in size) and start painting over the line of the supposed bend. At the place of bending, the color should be more saturated, dissolving to the tip of the tape.

Step 4

By the same principle, create another selection area near the letter “a” and form a ribbon bend by adding a shadow.

Step 5

Invert the selection (Ctrl + Shift + I) and on the new layer try to create a shadow between the tapes. I did it this way: first I painted over the area where it was necessary:

Then returned to the layer where the main text is written (it must be rasterized). Hold down the Ctrl key and click on the thumbnail of the text layer to load text selection.

Now, attention! Make sure that you are on the layer where you last painted the shadow (at the beginning of step 5). Invert the loaded selection and eraser erase all unnecessary.
You should have something like this:

Step 6

And finish tail.

Step 7

Here we have the letter “a”.

The remaining letters do the same principle. Using tool Dimmer (Burn) we strengthen the shadows in the lines of the bend, and with the help of the tool Clarifier (Dodge) add light, where necessary according to the intention of the composition. This is how it turns out:

In this illustration, you can clearly see how and where you can create bend lines, as well as where to enhance shadows and light to give volume.

Step 8

In the process of creating the text, I decided to change its color. To do this, just refer to the function Hue / Saturation (Hue / Saturation) (Ctrl + U) and adjust the desired color.

Step 9

Merge all the layers related to the text (do not include the background). Create a new layer. Load the selection of the text layer by clicking on its thumbnail while holding down the Ctrl key. Make sure that the new layer you just created is active. Go to the menu Allotment (Select) – Modification (Modify) – Compress (Contract). For my resolution, I chose a value of 4 pixels. And then Allotment (Select) – Modification (Modify) – The border (Border). Set the value to 1 pix. The resulting selection is filled with white.

We did it like this:

Since the rim of ours is formed on a new layer, it can be adjusted along bending lines.

So our ribbons are ready, it remains to make a composition.

Step 10

On the Internet you can find any floral background, for example, like this:

I slightly changed the size and position of the text.

Diluted the motley background with a pale yellow oval.

Step 11

You can also create an outline inside the oval using the tool Ellipse (Ellipse) and execute the command Circle Outline (Stroke Path). Select a brush as the stroke tool.
The brush must be pre-configured. Set the brush size suitable for you, and then play in the settings with the parameter Scattering (Scattering). This is what should result:

You can add some bouquet:

And, to balance the composition, a nice curl:

That’s all! Our card is ready! I hope you enjoyed this tutorial and found it useful! I would be glad to see your exclusive work, as well as comments about the lesson!


Like this post? Please share to your friends: