The Pen tool in Photoshop is an incredibly powerful drawing tool. In this tutorial, I will show you how to create a glossy text with a chewing gum effect. In the lesson process, you will learn how to combine work with the Pen tool and layer styles.
Part 1. Create a sketch.
Create a new document with a size of 3000×2400 pixels, with a resolution of 300. This amount of resolution is necessary so that when printing
The image turned out high quality and clear.
Now you need to create a basic sketch. The best option is to create a sketch on the tablet. select instrument Brush (Brush Tool) and turn on the parameter Pen pressure (pen pressure).
Create a new layer (Shift + Ctrl + N) and start drawing a sketch. Start sketching with the tool Pencil (Pencil Tool) with a diameter of 4 pixels.
Now take a brush with a diameter of 8 pixels and continue to draw the sketch.
After the thumbnail is created, select the tool Pen (Pen Tool) (P) and draw the outline, drawing on the sketch.
Make sure the tool Pen ( Pen Tool) (P) is in mode Contours (Path). Create a smooth contour around your design sketch.
Hold the Ctrl key while adjusting the control point to get the curve you need.
After the contour is created, without changing the tool, right-click on the contour and select the item Fill contour (Fill Sub-path). Make sure you are on a new layer. Go to parameter Fill color (Color Fill) and select the color # ff0060.
Use the tool Pen (Pen Tool) to trace all letters and fill them with the selected color.
After the stroke and fill color are finished, turn off the visibility of the thumbnail layer:
Part 2. Create a 3D effect.
Let’s start creating a 3D effect. Start by creating a wide stroke around the text. Load a selection around the text (Ctrl + click on the thumbnail of the text layer).
This is what the text looks like with the selection around it:
Create a new layer above the original layer (Shift + Ctrl + N) and expand the selection by 20 pixels (Select – Modify – Expand) (Select> Modify> Expand).
select instrument Fill (Paint Bucket Tool) (G) and fill the selection with any color. It is preferable to fill the selection with black color – to create a 3D effect, it is best suited. Name this layer “Shadow”.
Place the “Shadow” layer under the text layer.
If you look closely, there is some discrepancy between shape and curves.
We need to make the whole contour perfectly smooth. Tool Pen (Pen Tool) round the whole uneven contour. Distort the control points until you get the desired result:
When correcting the contour, follow the lines of the text. You need to achieve a smooth effect, so do not rush.
After the outline is corrected, create a shadow effect to turn the text into an illustration.
To do this, go to the design layer and add to it vector mask (Add Vector Mask) from the bottom of the Layers palette
Create a slightly cut contour, as shown in the screenshot. Basically, these cuts need to be added in the corners of the text. This method will create a cartoon text effect.
Tool Pen (Pen Tool) draw a contour where you want to cut. Make sure that you click on the mask – because it will erase the cut contour.
After the outline is drawn, right click on it and select To form a selected area (Make Selection).
On a layer mask, use a black brush to remove unwanted areas, and a white brush can bring them back. Continue rounding out some sections of the text:
After completing the contour editing, the image will look like this:
Now let’s start creating a 3D effect, namely, add an emboss effect to the stroke using the main selection and the Fill tool.
To begin, go to the outer stroke layer and select the tool Oval selection area (Marquee tool) (M) to select it.
With the active selection, create a new layer (Shift + Ctrl + N) – it is on it and we will create an embossing. Select embossed color. Later, you can change the color of the embossing through the layer styles.
With active stroke layer and selected tool Oval selection area (Marquee tool) (M), press Alt + Backspace. Thanks to this technique, a base layer will be created. If you look closely, you can see that this layer is behind the stroke layer.
Now that we know that we have filled the space, we can continue to create a 3D effect. With active selection and selected instrument Oval selection area (Marquee tool) (M), repeat the fill process by pressing the Down arrow key, then the Right Cursor key, and then pressing Alt + Backspace to fill.
We created a 3D effect using the repetition technique.
By repeating this method you will see that the depth of the stroke is getting thicker. I will stop creating the 3D effect when there is no free space in the letter H.
Here is a 3D effect.
You can change the color of the volume stroke through the layer style. Color overlay (Color Overlay).
Part 3. We draw a chewing gum
So, as we create an illustration with the effect of chewing gum, then we need to draw the threads stretching from the chewing gum from letter to letter. To do this, use the tool. Pen (Pen Tool) (P). Create a new layer (Shift + Ctrl + N) – the ends of the threads should be thicker than their middle part.
Draw a contour and fill it:
Add a layer mask to the layer with the created thread from the chewing gum and, while on it, draw such an outline. This will be a gap in the threads of chewing gum:
In the same way, draw the threads from chewing gum on all letters.
Now create a glossy chewing gum effect using the brush fill and effects. Let’s start with the highlights. Create a new layer (Shift + Ctrl + N) above the main design layer. In our illustration, the light source is on the right side. Below is a schematic sketch of the location of the light sections on the text:
This is a sketch of where the shadow will be located:
Tool Pen (Pen Tool) (P) Draw an outline for glossy highlights:
To fill glossy areas, use color # ff92bb. I will start creating glossy highlights with the word Yeah. After the outline is drawn and filled with color, the text looks like this:
Create a new group (click on the folder icon at the bottom of the Layers palette) and start creating glossy areas on the word Heck.
Repeat the same steps as for the first word to create glossy highlights:
After creating the highlights, the text looks like this:
Part 5. Creating the shadow
We’ve created a base layer with glossy highlights and now move on to creating a shadow on the text. select a tool for this Pen (Pen Tool) (P) and look at the sketch sketch – it shows where the shadow will be located on the text:
Create a new group with the name “Shadows” (click on the folder icon at the bottom of the Layers palette) and draw a path. Then, click on the contour with the right mouse button and select the item Create Selected Area. When drawing the outline for the shadow, move a little away from the edge of the letter.
Choose a tool Brush (Brush Tool) (B) with soft edges, 100 pixels in size and with 100% opacity. Set the pressure to 15%. If desired, you can turn on the airbrush function.
The idea is to smoothly darken the selected area:
After the shadow is added, the word Heck looks like this:
In the same way, add a shadow to the second word:
Part 6. The second stage of creating the backlight
We will create the second stage of creating glossy highlights on the principle of shadow, only we will work with a white brush. Experiment with brush pressure and draw free-form areas. The freer the form, the more interesting the text will look.
Change the blending mode of the layer created in the previous step to Overlap (Overlay) for a glossy effect that looks juicier.
The first word looks like this:
Continue adding gloss to the second word:
After the gloss is added to both words, the text looks like this:
Part 7. The depth of light
Now let’s move on to adding highlights, which will give the text a 3D effect.
On a layer with depth, add a Color Overlay style. Due to this, color contrast will be created.
Create a new group with the name “Bars” and draw a rectangular shape. This figure should be long enough, because, we will turn it and ask it the prospect.
Duplicate the rectangle layer (Ctrl + J) and experiment with the width of each strip.
After the stripes look like a barcode, they will match the depth perspective. Click on the group with these stripes to rotate the whole group at once (Ctrl + T). Set the angle of rotation of -45 degrees.
As each strip is on a separate layer, you can change the distance between them. start moving the strips from the lower area and continue to move counterclockwise.
Add a layer to the stripes. clipping mask (Clipping Mask) to impose them on the text. To do this, duplicate the group with them (Ctrl + J) and convert the duplicate into a smart object. Now add a clipping mask (Layer – Create Clipping Mask) (Layer> Create Clipping Mask).
Change the color of the stripes. Add a layer to them Color overlay (Color Overlay) using white color.
Also, you need a little cut off the edges of the bands. With Ctrl pressed, click on the thumbnail of the layer with stripes to load the selection around them and compress the selection by 10 pixels (Selection – Modification – Compress).
Add a colorful effect using layer styles. Overlapping pattern (Pattern Overlay) and Gradient overlay (Gradient Overlay). For the Gradient Overlay style use colors # 631ca5 and # 4a0882 and set the blending mode Overlap (Overlay).
To create a realistic effect, create a new layer (Shift + Ctrl + N), load the selection layer with stripes and go around the brush to darken them a little.
Part 8. Create a background.
We are almost done. left to create a background with a geometric pattern.
Create a new layer (Shift + Ctrl + N) and place it under all existing layers. This layer will be the background – give it a name. Put this layer in a new group called “background” (Ctrl + G). Fill the background layer with the main text color: # ff0060.
Create a new document with a 35×35 pixels transparent background for the geometric texture (Ctrl + N).
Create a new layer (Shift + Ctrl + N) and draw a triangle with the tool Pen (Pen Tool). Fill the triangle with a magenta (# c70083).
Draw a contour inside the triangle with the pen, convert the contour into a selection (right-click on the contour and select the option Create selection) and delete the selected part.
While pressing the Alt key, drag the triangle to the side to duplicate it. Merge both layers with triangles into one (Ctrl + E) and duplicate the layer again. Thanks to the merging of layers, copying will go faster.
Arrange the triangles as shown in the screenshot:
Note: To create a texture, apply the command Define pattern (Editing – Define a pattern) (Edit> Define Pattern) and fill them with a layer.
After completing the duplication of triangles, the background looks like this:
Add even more color to the texture through the layer style. Gradient overlay (Gradient Overlay). Use the purple and pink colors here: # c70083 and # e30357.
Add a vignette. Create a new layer (Shift + Ctrl + N), select the tool Oval selection area (Elliptical Marquee Tool) and draw a selection. Right-click on the selection and add a feather of 250 pixels.
Invert the selection (Shift + Ctrl + I) and fill it with black. Reduce the opacity of the vignette layer to 20%.
Part 9. Add an extra shadow.
Now create a shadow effect on the whole structure, using the method with which we added 3D depth.
Start by merging a group that contains all layers of the structure. Transform the resulting layer into a smart object. Load a selection of this layer, create a new group and a new layer inside it. Fill the layer with white.
Apply a style to the white filled layer Color overlay (Color Overlay) by changing the color to black and reducing the opacity to 80%. Change the blending mode of the group with this layer to Multiplication (Multiply) and reduce the group opacity to 60%.
Now fill in the color of the word Nudge, repeating the method that was used to create the effect of depth. Only this time, create a drop shadow by reducing the transparency of the layer style. Color overlay (Color Overlay). Each time you create a duplicate of the word Nudge, in a layer style, reduce the opacity by 2%.
You need to create about 40 duplicate layers, reducing the opacity in a layer style. Color overlay (Color Overlay) each time at 2%.
Add a filter Noise after converting the group to a smart object. For the noise filter, set the value to 8%.
Part 10. Final Effects
Add the final touches to the design. let’s start by adding a glow effect around the text. To do this, create a new layer (Shift + Ctrl + N) above the merged layer and a brush with soft edges to draw a glow in those places where you see fit. Change the blending mode of this layer to Soft light (Soft Light).
At the end, add an adjustment layer. Gradient map (Gradient Map), set it to black and white and enable the checkbox Inversion (Reverse).
Set the blend mode of this adjustment layer. Difference (Difference) and reduce the opacity to 5%. Because of this, the illustration will get a delicate vintage look.