Writing text on the chalkboard in Photoshop

From the author: Recently, I often observe the use of this effect for text in the media. It is used in motion graphics, in presentations of modern technologies and to recreate the vintage style. I decided to use this cool effect on the blackboard without using chalk dust around the inscription itself.

The result of the lesson

Step 1

Create a new document. To do this, go to the menu File – Create (File – New) and in the dialog box, enter the values ​​for the document – 5×5 inches, with a resolution of 100 pixels per inch.

Press key D, to set the foreground color to black and then use the key combination Alt-backspace, to fill this new document with foreground color — that is, black.

Now click on the icon Create New Layer (Create a new layer) at the bottom of the layers panel to create a new empty layer.

Step 2

Activate the tool Brush (Brush tool), in the top panel of parameters, expand the list of brushes and find the brush Pencil (Crayon), as shown in the screenshot below. Press key X, to change the foreground color to white, and then draw a line to see how the brush works and how it looks. In the next step, we will adjust the settings of the selected brush for a more realistic display of the effect.

Step 3

To open the brush settings window, go to the menu. Window – Brush (Window – Brush) or just press the key Ffive. To start, turn off the checkbox on the tab Texture (Texture) which is listed on the left side of the panel. Then click on the tab Double brush (Dual Brush) to access these options. In the settings window that opens, scroll down the list, find and select a brush Spatter 27 pixels as shown in the screenshot below. Check the checkbox Both axes (Both Axes) and adjust some settings like this: Intervals (Spacing) and Scattering (Scatter).

Step 4

In the settings window of the brush, click on the topmost tab. Brush Print Form (Brush Tip Shape). Set up here Size (Size) with a value of 6 pixels., Then configure Smoothing (Softness) 45% and reduce Intervals (Spacing) up to 1%.

In addition, make sure that on the left side of the brush settings window there are checkboxes on the tabs Noise (Noise) and Smoothing (Smoothing).

Step 5

Now, select the foreground color in the toolbar, whatever you want, and try to make a few strokes with a new, customized brush. In the preview window, in the upper left corner of the document, you can see that the small brush on the preview repeats your movements and shows the angle of the brush.

In addition, in this preview you will see how the tip of the brush “wears out” when using it, as if you were using real chalk or a pencil. In order to restore the sharp tip, go back to the brush settings and on the tab Brush Print Form (Brush Tip Shape) click Sharp tip (Sharpen Tip). After that, you will see on the preview of the brush that the tip has become sharp again.

Step 6

In order to use the customized brush repeatedly, save it. To do this, in the upper panel of parameters, click on the brush selection window and in the upper right-hand corner click on the gear icon. In the settings, select the option New brush parameter set (New Tool Preset). In the dialog box that appears, give a name to this brush and click OK.

Step 7

Since the author does not provide the source with the texture of the blackboard, find a similar texture or use an alternative from the archive. Open the texture in Photoshop and create a black layer on top. It will be temporary for better visibility of the contours of the inscription.

Now, above all the layers, write with the font you like the text with which you will continue to work. Click on the text layer with the right mouse button and select the option Create work path (Create Work Path). If desired, slightly distort the contours by shifting some anchor points with the white arrow tool. Node selection (Direct Selection tool).

Step 8

Click the foreground color icon in the toolbar and in the window that appears, set the color R: 247, G: 148, B: 29 (# f7941d), and then click OK.

Step 9

Now delete the black fill layer and the text layer, or simply turn off their visibility (the outlines should remain). Then click on the icon Create New Layer (Create a new layer) at the bottom of the layers panel to create a new empty layer above the background layer with the texture of the blackboard.

Open the palette Contours (Paths). If it is not visible in your workspace, activate it through the menu. Window – Outlines (Window – Paths). Select the layer with the outline of your label, expand the settings panel in the upper right corner of the palette and select the option Outline the contour (Stroke Path).

Step 10

When the outline contour dialog box appears, select the tool from the drop down menu. Brush (Brush) and make sure the checkbox is unchecked Simulate pressure (Simulate Pressure). To confirm the selected options, click OK. Below in the screenshot you can see how the brush that was previously set up will stroke the chalk effect along the outline of the letters.

Step 11

Go back to the layers palette and create a new empty layer above the layer with the board texture. Now open the palette Contours (Paths), hold down the Ctrl key and click on the thumbnail of the outline layer to load the text selection.

Step 12

Activate the tool Brush (Brush), increase the size of the brush by a few pixels using the key] (right, square bracket), and start painting inside the letters. The selection that you loaded a little earlier, when painting, will not let you go beyond the limits of the letters. If you want to, intend to skip areas, drawing so that it looks like real chalk, draw some areas continuously until you fill in the entire text.

Step 13

After you finish painting the letters, click on the icon at the bottom of the layers palette. fx to open the layer styles window. In the menu that appears, select the option Overlay options (Blending Options). In the layer style dialog box, in the block Impose if (Blend If) hold and hold Alt and click on the black slider Subject layer (Underlying Layer). Drag the split part of the slider to the right and set to a value of about 50. This will make it possible to display some dark areas of the background layer in the overly filled areas of the letters. To confirm the action, click OK and deselect the key combination. Ctrl+D.

Step 14

In the left pane, select the black arrow tool. Outline selection (Path Selection tool) and open the palette again. Contours (Paths). Click on the layer with the outline to make it active. Then use the black arrow tool to select the contour, just holding the mouse with the clamped mouse around the inscription, forming a selection frame. Thus, you will select the entire contour with reference points.

Using the arrows on the keyboard, slide the contour slightly to the right and down, as shown in the screenshot below.

Step 15

Return to the tool Brush (Brush) and on the top toolbar, set the brush size to about 4 pixels. Click on the foreground color icon in the toolbar and select a light blue color in the appeared window. Create another new layer in the layers palette, and then click on the icon Brush the contour (Stroke Path with Brush) in the palette Contours (Path). In order to make the stroke more dense, you can click on this icon several times.

Step 16

To remove the outline selection, click the mouse in the empty area of ​​the palette below the outline layer itself. Now activate the tool Eraser (Eraser tool) and erase the blue lines where they overlap the orange areas of the letters and in some other places. See how it is shown in the screenshot below. This will create an interesting shadow line with some depth and with the same shallow effect.

Step 17

Now in the layer style dialog box again use block options Impose if (Blend If) and adjust the settings as you did earlier for the orange text.

Step 18

In the layers palette, select all three layers related to the label, right-click on one of them and select the option Convert to smart object (Convert to Smart Object)

Step 19

Now go to menu Editing – Transform – Warp (Edit – Transform – Warp). In the top options panel, in the options settings Deformation (Warp) select an option Archway (Arc) and set the following settings:

Bend (Bend) about 23%,

Horizontally (H) -37.5%,

Pabout vertical (V) 8.5%

After entering the settings, press the key Enter to apply transformation. The text will take the form of an arc, which will give it more dynamics.

Below in the screenshot you can see the final image. For a more interesting look, the author dragged a smart object with an inscription into an image with a blackboard and added a couple of words created in the same style using methods from the lesson.

You can download the source with school boards on our website:

  • School board # 1
  • School board # 2

Like this post? Please share to your friends: