Learn to Create a Chalkboard Effect Graphic in Photoshop

//Learn to Create a Chalkboard Effect Graphic in Photoshop

Chalkboard Effect Graphic in Photoshop

To Create a Chalkboard Effect Graphic in Photoshop in just a few steps. You will need Photoshop, Photoshop tools and basic knowledge of photoshop. Chalkboard graphics are all the rage online at the moment, and this blog will show you some tips that you can use it. This is an excellent technique for adding graphics to blog posts, particularly for crafts subjects.

Click on Below Video: Simple Chalk Effect Tutorial in Photoshop

6 Steps to Create a Chalkboard Effect Graphic in Photoshop

Step 1: Open the Chalkboard Background and Place the Frame

The chalkboard background set includes three different options that you can use, so first, you can select your favorite from a grey, green or blue background.

Then Go to File > Open and navigate to where the selected background was saved.

Chalkboards used for display commonly painted elements on them, so we are adding is a simple frame.

So Go to File > Select and place the PNG frame by clicking the Place button to import it into the background file. You need to resize the frame by clicking and dragging one of the eight drag handles around the outside edges, before tapping the return key or double-clicking on a frame.

Step 2: Add the First Text Section

This first section of text is also meant to be painted. So it doesn’t have the roughness of chalk.

Example: Use the seaside Resort font for this as it has a nice feel that is in keeping with chalkboards.

Go to the toolbox and click on the text tool and then click on the chalkboard. In the tool options bar that is situated below the menu bar, you should click on a button to centre align the text. If the character palette isn’t open – Go to Window> character and then select the font from the drop down menu to use.

You can now add text and use the size input box to adjust it. If needed, switch to the move tool and drag the text into place if it’s not quite right.

When you placed the text, move on to adding some chalk writing in the next step.

Click on Below Video: How to Make a Chalkboard Text Effect

Step 3: Add Some Chalky Text

In this step, you need to select a chalk style font. Eraser Regular font is a good fit, and its designer has made it available to use for free. As with all graphics and font that you download to use in designs, it is essential to ensure that you are complying with terms of use.

When you have added chalky text in design, then move on and look at how you can add images that have a chalky texture.

Step 4: Convert an Image to Bitmap

Chalkboards rarely have detailed images on them, but we are not in the real world right now. So, let’s take a look at how we can add photos that have a bit of a chalky appearance.

First, you need to select an image which you want to use. Ideally, find something with a simple subject that doesn’t include a lot of complex detail. Open a photo and if it is in color, go to Image > Mode > Grayscale to desaturate it. This technique works great with images that have strong contrast, so you may want to tweak it. An easy way to do that is to go to Image > Adjustments > Brightness/Contrast and increase both sliders.

In the next step, go to Image > Mode > Bitmap and set Output to 72 DPI. In this method set Use to 50% Threshold. If you don’t like the image looks, you can go to Edit > Undo and try tweaking the contrast and brightness. Then, try to convert it to a bitmap again. It is likely that some images will never convert as well as you like using this method, so be ready to select a different image in that case.

Assuming the bitmap conversion has ok, then you should go to Image > Mode > Grayscale, leaving the Size Ratio set to one, before you can proceed to the next step.

Step 5: Add the Image to Chalkboard

Add chalkboard image, click on it and drag it onto the chalkboard. If you have photoshop set up to open files in a single window, right click on the tab of image and select move to the new window. You can then drag it over as described.

If the image is large – Go to Edit > Transform > Scale it and use the grab handles to reduce the size of the image as needed. You can hold down the Shift key while dragging the image to keep dimensions unchanged. Double click on the image or hit the Return key when the size is accurate.

Click on Below Video: Chalk Effect – Photoshop Tutorial

Step 6: Add a Mask and Adjust the Blending Mode

In the final step, the key is to make the image look a more as if it has been drawn on a chalkboard. The first problem with the image is that the black areas don’t match the chalkboard itself, so you need to hide those areas.

Select the Magic Wand tool and click on a white area of the image. Go to Layer > Layer Mask > Reveal Selection, and you should observe that the black areas disappear from the scene. In the palette layers, there will now be two icons on the image layer. Click on the left-hand icon and then change the Blending Mode drop-down menu at the top of the Layers palette from Normal to Overlay.

You will see that the chalkboard texture now shows through the image making it look more real. In this case, it also made it a little light, so if this happens, go to Layer > Duplicate Layer to add a copy on top which made the white a bit richer. It still keeps the texture of chalkboard visible.

Click on Below Video: Masking and Blend Modes in Photoshop for Light Painted Images

This all there is to this technique, and you can quickly adapt it by using different fonts and also other decorative tools, like swatches and frames.