How to Make a Coloring Book

994,264

350

115

Introduction: How to Make a Coloring Book

About: Artist in Residence at Pier 9, currently exploring a vast array of new tools with which to injure myself.

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!

Step 1: 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

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

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

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

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

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

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

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

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

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

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

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

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!

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

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

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

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

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

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!

Voila! In about ten minutes, I'd made a personalized coloring page.

Try it out and let me know what your kids think!

8 People Made This Project!

Recommendations

  • Plastic Contest

    Plastic Contest
  • The 1000th Contest

    The 1000th Contest
  • Battery Powered Contest

    Battery Powered Contest

115 Discussions

0
RosslynL
RosslynL

Tip 2 months ago on Step 5

When I right-clicked on "background" in the layers tab, I did not see "duplicate layer". I had to find that by right-clicking on the image itself.

0
luciegiraudtelme
luciegiraudtelme

Question 6 months ago on Introduction

Hello, thank you for this great tutorial! Just wondering if you could advise of an updated way to do Step 7 on the newer Pixlr editor as the Advanced settings for the Layers have disappeared? Huge thanks!

0
tylerrrdavies
tylerrrdavies

Answer 6 months ago

For step 7 Right click on the layer and under 'blend mode' select "color-dodge"

0
dale2764
dale2764

8 months ago

I like this. It works well. Thanks for the Great how to!!!!

IMG_9226.jpg
0
DianaS184
DianaS184

Question 1 year ago on Introduction

I write inspirational children's books and a class has asked for some colouring pages how do I turn a coloured page into a black and white colouring page ?

0
Malicity
Malicity

Answer 11 months ago

I would imagine if you scan the page and download it, when you go to Pixlr, and choose the Upload Image, from the editing beginning, your computer will send you to Finder (I have a Mac), where you can opt to scroll through your downloads, and you can opt it/the format you saved it in.

0
JohnatanShShM
JohnatanShShM

3 years ago

So awesome tutorial!
But i make coloring book with RonyaSoft Poster Designer, try it also, fast and cool.http://www.ronyasoft.com/products/poster-forge/download.html

0
tsherman2012
tsherman2012

1 year ago

Hi I need help making a colorbook if anyone has made one from photos? Please help or you can email me at tsherman2012@gmail.com Thank you so very much

0
suebusse50
suebusse50

Question 2 years ago on Step 20

Love this! I have a macbook, when I got to step 9 to flatten, I right click on the top layer but nothing happens?

0
J2Bandit
J2Bandit

Question 2 years ago

I found the tutorial extremely easy to follow until I got to #17. I cannot get the layers to move onto one another. They don't seem to be movable so I have opened the image I want to drag 10 times but it keeps disappearing and the only thing I can open is blank. Every thing else was so easy up until this point. Please can anyone help expound upon #17?

0
NancyS220
NancyS220

3 years ago

The RBG sliders all move together. The black won't move separately from the others, so the lines don't darken.

0
megpie82
megpie82

4 years ago

I did it! But it won't save? Does is usually take a long time to save? I've tried a few times, but it just keeps saying 'working please wait' any suggestions?

0
G-FORCEG
G-FORCEG

Reply 3 years ago

You just have to wait, this happens for me a lot as well.

0
kaj4
kaj4

4 years ago

Everything proceeded as directed until I reached Step 9, Flatten the Image. When I right-clicked on the top layer (Background Copy), I got the following: "Settings, Global Settings, About Adobe Flash Player version......" It seems to relate to settings of Flash itself. I'm running Windows 7 and Chrome. No matter what I click on now - View, File, Adjustment, Background, Opacity, etc, the list of "Settings, Global Settings, and About Adobe Flash Player version..." displays.Each step worked perfectly until now. What can I do?

0
G-FORCEG
G-FORCEG

Reply 3 years ago

You just needed to update and install the latest adobe flash player, hope this helps ;-)

0
mrsmerwin
mrsmerwin

3 years ago

we just finished trying this. The web site has been changed a bit since this was written but we were still able to follow all the steps. Great results.

0
mrsmerwin
mrsmerwin

3 years ago

I love this. I am using it for a school project.

0
AlexandraC47
AlexandraC47

4 years ago

Awesome! I found this extremely easy to follow. Thank you!