fbpx

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

Melyssa Griffin

4 min

POSTED BY

TIME TO READ

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

02

01

I’m a former high school teacher turned entrepreneur who loves few things more than a good hug, hopping on a flight to anywhere, and teaching people like you how to live an abundant and limitless life.

I’m Melyssa Griffin

THE GIRL BEHIND THE BLOG

MORE ABOUT ME

POPULAR CATEGORIES

POPULAR LATELY

Business Tips

Grow, scale, and get the open book lessons I’ve learned along the way.

How Your Money Mindset is Sabotaging Your Business (And How to Fix It)

How to Let Go of the Status Quo to Live the Life You Were Meant For

03

Your Dream Life is on the Other Side of Your Scarcity Mindset

04

Why It’s So Damn Important to Heal Your Relationship With Money

TAKE THE QUIZ

Discover Your Money Magnetism Archetype

free quiz!

Mindset

Because the best way to grow your business is from the inside out.

You know, just the stuff from me to you.

Personal

Case Studies

Facts, numbers, behind the scenes, and income reports. I’m sharing it all!

Over 20,000 online entrepreneurs have gone through my programs. 

Sucess Stories

SEE THEIR STORIES

Anjali 

PROFITABLE CREATOR STUDENT

TARAH-LYNN

PROFITABLE CREATOR STUDENT

MICHELLE

PINFINITE GROWTH STUDENT

ALORA

EMAIL LIST ACADEMY STUDENT

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

You all were SUPER into the last Photoshop tutorial, so I’m excited to share a new one that was requested several times: how to digitize your hand lettering. Calligraphy is HUGE these days and adding handwritten elements to a blog design gives it a personal and unique touch. A lot of people think you need a scanner and crazy design skillz to master this technique, but there’s actually a really easy way to take your hand-lettering to a digital format. This tutorial is excellent for creating blog headers (kind of like my own logo!), signatures, or any graphics that you’ll use on your blog. The best part? All you need is your phone and Photoshop. Let’s get started!

First of all, I wanted to show you the difference between a few types of brushes and pens I like to use: round brushes (like these), brush pens (like these), and Micron pens (like these). They’re labeled in my doodles below, so you can see the effect they each create! Oh, and if you’re wondering what the heck that word I scribbled is, it’s my dog’s name, Monja (moan-juh). 🙂

To start, I recommend writing out your word or phrase several times, until you create a version you love. Then, you can use your phone or any camera to snap a close-up photo of your lettering. I use my iPhone for this and then email the photo to myself, so it’s easy to open on my computer right away.

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

Open your image in Photoshop. I’m using Photoshop CC, but any version should work. I cropped my photo so that most of the excess is cut out of my image. On the right hand side, you’ll see your layers. Click the little lock on the layer that says “Background” so that the lock disappears.

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

Go to Image (at the top) >> Adjustments >> Brightness/Contrast. Adjust the brightness and contrast so that the background becomes a bright white and the text is darkened. Increasing these too much will wash out your text, which you don’t want. You’re going for something like what I created above. You’ll notice the white-ish background of my image has a texture to it. This is the texture of the paper I used. Don’t worry — we’ll be deleting this background in the next step, so it will disappear.

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

Now, we’re going to delete the background of the paper! First, I recommend creating a new layer underneath your lettering (click the button to the left of the trash can in the bottom right corner) and then using the Paint Bucket Tool to make it white, though any color would work if you have something else in mind. The only reason I do this is to make it easier for me to see which part of the background I’ve deleted and what still needs to be deleted.

Once you’ve done that, make sure your hand-lettered layer is selected in your layers section. Then, use the Magic Wand Tool (on the left) and select the white paper background of your image. There should be a dotted blinking line surrounding your text. Press the “delete” button to get rid of it. Do this for any other white areas. For example, I highlighted the inner part of the O, J, and A in my example above, and then deleted it.

If your image is like mine, and has some excess junk around the edges (like that area in the top left corner), then you can use the Eraser Tool to erase it. Now, you can clean up your lettering if you’d like. I like my lettering to look a little rough and imperfect, but sometimes I’ll use the eraser tool to soften some imperfections. Totally up to you!

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

Now, the fun part! There are two easy options to shake up your lettering. The first is to bathe it in color. Double click on your lettering layer in the Layers panel. A box will pop up. Click “Color Overlay” on the left. Click the colored box and then select any color you desire (I chose green!). Press “OK.” Now your lettering is colorful! Alternatively, If you want to stick with black, but would prefer to darken it a bit, you can use black as your color and then decrease the “Opacity” in the “Color Overlay” section. In the image above, my opacity is at 40%. I like this, because you can still see the color variation from the brush I used, but the colors are more saturated.

Another idea? Use my Clipping Mask Tutorial to give your lettering a pattern or something funky!

How to Create a Hand-Lettered Blog Header (Without a Scanner!)

Now, you can save your image (for web) and use it as a blog header, a graphic in a blog post, or anything you want, really! You can even overlay your word onto a photo (as seen above) by dragging your lettering layer onto a photo.

You can see a couple examples of how I used this tutorial here and here.

That’s a wrap, friends! If you have any questions, I’d love to answer them in the comments section. If there are any other design tutorials you’d like me to cover, please leave a comment! I did this tutorial because you all requested it, so I definitely take your suggestions into consideration. 🙂 And if you use this to create something, I’d be honored to see it. Have a lovely day, everyone!

Some supplies I recommend: this brush pen, a round brush in this size, this ink, these pens for thin lines, and a tablet for cleaning up the edges of your lettering. 

Keep Reading

Hey! I’m
Melyssa Griffin

I believe that an unstoppable mindset can be your #1 business tactic. So, my job is to lead you back to yourself and to help you reprogram the limiting beliefs and patterns that are keeping you small. 

Around these parts, I share my best business secrets, as well as help you cultivate a life of true freedom, purpose, and fun. I’m also big on bear hugs, anything unconventional and creative, and teaching people like you how to live an abundant and limitless life. Let’s get weird.

THE GIRL BEHIND THE BLOG

Limitless Life™ Podcast

with 

MELYSSA GRIFFIN

The Top 100 “personal development for entrepreneurs” podcast that teaches you how to grow your business by reprogramming the patterns and beliefs that keep you stuck.

TELL ME MORE

LIMITLESS LIFE™ HAS 700+ 5-STAR REVIEWS! 

LISTEN ON SPOTIFY

LISTEN ON ITUNES

LISTEN ON STITCHER

THE PODCAST

“I can’t recommend this podcast and Melyssa enough. I pivoted my business and I’m now coaching, creating courses, and living my limitless life! The words you’ll hear will change your life!”

- Jen

“Loved how raw and heart-centered it was, every few seconds I would nod my head because it resonated so much. Highly recommend if you’re looking for more purpose, passion and well-being in your life!”

- YunzheZhou

“A daily reminder towards greatness... Listening to these podcast episodes are the highlight of my day. It’s my rock and anchor in a chaotic storm of trying to better my life. So so thankful for it!”

- Rosenthorn

Unapologetic Results for Your Business + Mindset

Over 20,000 digital entrepreneurs from around the world have taken my top-rated online courses to step into their next level of leadership and cash money. Ready to grow?

LEARN WITH MELYSSA

Nana Yaa

PINFINITE GROWTH STUDENT

My Courses:

Anjali

PROFITABLE CREATOR STUDENT

EMILY

EMAIL LIST ACADEMY STUDENT

What’s stopping you from making more money, reaching your goals, and bringing your big dreams to life? It’s probably your relationship with money. Answer a few key questions and you’ll get instant access to a customized path to step into more abundance and ease.

TAKE THE QUIZ

Discover Your Money Magnetism Archetype

free quiz!

WHAT'S YOUR MONEY MAGNETISM ARCHETYPE?