1. Home
  2. Design School
  3. Chalk Text Effect in Photoshop

Chalk Text Effect in Photoshop

Posted on 7th October 2018
For this tutorial, you will use the Free Font “Garment District” and the image or texture of a “Blackboard” to use as “Background”.

1 - In Photoshop, open the image you chose as “Background”.

2 - Select the “Type Tool” (T), select your font (we chose “Garment District”), type your text and fill it with White.

3 - Select the “Brush Tool” (B), go to the “Brush Presets Panel” and choose the “Chalk 44 pixels” (it should be part of the basic brushes).

4 - In the “Brush Panel”, choose one of your brush and apply the following values:

Brush Tip Shape:

Shape Dynamics:

Dual Brush: (Spatter 39 Pixels)

5 - Make sure you are working on your “Text” Layer, right-click on top of its Thumbnail and choose “Create Work Path”. If you get a Pop-Up window telling you that your request cannot be completed, right-click again and choose “Rasterize Type” then try again.

6 - Make sure that the “Text” Layer is selected and click on it while holding the “Alt/Option” key to create a selection. Go to the “Paths Panel” and create a “Work Path” from your selection by clicking on the small button at the bottom of the Panel.

7 - Head back to the “Layers Panel”, hide the “Text” Layer by clicking on the small eye icon on the left side of its thumbnail and create a “New Layer” (click on the small button at the bottom of the Panel).

8 - Make sure White is your “Foreground” color, then use the “Path Selection Tool” (A) to right-click on top of your Path and choose “Stroke Path” and then “Brush”. Do this a couple of times.

9 - “Turn On” the visibility of the first “Text” layer and lower the “Opacity” to about 47%. Double-click on top of its thumbnail to apply the following “Layer Styles”:

Blending Options:

Inner Shadow: (Half Round)

Inner Glow:

Outer Glow:

10 - Select both “Text” Layers and “Group” them together by clicking the small Folder icon at the bottom of the “Layers Panel”.

11 - Go to the “Adjustments Panel” and create a “New Hue/Saturation Adjustment Layer” on top of your Group. Clip it to the Folder (click on the small icon at the bottom of the “Properties Panel”). Check the “Colorize” box and now you can change the color of the Text by experimenting with different values.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image