How to Create a Chalkboard Effect Graphic in Photoshop

Make chalk signs and drawings with Photoshop

What to Know

  • Open the image. With the Frame tool, draw a box that takes up the background. Go to File > Place Linked. Choose a frame, select Place.
  • Choose the frame, select Normal > Divide. With the Text tool, click on the chalkboard. Align the text and choose the Seaside Resort font.
  • Enter the text, create a new text box, change the font to Eraser, and type the rest of the text. Select File > Save as and save the graphic.

This article explains how to make chalkboard designs in Photoshop using the right fonts and graphical assets. You can also turn images into chalk drawings. Instructions cover Adobe Photoshop 2019 for Windows and Mac.

How to Create Chalkboard Designs in Photoshop

After you install the fonts and download the assets you need:

  1. Open the image you want to use as your chalkboard background in Photoshop.

    Open the image you want to use as your chalkboard background in Photoshop.
  2. Select the Frames tool, then draw a box that takes up the whole background.

    Select the Frames tool, then draw a box that takes up the whole background.
  3. Select to File > Place Linked.

    Select to File > Place Linked.
  4. Choose your frame and select Place.

    Choose your frame and select Place.
  5. Select your frame in the layers palette, then select Normal to open the blending mode drop-down menu.

    If the layers palette isn't visible, select Windows > Layers.

    Select your frame in the layers palette, then select Normal to open the Blending Mode drop-down menu.
  6. Select Divide to invert the colors.

    Select Divide to invert the colors.
  7. Select the Text tool, and then click on the chalkboard at about the halfway point near the top.

    Select the Text tool, and then click on the chalkboard at about the halfway point near the top.
  8. Use the toolbar at the top to center align the text, and choose the Seaside Resort font from the character palette.

    If the character palette isn't visible, select Window > Character.

    Use the toolbar at the top to center align the text, and choose the Seaside Resort font from the character palette.
  9. Enter your text. Adjust the size and style in the character palette, and use the Move tool to reposition the text if necessary.

    This first piece of text is meant to be painted, so it doesn't have the roughness of chalk.

    Enter your text, adjust the size and style in the character palette, and use the Move tool to reposition the text if necessary.
  10. Create a new text box, change the font to Eraser and type the rest of your text.

    Create a new text box, change the font to Eraser, and type the rest of your text.
  11. Select File > Save as and save the graphic as a PSD file or your preferred image format.

    Select File > Save as and save the graphic as a PSD file or your preferred image format.

How to Make a Chalk Drawing in Photoshop

If you'd like, you can add a photo and make it look as if it were drawn with chalk. For best results, choose a simple image that doesn't include a lot of intricate detail (such as a selfie).

  1. Open your image in Photoshop and select Image > Mode > Grayscale.

    Select Discard if asked if you want to discard color information.

    Open your image in Photoshop and select Image > Mode > Grayscale.
  2. Select Image > Mode > Bitmap.

    Select Image > Mode > Bitmap.
  3. Set the Output to 72 pixels/inch, set the Method Use field to 50% Threshold, then select OK.

    You can experiment with these settings to achieve the best result for your image.

    Set the Output to 72 pixels/inch, set the Method Use field to 50% Threshold, then select OK.
  4. Go to Image > Mode > Grayscale again.

    Go to Image > Mode > Grayscale again.
  5. Make sure the Size Ratio is set to 1 and select OK.

    Make sure the Size Ratio is set to 1 and select OK.
  6. Select File > Save as and save the graphic as a PSD file or your preferred image format.

    Select File > Save as and save the graphic as a PSD file or your preferred image format.

How to Add the Chalk Drawing to Your Chalkboard

To add your image to the chalkboard:

  1. Open your chalkboard design, then select File > Place Linked and choose your image.

    Open your chalkboard design, then select File > Place Linked and choose your image.
  2. If the image is too large, use the grab handles to reduce the size of the image.

    If the image is too large, use the grab handles to reduce the size of the image.
  3. Select the Magic Wand tool (the fourth tool down in the toolbox) and click on a white area of the image.

    The Magic Wand and Quick Selection tools share the same icon. Click the icon to switch between them.

    Select the Magic Wand tool (the fourth tool down in the toolbox) and click on a white area of the image.
  4. Select Layer > Layer Mask > Reveal Selection to make the black areas disappear from view.

    Select Layer > Layer Mask > Reveal Selection to make the black areas disappear from view.
  5. In the layers palette, there will now be two icons on the image layer. Click on the left icon, and then select Normal to open the blending mode drop-down menu.

    In the layers palette, select the left icon in the image layer and select Normal.
  6. Select Overlay. You'll see that the texture of the chalkboard now shows through the image making it look more natural.

    If the image is too pale, select Layer > Duplicate Layer to make the white a bit richer.

    Select Overlay.

What You Need to Make a Chalkboard Graphic in Photoshop

Chalkboards used for display often have painted elements on them, so you'll use the Photoshop frames tool to add a basic frame before adding text. There are some free assets you may want to use for this tutorial:

All of the above assets are free for online use, but you may have to pay for the right to use them for producing a graphic for print.

Was this page helpful?