Transfer your Writing, Drawings & Doodles into Chalkboard Graphics & Printables Using Photoshop!

I’ve had so many of you ask me to do tutorials on how to work with chalkboard backgrounds in Photoshop, and I’ve been working really hard developing some awesome new hand drawn digital graphics that I’m going to be sharing with you all soon. Ever try “drawing” or “painting” in paint? The result usually makes me look like I have the skills of a two year old…. Drawing by hand is SO much easier! Today, I wanted to show you how you can convert your drawings into digital graphics. It’s really easy,  promise!

First, I usually sketch out my ideas in pencil, go over them with a pen and then erase the pencil.
Then I scan (or photograph) my creation and upload it onto my computer.
Now for the Photoshop side:

 

To find the Brightness/Contrast tool go to Image -> Adjust -> Brightness/Contrast. You basically want the white to be really white, and your drawing to be really dark & black.
To find the Saturation tool go to Image -> Adjust -> Saturation.
If all your drawing lines don’t intersect or touch, you may need to hold down the SHIFT button while selecting all the different parts of your drawing. If you make a mistake while selecting (like accidentally selecting the white instead of the black) you can always press CTRL Z to “undo” your previous action (can’t tell you how much I use that one!)
One HUGE tip: if your “Magic Wand Selection Tool” isn’t picking the whole drawing (as in all connected lines), then make your tolerance higher (like to 100.) Or if it is selecting too much of your photo (for example if it selects both white and black) the lower the tolerance below 10. You can find the tolerance option in the upper left in the above photo. Mine was set to 3.
Make sure to hide the background layer by pressing the eye next to it. This will allow you to save your image with a transparent background.
Now we are changing our sketch to white.
This step is to ensure that we get rid of any non white tones that we may have selected.
Now save your image as a PNG image. This will ensure that it has a transparent background.
Now you can open up your background (like my Free Chalkboard Download, found HERE) and paste your sketch on top of it. You can use this process to transfer a complete drawing, or you can copy and paste  a combination of different doodles you have come up with (like I did in my “Little Bit of Everything” example at the bottom of this post)
I don’t like fake looking chalkboard compositions made up with computerized lettering- because chalkboards are supposed to be a little imperfect and have a hand written aspect to them.
But if you use the right font (like these downloadable hand written fonts I have HERE) you can easily combine the hand drawn with your digitized graphics to make a lovely chalkboard printable.
This is a graphic I developed using a combination of chalkboard embellishments I’ve come up with.
I am in LOVE with it! “Little Bit of Everything” is one of my husband’s favorite songs… so I’ll probably print this one out an put it up on the wall.
Be on the look out for the free downloadable graphics I’m going to be sharing soon!
 
To see how to use your new graphics in Photoshop or Picmonkey, see my tutorial HERE.
To see how to add color in-between the lines of graphics in photoshop, go HERE.
Need a chalkboard background for your masterpieces? Go HERE or HERE!  To see how to change the color of the graphics in Picmonkey, see this post HERE.

thank you for stopping by!

  1. Lollopoleza

    October 20th, 2013 at 2:14 pm

    thank you for this – it's really good and I will keep checking in. Leza London (UK)

  2. Hannah

    October 20th, 2013 at 2:45 pm

    My pleasure!

  3. Nicola

    October 25th, 2013 at 7:18 am

    OMG Hanna I love this! Thank you I am going to give it a try next week after I move the office…So happy I found your website today…xoxo Nicky

  4. Hannah

    October 25th, 2013 at 11:43 am

    Thanks! That makes me so happy that to like it! <3

  5. Sultano Grosso

    October 25th, 2013 at 12:12 pm

    This is awesome! Thank you! : )

  6. Hannah

    October 25th, 2013 at 3:30 pm

    No problem! 🙂

  7. Sarah Wherry

    October 25th, 2013 at 2:58 pm

    Awesome post! I ALWAYS forget my photoshop shortcuts, and I get so so frustrated – your tutorial makes it so easy! Thank you!

  8. Hannah

    October 25th, 2013 at 3:32 pm

    So glad you like it- it really is super easy once you get the hang of it! 🙂

  9. Erin

    October 26th, 2013 at 1:53 am

    This is genius. A tip for selecting, especially in black and white: you can select the white portion with your magic wand, then go to Select and click Inverse. This won't always get everything, depending on how intricate the drawing is, but it might end up being easier and faster.

  10. Hannah

    October 26th, 2013 at 2:19 am

    Awesome tip! I'm going to try it out! <3

  11. Lucy

    October 26th, 2013 at 3:49 am

    Thank you!!! I've been looking for someone to teach me how to do this!! I am so grateful. You are awesome! 🙂

  12. Hannah

    October 26th, 2013 at 3:58 am

    No problem! 🙂

  13. motherhoodhonestly.com

    October 26th, 2013 at 3:52 am

    This is a great idea!! (and super cute blog!)

  14. Hannah

    October 26th, 2013 at 4:00 am

    Thanks! 🙂

  15. Susanne Jansen

    October 26th, 2013 at 4:41 pm

    Thank you for this Tutorial. All your Tuts are great 😀 But, if you love to draw, have you ever thought about buying a graphic tablet like this or a similar http://www.wacom.com/gb/en/creative/intuos-m? Drawing with it is fantastic 😀

  16. Hannah

    October 26th, 2013 at 7:58 pm

    I've see those! They look so awesome! Thanks for sharing!

  17. Anna K.

    October 26th, 2013 at 8:12 pm

    Thanks so much for putting this awesome tutorial together and sharing it! I've been looking for a way to include my hand-drawn doodles in my digital creations and this fits the bill perfectly!

    Also, your site is lovely. 🙂

    Blessings,
    Anna K.

  18. Hannah

    October 26th, 2013 at 8:28 pm

    So glad it helped! Have fun! 🙂

  19. Audrey White

    October 27th, 2013 at 7:40 pm

    What photoshop program is this?

    I really love your blog!

  20. Hannah

    October 28th, 2013 at 3:34 pm

    Thank you Audrey! It's Photoshop 6.0 – it's not the newest version obviously but the concepts and tools should be the same on all the programs. <3

  21. Holly C.

    October 30th, 2013 at 9:39 pm

    This is so awesome and looks relatively easy! Thanks SO MUCH for sharing this 🙂

  22. Hannah

    October 30th, 2013 at 11:31 pm

    No problem! It is so easy! <3

  23. ~Celeste~

    November 4th, 2013 at 3:15 am

    I found you a while back, but I'm just now getting a chance to read through some of your tutorials. They're really great– thank you so much for sharing!

    From one Marine wife to another, all the best to you and your little family, too!

  24. Hannah

    November 4th, 2013 at 4:01 am

    Thank you for your sweet note Celeste! Many blessings to your family too! This life definitely isn't the easiest one- but it helps to have others who have and are going through the same things! <3

  25. Lindsey Davis

    November 7th, 2013 at 11:16 pm

    another faster tip is to go under "select" and choose "color range", usually it picks up more of the black in detailed images.

  26. Linda had a little Lamb

    November 14th, 2013 at 5:03 pm

    Thanks again for such lovely graphics. Can't wait to use them.

  27. once upon a wonderful day

    November 17th, 2013 at 11:59 pm

    Awesome tutorial! I love that song, too!

  28. Hannah

    November 18th, 2013 at 12:53 am

    Is an awesome song isn't it? 🙂

  29. Natashalh

    December 5th, 2013 at 1:37 am

    These are so beautiful! I've just gotten into doodling stuff and using Adobe products. I found you through Pinterest and I know I'll be stopping back in! I'm loving your posts and I always have to follow a fellow MilSo. =)

  30. Hannah

    December 8th, 2013 at 4:36 pm

    Thank you- that makes my day! Have fun creating! 🙂

  31. Ellen Waldren

    December 6th, 2013 at 1:54 pm

    Hi Hannah, this is a wonderful tutorial, you give us absolutely ALL the information we need to do this. I am a lettering artist/calligrapher and use Photoshop a lot. So this will be another string to my bow. Thank you for sharing your knowledge.

  32. Hannah

    December 8th, 2013 at 4:14 pm

    I am so glad it helped you! <3

  33. Rachel

    December 15th, 2013 at 1:16 pm

    This is terrific! I can't wait to try it out!

  34. La mia vita semplice

    December 21st, 2013 at 12:07 am

    Hello Hannah, your tutorial is exactly what I was looking for. I'm self-taught, may I ask you if it's better to use a pen, a felt pen or a pencil? (or maybe it depends on what I want to draw?) Thank you!

  35. Hannah

    January 30th, 2014 at 10:31 pm

    So sorry I am responding so late- I didn't see your comment until today! It is best to use a pen that will give you crisp & clear edges. Also, the smoother the paper the better for the super fine details. Pencil doesn't work very well with this method, as you want something that will be solid and a consistent color.<3

    Have fun!

  36. La mia vita semplice

    January 30th, 2014 at 10:35 pm

    Thank you, Hannah!

  37. Hannah

    January 30th, 2014 at 10:37 pm

    No problem! <3

  38. Corey W.

    February 3rd, 2014 at 11:32 pm

    This is an amazing tutorial! I'm having one problem thought. I was able to make the background transparent, but the insides of my sketches are still white. How do I make the insides transparent too? For example in yours, where you would place words on the banner. If you could let me know that would be amazing!

  39. Hannah

    February 4th, 2014 at 12:03 am

    To make the inside of something transparent, use the same technique of selecting the area with the magic wand and pressing ctrl x.

    If you are having issues with it selecting a part of the daring you didn't want it to (aka selecting something that wasn't black) then you may need to lower your tolerance to as low as 1.

    Hope that helps! If you are still having issues feel free to email me a screenshot! 🙂

  40. Corey W.

    February 4th, 2014 at 4:27 am

    Thank you for getting back to me so quickly! I'm new at photoshop and this tutorial taught me a ton! Thanks so much :
    Corey @ TinySidekick.com

  41. Daniee

    February 15th, 2014 at 12:11 pm

    thanks for this post! lovely illustrations. <3

    http://letrad.blogspot.pt/ – Another Lovely Blog!

  42. jessie

    February 16th, 2014 at 7:03 pm

    sweet & simple idea

  43. Diane Lynn

    February 21st, 2014 at 4:14 am

    This is just the best! Thanks for sharing!

  44. Anonymous

    March 8th, 2014 at 11:47 am

    Thank you for sharing this, so nice to come across such a fabulous tutorial!

  45. Anonymous

    April 17th, 2014 at 2:25 pm

    I've always wanted to know how to do something like this : ) so glad i found your tutorials!

  46. Hannah

    April 17th, 2014 at 2:29 pm

    I'm so glad you enjoyed it! Have fun creating!

  47. Anonymous

    April 22nd, 2014 at 1:24 am

    I was able to do an entire chalkboard work thanks to this. You're amazing.

  48. Lexy Hurt

    May 27th, 2014 at 12:36 pm

    OMG I am so in love with picmonkey…why have I never heard of this amazing free program…Your tutorials are da bomb!!!

  49. Hannah

    May 28th, 2014 at 5:02 pm

    Thanks Lexy! And yes, picmonkey is awesome!

  50. Noë papercraft

    May 30th, 2014 at 2:08 pm

    Your tutorial is fantastic ! Thank you very very much for sharing this with us 🙂

  51. Hannah

    May 30th, 2014 at 3:12 pm

    So glad it was helpful! Have a wonderful weekend! XO

  52. Mandee Pro

    July 25th, 2014 at 8:55 pm

    amazing!!! Ive been wanting to know how to do this for years! Thank you so much. The screenshots are also extremely helpful

  53. Debra Whitford

    September 17th, 2014 at 8:36 am

    Thank you so much! All the stuff I should know as a designer but have forgotten along the way – your post was so clear I had a lot of those 'oh yeah, that's how you do it' moments 🙂

  54. Anonymous

    October 29th, 2014 at 1:42 pm

    Thank you so much for this great tutorial! It was so easy! I can't wait to start converting all of my drawings into graphics in Photoshop. Also, thanks for the free chalkboard backgrounds. You rock!

  55. Hannah @ We Lived Happily Ever After

    November 4th, 2014 at 2:21 am

    No problem!!! So glad it's helpful! 🙂

  56. Кристина Манякина

    November 9th, 2014 at 3:28 pm

    Wow! It is I really need now! I'll start at the drop of a hat! Thanks a lot!!

  57. Hannah @ We Lived Happily Ever After

    November 9th, 2014 at 3:36 pm

    Awesome! So glad it was helpful!

  58. Anonymous

    November 12th, 2014 at 6:52 am

    Thanks a lot to you for all your wonderful ideas and free downloads !!! Greetings from Germany !!!

  59. Hannah @ We Lived Happily Ever After

    November 13th, 2014 at 5:15 pm

    So glad you like them! XO

  60. Anonymous

    November 14th, 2014 at 12:40 am

    Been wondering how to do this for such a long time. Thanks a lot! Your tutorial really helped!

  61. Hannah @ We Lived Happily Ever After

    November 17th, 2014 at 6:25 pm

    No problem! 🙂

  62. lophina

    November 25th, 2014 at 7:42 am

    Thanks a lot for tutorial..i really love it..really helpful..
    gonna try it soon..

    greetings from Indonesia..
    😀

  63. Krea caro

    January 1st, 2015 at 9:10 pm

    thanks hannah thats what i asked on facebook… thats great… but how to make the illustrations and scans beeing transparent? i have evrytime a white background…. thanks sooo much and watch on my blog..
    kreacaro.blogspot.de and follow it… please
    greats from germany

  64. Hannah @ We Lived Happily Ever After

    January 16th, 2015 at 7:00 pm

    What type of photoshop are you using? It should take out the white background if you follow the above steps. Hope that helps!

  65. Fay T

    January 25th, 2015 at 3:15 pm

    I just came across this post while looking for design tips for my new blog. It's amazing! I'm going to be doodling non stop now!

  66. Hannah @ We Lived Happily Ever After

    February 4th, 2015 at 5:25 pm

    Haha! So glad it's helpful! 🙂

  67. Havalah Turner

    February 22nd, 2015 at 9:58 pm

    Great tutorial! I've found tutorials using illustrator, but honestly this is SO much easier since I'm not very familiar with Illustrator. Just curious, is there a type of pen you like us when you sketch?

  68. Hannah @ We Lived Happily Ever After

    February 24th, 2015 at 3:41 pm

    So glad it's helpful! I just use a fine point felt pen for the most part, but you can use any type of pen.

    Hope that helps! 🙂

  69. Unknown

    March 18th, 2015 at 3:37 pm

    Hi Hannah, First, I have to say, I absolutely love your blog! I've found so many of your tutorials helpful, so thank you for sharing them!! I wanted to see if you have any sort of post for bloggers wanting to learn photoshop (aka photoshop for dummies)lol. I've been blogging for almost 3 years and have done all of the blog customizations myself but I'm limited with what I can do since I'm not a photoshop user 🙁 Thanks again for everything you've shared, you're the best!!

    Jessica @ My Love of Style

  70. Anonymous

    June 7th, 2015 at 12:04 pm

    A quicker way to remove the white background would be to open the layer style panel, and remove the white by sliding the white slider to the left. (Unlock the layer first). No magic wand, selections, nada. You could also save even more time by placing the doodle scan on the chalkboard and changing the blend mode. Because blend modes work on whites/blacks/grey values, there are sections dealing with each of those colors. Use the one that removes all white and voila. Done. (If you want to save your "transparent" doodle" at that point for another project, hide the background layer and then save as PNG.)

  71. Hannah @ We Lived Happily Ever After

    June 10th, 2015 at 4:22 pm

    AWESOME TIPS! Thanks! 🙂

  72. TheHappy Nutshell

    June 15th, 2015 at 9:13 pm

    Hi Hannah 🙂 Thanks a lot for this article, it's great. I've done some sketches that I would love to convert into clipart's. I have a problem when I work with feathers. I do all the steps you mention but when I remove the background, it is the insides of the feather that disappear 🙁 Do you have any idea why?

  73. Hannah @ We Lived Happily Ever After

    June 17th, 2015 at 1:41 pm

    When you pick up a color with the magic wand tool, it will pick up ALL of that color. If you want it to ignore a selection (for instance, the insides of your feathers) then uncheck "contagious" right before step 4 (you can see it in the upper toolbar in step 4) and it will only select the areas with the same color CONNECTED to where you click. XO

    If there are various areas you want to select using this method just hold down the shift button while clicking.

    Hope that helps!

  74. Serene lla

    October 10th, 2015 at 6:04 pm

    hi,
    I love your style!!!!
    Have someone sdvices about the printing by a normal home printer of a chalkboard desing? I get a "green" design!! -.-' maybe I set a bad print profile!!! ù_ù

Leave a Reply

Your email address will not be published. Required fields are marked *