Instructables
Picture of How to Make a Coloring Book
DaveySaved2a.jpg
Finished.jpg
Turn your family photos into fun kids' coloring books for free! This simple tutorial will teach you how to turn any photograph into black and white outlines that you can print out at home. What better way to keep your kids entertained on a rainy day or a holiday weekend?

I used a free online image editing app called Pixlr to achieve this effect, but you can do much the same thing in other software, such as Photoshop or GIMP.

Of course, you don't need to use family photos. We'll even discuss how to insert your family members into exciting action scenes or far-flung landscapes. It's your coloring book, so you can choose the story! Even better, why not let the kids decide?

I'm going to talk through this process in a lot of detail, but that's only so that a complete beginner will feel comfortable. Don't be intimidated by the number of steps; you can actually complete the project in about 5 minutes!
 
Remove these adsRemove these ads by Signing Up

Step 1: Choose a photo

Picture of Choose a photo
The first thing you need to do is pick a photograph that you want to turn into a page in your coloring book. The best photos for this are ones that are in focus and have plenty of contrast between the different objects in the scene.

If you're planning to edit any of the people in your photo onto another background, it helps if the original photo is taken against a fairly plain background. For example, you could start by photographing your kids fiercely brandishing toy swords in front of a blank wall, then edit them onto a pirate ship background later!

Save whichever photos you want to use to an easy-to-find file on your computer.

Step 2: Open Pixlr

Picture of Open Pixlr
Pixlr 2.jpg
Now that you've taken your photo, the next step is to go to www.pixlr.com

Pixlr is a free online app that lets you edit photos without having to download any software or pay any fees. It's extremely easy to use, but also sophisticated enough to let you achieve some astonishing photo effects.

Click where it says "Open photo editor" then click on "Open image from computer" and select the photo you want to use.

Step 3: A quick overview of Pixlr's layout

Picture of A quick overview of Pixlr's layout
You should see something that looks like this, with your own photo visible. Let's quickly look at what we've got.

On the right, you'll see a box labelled Navigator. This lets you zoom in and out of the photo and move around when you're zoomed in.

Below that is Layers. This is one of Pixlr's cleverest features. Pixlr lets you stack multiple images on top of each other, then edit them all individually, a bit like making a collage. In this collage, however, you can choose to make the different layers change size, become transparent, or even act as complex filters for the layers below them. Don't worry, we'll come back to that.

Under that is History, which just shows a list of all the recent actions you've performed in Pixlr. If you've made a mistake, you can skip back in your History to before you made it. Think of it as having multiple Undo buttons.

OK, you're now a Pixlr pro! We're all set to get editing!

Step 4: Make it black and white

Picture of Make it black and white
Desaturate.jpg
The first change we'll make to our photo is to turn it into a black and white image. Do this by selecting Adjustment --> Desaturate.

Step 5: Duplicate the layer

Picture of Duplicate the layer
Two layers.jpg
Now we're going to make a second layer which is an identical copy of our black and white image. Right-click on Background in the Layers palette and select Duplicate layer.

You should now see a new layer called Background copy.

Step 6: Invert the new layer

Picture of Invert the new layer
Invert.jpg
Now we're going to turn the new layer into a negative of the original image. You can do this by selecting Adjustment --> Invert.

Step 7: Fancy trickery

Picture of Fancy trickery
Add.jpg
Added.jpg
Now it's time for some cleverness with layers. Click on the little box with two arrows in the bottom left corner of the layers palette. This should make the advanced layer settings (Opacity and Mode) visible.

At the moment, the layer called Background copy should by in Normal mode. Use the drop-down menu to change it to Add mode. Everything in your image should turn white. Don't panic! That's what we wanted.

Step 8: Blur the top layer

Picture of Blur the top layer
Blur.jpg
Blur 1.jpg
Select Filter --> Gaussian blur...

A slider called Amount should appear. Try dragging this back and forth to see what happens. The outline of your image should become visible, starting as a thin tracing when Amount is low and turning into softer, thicker strokes as you increase it.

Adjust the slider to a medium point at which you can clearly tell what the image is, but the lines appear neither pencil-thin nor extremely soft and blurry.

Step 9: Flatten the image

Picture of Flatten the image
Merged.jpg
Now we're going to squash the image back down to a single layer. Right-click on the top layer (Background copy) and select Merge down. You should now see a single layer in the palette.

Step 10: Use Levels to adjust the softness

Picture of Use Levels to adjust the softness
Levels 1.jpg
Your image probably still looks faint and a bit fuzzy, so we're going to turn all those shades of gray into crisp blacks and whites using the Levels tool.

Select Adjustment --> Levels. A graph like this should appear.

Step 11: Move the black slider

Picture of Move the black slider
Levels 4.jpg
The graph should look like a steep hill with three sliders underneath it. Move the black slider most of the way to the right, so it sits just at the base of the hill, before it becomes very steep. You should see your image darken dramatically.

Step 12: Move the other sliders

Picture of Move the other sliders
Leveled.jpg
Now drag the gray and the white sliders as far to the left as possible without moving the black slider. All of the gray tones should turn white, leaving a very clear outline in black and white. Play around with the sliders until you're happy with the outcome.

Congratulations! You've made your coloring book image!

Step 13: Save and print

Picture of Save and print
Save your new image and print it out!

Tips on saving: Sometimes Pixlr will save an image without putting the .jpg extension at the end of it. When you save an image to your computer, quickly try opening it in another window. If you cannot open it, save it again but this time type .jpg at the end of the name.

Step 14: That wasn't so complicated!

Picture of That wasn't so complicated!
I know that was a lot of steps, but in fact all we've done is perform six very simple changes to our photo. If you look at the History box, you'll be able to see exactly what you've done.

Step 15: Advanced lessons

Picture of Advanced lessons
Now for some real fun! Once you're comfortable with creating coloring book images from your photos, you can start to mix and match different elements to make fantastic or ridiculous images from multiple photos. I'll talk you through an example of my own.

I thought our volunteer enjoy having a thrilling adventure story to color in, so I decided to put him on a desert island with a treasure chest. A quick Google search for beach and treasure chest revealed some useful images, which I saved and opened in Pixlr.

Step 16: Turn your images into outlines

Picture of Turn your images into outlines
I performed exactly the same process as before to turn the new images into coloring book pages (see Step 14 for the list of what we did).

Step 17: Put everything into one image

Picture of Put everything into one image
Layer drag.jpg
Transform.jpg
I assembled all of my images into a single composite image by simply clicking on the layers I wanted in the Layers palette and then dragging them into the window containing my background beach image. This left me with a single image containing three layers: beach, treasure chest and child.

I then used Edit --> Free Transform to change the sizes and positions of each individual element.

Step 18: Trim the images

Picture of Trim the images
Next, I used the Eraser tool on each layer to trim away the unwanted rectangular borders and backgrounds from the treasure chest and the child. The Eraser will only act on whichever layer is currently selected, making it easy to alter one picture element at a time.

Step 19: Choose the final positions

Picture of Choose the final positions
Last of all, I re-adjusted the positions of my adventurous model and the treasure chest before saving the image and printing it out.

Step 20: Let your imagination run wild!

Picture of Let your imagination run wild!
Voila! In about ten minutes, I'd made a personalized coloring page.

Try it out and let me know what your kids think!
1-40 of 73Next »
sweet_safo made it!3 months ago

At last i found the the steps to turn my daughters images into a drawing book :)

Thanks to you .. I will know make it more creative..

This is was the image i exercised on .. but i will add another images in a more creative way..

alma pg1.jpg
annporter7 months ago

i loved this instructional steps. I couldn't done it by myself.

Annie Porter

girls22.jpg
Very useful tutorial! The results are not as good as what I get from using Photoshop or SketchPen, but hey, it's free, definitely worth a try
chrismaria1 year ago
thanks so much for tutorial...hope to make special nephew coloring book for Christmas :)
footteacher2 years ago
Hello and please help...on Step 5 when I ctl/click (MAC) on the Layers, I did not get a Background option....it gave me another line that says Layer 0 copy. Can you advise? thx
pbrazle2 years ago
If you only knew how wonderful this is for an artist painting from personal photo's. Combined with transferring techniques or a light box trace this has saved me hours. Thank you so much for your post. Perfect for my watercolor class...may I refer to this post and the steps you teach in my blog and class, giving credit where credit is due of course!
zurichko2 years ago
Thanks for the idea! I'll be making small coloring books for my daughter's birthday! Here's one I made using your i'ble.
color bella.jpg
thats so cute
PenfoldPlant (author)  zurichko2 years ago
Wow! Great work! I love it when people post examples like this.
I really hope she was wearing a Halloween costume when that photo was taken. If you can actually see her bones, you might have the flash on your camera set a bit too bright...
They're pajamas actually, they glow in the dark too. When I saw your i'ble I knew exactly what picture to try this out with. Thanks again.
bitsy1132 years ago
that is so cool but dont u have to have a certain program for to do that?
onemoroni12 years ago
I experimented with Gimp using the desaturate feature, then cartoon, and then experiment with the contrast and darkness sliders to get an effect.
Deb's pictures Color Bood.JPG
omg that would be so cool to color
Thank you so much!
I sorted out the problem of finding colouring pages with different cartoon heroes.
My brother endlessly colours them in, but our cartoon and film tastes are unusual, and even popular heroes like Bob the Builder rarely have more than five colouring pages. (Try finding a picture of Judy Garland as Dorothy to colour).
Thanks!!!
lfb1232 years ago
I'm an elementary art teacher and was preparing to make individual books for my littlest "Special" students. THANKS so much for sharing. I will make a color book and board book for each one-they are going to love this!
Soo amazing. Had to share it with my friends on facebook. Tx a million
PS1182 years ago
IMO, raster art programs are probably not the best choice for this project. You'd get a better coloring book using Adobe Illustrator or the free Inkscape program.

Both of them have EXCELLENT "trace" tools for turning raster images into crisp and beautiful solid lines. For inkscape, see:
http://inkscape.org/doc/tracing/tutorial-tracing.html (tutorial)
http://wiki.inkscape.org/wiki/index.php/Tools#Vectorize.2Ftrace (alternatives)
Excellent! You took a potentially complicated and intimidating project and made it extremely do-able! Thanks! I'm eager to fire up GIMP and make a coloring book for my granddaughter!

Very readable instructable...I appreciated the way you broke it down into manageable steps, with screenshots.
eertan2 years ago
Great job.
I was looking Paint or (color by numbers) kind of help , and somewhat this is right way.
Is there any way numbering to colors on screen then print out black & white copy and use it just as paint by numbers picture on canvas or paper.?
thanks

nihoo22 years ago
Great Instructable...very easy to use Editor...I am going to make an entire coloring book for my kids for Xmas using this and Shutterfly...thank you thank you!!
IMG_6253 COLORING BOOK FINAL.jpg
paqrat2 years ago
This is terriffic. I cannot wait to try it out. I went ahead and downloaded the program to my computer so I can use when internet isn't available. I am curious about something. Would it be possible to have left the separate pics in color and still place the kid and treasure chest on the island?
paqrat paqrat2 years ago
Oops looks like the program I downloaded is pixl o'matic for windows. Ah well. I probably will only be using it where I can access internet anyway.



A similar program is Gimp, I just tried it with the exact same steps. (www.gimp.org)
Very cool. I have Gimp but I haven't done much with it. Good to know it will do something similar. Thanks for the information.
mtrout2 years ago
Using this process, I got a beautiful CLEAN black and white image. This was in GIMP.
mtrout2 years ago
I don't see anything equivalent to this step in Gimp.
mtrout mtrout2 years ago
And then I realized you said "background copy" not "background". Changed the pull-down Menu to "addition" and all is right with the world.On to the next step!
tvelazquez12 years ago
Hmmmm...this actually doesn't work. At least it doesn't work for me. The gray and white sliders do not go past the black slider to the left, and the black slider just slides the gray and white sliders all the way to the right in front of it. There is no way to get the clean b&w image that you are inferring is possible.
Move them as far to the left as possible - meaning move them right over next to the black slider. You can't CROSS the black slider.
Yes--exactly. You cannot cross the black slider (as you can in PhotoShop), when you push the other two against it, they all move to the left, so you never achieve the "clean b&w image" that is referred to in the article. There is a tremendous amount of gray are that should be white, which would render the finished image useless as a coloring page.

At any rate, I loved learning about this online program. I have friends who, unlike me, are not Graphic Designers, and they will be thrilled to know this is out there.
ronsart2 years ago
Sad couldn't download PFD without membership...this worked and quite happy with instructions...would only recommend to do in Photoshop more friendly...thank god you did in the blending mode part.

Thanks for posting.
dcernach2 years ago
Incredible... Very simple and useful, I'll try in Photoshop... Excellent instructable!
:)
zurichko2 years ago
Okay, so I decided to try the advanced techniques and I LOVE IT! Here's my little girl in front of one her favorite things...a CASTLE!
color bella 1.1.jpg
drdj2 years ago
Amazing and very clear instructions (for those of us who REALLY need them). Thank you. I feel sheepish asking, but I cannot find a way to save the image. The jpeg is blank and the other options are not read-able by my computer?
OTP12 years ago
Brilliant,

and I have learnt a great deal about the photo/sw that I have on my PC , thx again
CGlibrarian2 years ago
I haven't done much photo editing. When I print on 81/2 x 11 paper it is not centered. Is there a way of centering it? Do you just trim it? I also cropped one photo. It would be nice if I could expand it by dragging it. But I would like to set a standard size "picture frame" for all my photos. Any other comments on how to improve my skills would be appreciated. I think I'm hooked!
RyanGallmann.jpgRyan Toddler with camera 2.jpg.jpg
johnaobrien2 years ago
I have done this with photoshop elements and also with comic book for the iPad it works great. If you flip it around and print it out you an make a tshirt using an iron and a tshirt. Good job!
cmetzger2 years ago
correction -- Layers palette drop-down menu --> Blending options . . . --> General Blending --> Blend Mode change to Linear Dodge (Add)
PenfoldPlant (author)  cmetzger2 years ago
You can also change the blending mode directly using the drop-down menu within the Layers palette in Photoshop, or right-click on the layer and choose "Blending Options".
Yep. Now to figure out what is the best blur level for a long-haired black cat.
1-40 of 73Next »