Chalk board background for photoshop. Realistic chalk inscription on a green board

Text written in chalk in paint.net

In this lesson I will tell you a way to make a chalk inscription in paint.net.

The idea of ​​the lesson was borrowed from the English-language site, but slightly modified, because... You can achieve the desired effect of writing with chalk much easier and the result will be better. To write with chalk, we will need a picture with a texture on which we will make this very inscription. For example, this drawing of a school board would be suitable:

Using the board as a background, create a new transparent layer and write a message on it. Key disadvantage original lesson, they made the inscription thick, which made the sense of reality disappear. Those who went to school and had experience with a chalk board know that it is very difficult to do beautiful inscription with letters as thick as three pieces of chalk. :-D I used the Script font for the inscription, which is available in almost all systems. However, all the parameters are in the figure below:

Apply the standard paint.net “add noise” effect from the paint.net menu Effects - Noise to the layer with the inscription.

Apply the standard paint.net effect "Gaussian Blur" from the paint.net menu Effects - Blur to the layer with the inscription.

Create a copy of the layer with the resulting inscription. Apply the standard paint.net effect “Dents” from the paint.net menu Effects - Distortion to the top copy of the layer. In the figure below, the Scale parameter was set to 2. The rest of the parameters are at their defaults. The value of the "Scale" parameter can be larger, it all depends on the thickness of the text you are making.

Merge these two text layers.

Create a copy of the layer with the resulting text. Turn off the visibility of the layer on the top copy, we will need this layer later. For the other visible text layer, set the blending mode to Add. Apply a “Curves” correction to this layer with the settings as in the image below:

As you can see in the picture above, the inscription already looks like it was made with chalk, only pale. Now you can turn on the visibility of the top copy of the text layer. Set this layer's Blend Mode to Screen Screen. By adjusting the transparency of this layer you can change the brightness of the inscription made. For the image below, the layer opacity was set to 180.

Chalk typography is very popular. However, not everyone is good at using chalk, and school board You won’t find it in every home. Today we will create a chic typographic effect using available tools and electronic instruments. First, we will create the concept itself in Illustrator, then using interesting technology Let's turn the work into a chalk drawing.

The highlight of this lesson is that we will combine working on the computer and drawing with our hands. Of course there is a way to do everything in graphic editors, however, to achieve such realistic effect, as in our lesson, is unlikely to succeed.

So, let's begin. Open Adobe Illustrator and create a concept that you want to turn into a chalk drawing. At this stage we will take advantage of software that allows us to apply and undo actions, while real life, you can’t get rid of strokes so easily. Enter your text and select your favorite font.

Convert the text to curves using the keyboard shortcut CMD/Ctrl+Shift+O, then right-click on the text and select Ungroup to split the text into individual letters.

Draw a selection over each word or group of words and press CMD/Ctrl+G to group them.

Select the first group of words and select Effect > Distort & Transform > Free Distort from the menu. Raise the bottom right point higher to distort the group of text.

In fact, such distortion of the text is usually undesirable, being a kind of design faux pas, but in our case the work will be practically handwritten, so we can afford it. Scale the text vertically to make it smaller.

Let's take on the next group from our text. Select it and from the menu select Object > Transform > Shear/Object>Transform>Tilt. Specify an angle that coincides with the bevel angle of the previous group.

Draw a thin rectangle under the text and apply a Shear transformation to it, repeating the angle of the text. Duplicate the rectangle and frame the second group of text with it. Using the Pen Tool, draw a triangle to fill the empty space in the upper right corner.

Select the third group of text and select Effect > Apply Free Distort from the menu to apply the effect with the same parameters that we selected earlier.

Temporarily change the text color to make it easier for you to fit the third group to the size of the first.

Open the Appearance palette and click on the Free Distort effect. Move the top left point to create a parallel rectangle. Then move the bottom right point back to its original position.

You can duplicate any elements you drew earlier and flip them to achieve a symmetrical design and fill in empty spaces.

Scale the next group of words to match the width of our design. Position the group so that between it and previous text there was the same distance as between the other elements.

Completing the concept the last word, scaled and aligned with other elements. Use narrow rectangles to make your design more interesting.

Draw a rectangle around the work. Give it no fill and a 7pt stroke. Copy (CMD/Ctrl+C) the rectangle, then paste the copy in front (CMD/Ctrl+F). Hold ALT and scale the copy to make it smaller. Reduce the stroke weight to 2pt.

Select one of the largest words, copy it (CMD/Ctrl+C), then give the object a thin white stroke with rounded corners and align it inward.

From the menu, select Object > Expand Appearance, then right-click on the group and select Ungroup to break the group into individual characters.

Select each letter one by one and press the Minus Front button in the Pathfinder palette. After this, you should only be left with the inner parts of the letters.

Group what's left, change their stroke color to white, then press CMD/Ctrl+B to paste the previously copied text into the background.

Draw a small black square somewhere in your document. Press CMD/Ctrl+C and CMD/Ctrl+F to make a copy, then reduce the copy to half the size of the original (turn on Smart Guides to get everything exactly right). Point to a smaller figure White color fills, select both objects and drag them into the Swatches palette.

Apply this pattern to the inner letter pieces to give them a cool vintage style.

Use this technique to design other text if desired, and add the finishing touches to complete the design.

Select all the typography elements, group them and reduce the opacity to about 15%.

Print your work. The design should be barely visible on paper due to the reduced opacity. Now find a good old pencil.

With small strokes, begin to carefully outline the work. This step will allow us to turn the electronic effect into a freehand style work.

Once you have traced all the work, scan it. The artwork looks the same as it did in Illustrator, but now it looks hand-drawn due to imprecise, non-electronic strokes. Who knows that you outlined it? We won't tell anyone)

Open your scanned work in Adobe Photoshop and from the menu select Image > Adjustments > Invert/Image> Correction> Invert. After this, select from the menu Image > Adjustments > Desaturate/Image> Correction> Desaturate to remove color from the work.

From the menu, select Image > Adjustments > Levels/Image> Correction> Levels and move the highlight slider to the beginning of the histogram.

List online services providing the opportunity to draw on a virtual board with crayons. After drawing, the picture can be saved and downloaded to your computer.

Let's start with the best I could find. Demo version of the web application - Drawing Board, there are three crayons for drawing (white, red, purple). The drawing process is accompanied by the pleasant sounds of chalk hitting the blackboard.

You can draw with chalk, or you can write something in printed font. The disadvantages include the small size of the board and the inability to adjust the thickness of the chalk. What you drew can be saved as a picture; to do this, enter your email address in the line above the upper left corner of the virtual board. Click the "Submit" button and a message with a picture will be sent to your email.

The second service is My online blackboard - the size of the board is huge, almost covering the entire browser area. You can paint with all the colors that exist in nature.

Use straight lines, squares, rectangles or just freehand. Unlike the first service, the thickness of the chalk is adjusted here. However, here I still haven’t found a button to download the image; all that remains is to take a screenshot using the “Prt Sc” key on the keyboard. And the lines themselves here do not look like lines drawn with chalk, although perhaps everything depends on good drawing skills.

Chalk Text Effect is not really a chalkboard, just choose the font you like and the background in the form of a green, black or any other chalkboard and write the text.

The result is quite high quality, just like real photo. But the fonts do not support Russian letters, so it is only suitable for those who want to write something in English.

Here is an example of what kind of picture you can get.

And finally, a game in which you can also remember your childhood and draw with crayons - Chalkboard Paint. And then reproduce the whole process at high speed and see how you drew it.

I couldn’t download the picture though, because... I didn't find such a function. But I don’t exclude the possibility that it is there (I don’t understand Chinese at all). Green board, and six different colored crayons. Everything is accompanied by sound effects.

In Photoshop. Using the Crop Tool (C), crop the image to get rid of the rounded corners and black background.

Go to the Levels adjustment (Image ? Adjustments ? Levels) and change the values ​​as shown below. This will make the surface of the board darker.

Step 2

Load the “Blokletters” font into the shared library, go to the Window menu? Character and set the font as shown below. Write "Back to School" on the board. The inscription must consist of two layers. Look at the second screenshot below.

Step 3

Select the Brush Tool (B), open the brushes palette (Window ? Brush) and configure as shown below.

Step 4

Hide the text layers by clicking on the eye icon.

Right-click on the text layer and select Create Work Path.

Select the Direct Selection Tool, set the foreground color to white and create a new layer on top of the rest. Name it "Chalk".

Right-click on the path and select Stroke Path.

In the window that appears, select Brush. This means that the outline will be outlined with the brush that we set up earlier.

As a result, you will see a chalk inscription. Press Enter to get rid of the outline. Keep in mind that depending on the font size, the brush size may vary.

Step 5

To outline each letter, you need to create an outline and select it with the Direct Selection Tool.

Before you stroke, set the foreground color in the toolbar. Do not press Enter until you have circled all the letters.

I used the following colors:

S - #f5989d

c - #fff799

h - #bd8cbf

o - #fdbd89

o - #79bcde

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

Direction Balance
Stroke Length
Sharpness

Step 7

Step 8

External glow: Mode – Lightening.

Casting a shadow: Mode – Lighter.

Step 9

Step 10