As we soon say “good-bye” to another school year, we say “hello” to chalkboards as web design inspiration. Before the digital age, teachers hand wrote lecture notes with chalk on chalkboards. Now, we can recreate that hand drawn feel. Here’s how:
Excerpts from this Adobe Photoshop chalkboard tutorial.
- Place a chalkboard background on your canvas.
- Type text.
- Add a textured overlay to your text:
- Add noise to make the text grainy:
- Finally, use the eraser brush with 25% opacity to swipe through the text and chalkboard background.
Go to Layer > Layer Style > Pattern Overlay > Choose a crumpled paper pattern and set the opacity to 25.
Rasterize the text. Then, go to Filter > Noise > Add Noise > Amount 25 > Uniform.
Do you notice chalkboard art on the web? How about chalk art in the streets? Inspire your websites with old-school chalkboards and chalk.