Pixel Playground
Illustration by John Hersey

Pixel Playground

with Bert Monroy

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Video: Creating a cartoon book

- This week, we're going to create a cartoon from scratch, little cartoon character. Last week, we took an existing little piece of art and made it look more cartoony. Well, this week we're going to create our little cartoon from scratch. Now what we need is a little book, a little, happy, little character book for some poster we're doing for the local library for kids' readings or whatever. So, go in here and create a new file. And I have it set to these parameters. Now, I'm working at a low res.
Expand all | Collapse all
  1. 16m 54s
    1. Creating a cartoon book NEW
      16m 54s
  2. 17m 50s
    1. Creating a panic button
      11m 21s
    2. Making a cartoon car even more cartoony
      6m 29s
  3. 29m 14s
    1. Creating letter reflections on a neon sign
      7m 45s
    2. Type effects in Photoshop: Using gradient and stroke layer styles
      7m 35s
    3. Creating a 3D chocolate candy in Photoshop
      7m 4s
    4. Type effects in Photoshop: Mossy 3D type
      6m 50s
  4. 43m 46s
    1. Colorizing black-and-white sketches
      11m 18s
    2. Making bubbles: Using the Brush tool
      7m 23s
    3. Making bubbles: Adding highlights
      5m 51s
    4. Creating a Photoshop 25th anniversary sign
      9m 59s
    5. Type effects in Photoshop: Honey
      9m 15s
  5. 37m 52s
    1. Easter basket: Adding a bow and the eggs
      10m 26s
    2. Placing lettering on plastic
      10m 5s
    3. Using brushes to create a twisted pair of wires in Illustrator
      6m 4s
    4. Creating an Art Deco bistro sign
      11m 17s
  6. 34m 37s
    1. St. Patrick's Day card: Creating a shamrock and a pot of gold
      9m 13s
    2. St. Patrick's Day card: Adding the details
      8m 13s
    3. Creating a 3D Easter egg
      7m 38s
    4. Easter basket: Creating the basket
      9m 33s
  7. 36m 43s
    1. Making a piece of candy: Adding the jelly filling
      10m 51s
    2. Creating a Valentine's Day card
      10m 10s
    3. Turning a daytime scene into night
      8m 24s
    4. Using Photoshop's Displace filter to create a waving flag
      7m 18s
  8. 45m 43s
    1. Using the Photoshop Flame Generator
      6m 53s
    2. Creating a mountain scene
      8m 24s
    3. Creating reflections in water
      6m 8s
    4. Making a diamond-encrusted type
      12m 11s
    5. Making a piece of candy: Creating the chocolate base
      12m 7s
  9. 27m 47s
    1. Mapping video onto a 3D object in Photoshop
      5m 50s
    2. Creating a wintery scene
      7m 36s
    3. Making a New Year's 2015 card
      14m 21s
  10. 33m 21s
    1. Three Dimensional type with extruded neon: Making the letter forms
      12m 29s
    2. 3D type with extruded neon: Adding the neon
      11m 48s
    3. Creating a Thanksgiving card
      9m 4s
  11. 47m 25s
    1. Creating a galaxy with Photoshop: Building the star field
      9m 23s
    2. Creating a galaxy with Photoshop: Adding color and effects
      10m 19s
    3. Creating a campfire scene: Adding the campfire
      12m 34s
    4. Creating a campfire scene: Adding trees and lighting
      8m 3s
    5. Creating a superhero type treatment
      7m 6s
  12. 46m 32s
    1. Making a desk nameplate
      12m 6s
    2. Illustrating a campfire from scratch
      9m 35s
    3. Creating realistic stains on bathroom tile
      9m 9s
    4. Creating a distressed windowsill from scratch
      15m 42s
  13. 45m 16s
    1. Increasing precipitation: How to make a rainy-day photo look rainier
      9m 34s
    2. Retouching techniques: Improving a picnic scene
      9m 28s
    3. Retouching techniques: Moving an object in a scene
      9m 29s
    4. Retouching techniques: Improving a real estate photo
      8m 53s
    5. Adding a billboard to a photo
      7m 52s
  14. 28m 56s
    1. Making a book: Perspective
      9m 53s
    2. Making a book: Adding pages
      9m 27s
    3. Using paths and layer styles to create logo text
      9m 36s
  15. 42m 42s
    1. Theater curtain: Animating a rising curtain
      7m 23s
    2. Creating a chalkboard
      12m 48s
    3. Creating a manila envelope
      12m 50s
    4. Turning a regular donut into a jelly donut
      9m 41s
  16. 48m 47s
    1. Creating net fabric for a veil
      15m 39s
    2. Animating a spotlight against a brick wall
      7m 1s
    3. Damen Station: Using Blend in Illustrator to create intricate details
      4m 34s
    4. Theater curtain: Making a braid and tassels
      9m 53s
    5. Theater curtain: Creating the curtain
      11m 40s
  17. 34m 22s
    1. Oyster Bar: Creating a canvas texture
      7m 53s
    2. Creating realistic reflections and shadows
      11m 0s
    3. Creating water droplets on a surface
      7m 42s
    4. Wrapping a pattern around a 3D wine goblet
      7m 47s
  18. 29m 7s
    1. Damen Station: Creating realistic rust
      6m 56s
    2. Oyster Bar: Creating puddles
      6m 15s
    3. Oyster Bar: Creating asphalt and concrete textures
      5m 3s
    4. Oyster Bar: Creating a manhole cover
      10m 53s
  19. 38m 48s
    1. Magazine cover: Creating a lamp
      13m 57s
    2. Magazine cover: Creating a wood floor
      13m 29s
    3. Damen Station: Adding multiple train cars
      5m 26s
    4. Damen Station: Creating bolts
      5m 56s
  20. 36m 9s
    1. Red truck: Creating a headlight
      7m 17s
    2. Red truck: Creating chrome headlight trim
      7m 37s
    3. Red truck: Creating realistic metal perforations
      7m 5s
    4. Red truck: Creating wear on metal
      6m 18s
    5. Magazine cover: Using perspective to draw a room
      7m 52s
  21. 31m 44s
    1. Oakland Theater: Creating lightbulbs
      15m 33s
    2. Changing photo contents with Auto-Align Layers
      6m 36s
    3. Creating a metal grill
      9m 35s
  22. 47m 14s
    1. Charms and medallions in Photoshop: Adding details
      10m 49s
    2. Charms and medallions in Photoshop: Adding a third dimension
      10m 10s
    3. Oakland Theater: Creating stone walls
      14m 11s
    4. Oakland Theater: Creating neon
      12m 4s
  23. 40m 9s
    1. Animating a 3D starfield
      7m 6s
    2. Creating an antique pub sign using Photoshop
      13m 1s
    3. Creating a custom brush to draw hair
      7m 57s
    4. Charms and medallions in Photoshop: First steps
      12m 5s
  24. 21m 8s
    1. Using a Fibonacci spiral to create a tattoo
      4m 19s
    2. Body shaping with Puppet Warp
      4m 1s
    3. Type effects in Photoshop: Pillow
      6m 46s
    4. Type effects in Photoshop: Clouds
      6m 2s
  25. 42m 37s
    1. Recreating magazine clippings
      7m 31s
    2. Creating realistic scales for a dragon tattoo
      6m 27s
    3. Creating spikes for a dragon tattoo
      10m 35s
    4. Creating the belly for a dragon tattoo
      10m 55s
    5. Creating a flower tattoo
      7m 9s
  26. 29m 24s
    1. Creating a custom brush
      7m 28s
    2. Using displacement maps to create shadows
      7m 27s
    3. Enhancing a landscape by adding a lake
      6m 37s
    4. Creating a dog tag
      7m 52s
  27. 23m 36s
    1. Creating animated snowfall with Photoshop
      6m 39s
    2. Filling an empty glass with liquid
      2m 51s
    3. Using an alpha channel to create a 3D object
      6m 53s
    4. Creating a 3D coin
      7m 13s

please wait ...
Watch the Online Video Course Pixel Playground
16h 4m Intermediate Jun 07, 2013 Updated Jul 24, 2015

Viewers: in countries Watching now:

Take a 10-minute recess every week and join Bert Monroy in Adobe Photoshop or Illustrator, the playgrounds of digital artists. Every Friday Bert walks through a fun, self-contained project that tests your skills and challenges the imagination. These programs aren't just image editors; they are sandboxes for creativity and experimentation. Take a spin through a carousel of tools and get reinspired, each and every week.

Subjects:
Design Photography
Software:
Illustrator Photoshop
Author:
Bert Monroy

Creating a cartoon book

- This week, we're going to create a cartoon from scratch, little cartoon character. Last week, we took an existing little piece of art and made it look more cartoony. Well, this week we're going to create our little cartoon from scratch. Now what we need is a little book, a little, happy, little character book for some poster we're doing for the local library for kids' readings or whatever. So, go in here and create a new file. And I have it set to these parameters. Now, I'm working at a low res.

You're working to whatever you need for a print or wherever you're going to see it. But I'm working so that it'll work really fast and easy on this particular screen. So now, I'm going to go in here and I have a blank screen. So I'm going to draw my little character and I'm going to use my pen tool, right there. The pen tool. That's what I'm going to start with. So I'm going to start with, I'm going to create the little spine for the book. I'm going to come up here and create this little shape right up in here like that, a little tiny bit of an arc. I'm going to come down here and draw this right out of the bottom, little curve.

And, there's a little bottom part there and come up to the top and close it off. So now, using my direct selection tools, I can select individual points. I'm going to go in here and shorten that little guy so I get this little slight little curve just like on top. And we might want to thicken this side out a little bit more and maybe thin it out towards the top a little bit, just like that. There's that little shape. And what that is, that's the spine of the book. So now what we're going to do is create a page and let's bring this down just a little bit, about like that.

There we go, that's looking good. So now I'm going to create the cover of the book. So I'm going to go inside this area, it's gonna be able to not have any gaps in between so I want to overlap them a little bit. So I'm going to go in here and create this little page right here like that. That's the cover of our book. Now we can pull it out a little more and I'm just holding down my command key to temporarily switch to the select tool. So now I'm going to hold down my option key so I can click out a new little handle right here and I'm going to curve it off like that and come over here and click and drag just like that.

Command key to pull it down a little bit so it's a little more even. Option key to redirect my path then come down here and close it off just like that. Option key, click, this time I just click and don't drag because I don't need a handle anymore and come up here, and still holding down that option key, I click. Now if I didn't hold that option key, and just click up there, you see how I got that curve? Because the original point up there had a handle on that side. So that's why I held down the option key to then close it off, giving me a straight line.

So now I can go in there and just fix these little shapes a little bit, just to start giving it more of the feel that I want my little book to have, about like that, have a chubby, little book. Let's grab all these guys and just move them over a little bit like that. There we go. So now I'm going to take this cover, the cover that I just created and maybe just make that a little sharper up there. Now I'm going to take it and holding down my option key to make a copy, I'm going to make a second one right there like that. And what I'm going to do with this one is I'm going to take this bottom part and just move it up a little bit and bring it over into there.

Just so it's just touching, almost touching that other guy. Right? I'm going to take this guy and bring him in about like that. I'm gonna take this and duplicate it again, a second one. And this time, I'm just going to rotate it. So I hit command T and I can just rotate this guy, right at the position, about like that, over a little bit, and there he is just like that. Okay and I take this guy, and we'll duplicate him again one more time. Right there like that.

And rotate him. Right there like that. And bring him in just a little bit inside there, there we go. And bring it down just a little. There we go. And then, finally, I'm going to go in here and do one more. One more which I'm going to put way out here like this, rotate it a little bit, a little closer, just like that. And then, and make that happen.

And what I'm going to do is, I'm just going to click on this guy right here and hold that, with my pen tool, I'm gonna just click right here which gives me another point. So I can then grab that point and move it so that it just falls into that little area right there like that. Okay? And I'll just take this guy and just pull it down just a little into there. There we go. So now, here's where we're going to-- I'm gonna just maneuver these guys just so we have a nice equal spacing in there. So now that we have these basic shapes, I'm going to start to create the book itself.

So, I'm going to take the farthest most, way back here, I'm gonna take this guy way in the back here and I got this green, I got this green color here. So in a layer, so I go in here and create a new layer right there which we'll call the back, back cover. Okay, so there we go. Back cover and I'm going to say take that path and fill it. And I'm also going to give it, I'm going to go right into my layer and say give the back cover a layer style.

I double-clicked on it and I'm going to say give it a stroke, nice, black stroke. And right now it's 3, let's say we give it a-- let's see what a 5's gonna look like, 5, 5's good. Nice and thick, click OK. There we go. So now, we're going to click on this guy, create a new layer and we'll call it page 3. We'll say p3 for page 3. Instead of that green color I'm going to go in here and let's pick a nice warm color and let's say somewhere around like that right there, that yellow.

Now I'm going to go ahead and fill that and that layer with that color. Okay. So, I'm gonna take this guy and in another layer, which we'll call p2, second page, I'll go ahead and fill that one, and select this guy again, the third guy, and we'll say p1, the first page and thud.

So there's our pages. Now I'm going to go in here and we're gonna click on the front cover. Create a new layer, and call that cover. And we pick up our original green right there, there's our green. And what I'm going to do is take that path and fill it with that green. And let's save these paths. We need to keep those just in case you want to use this again for something. So I'm going to go in here and then pick that last one, that last little path and create a layer and call it spine.

There we go. And we'll go ahead and fill it with that green. So now, let's turn off the path, we don't need those for now. What I'm going to do is, I'm going to come over to my layers here, let's open this up a little bit and we got that effect we gave it, to the back cover. I'm going to option click and drag the little effects onto each of the other layers, see? And it's making a copy of those so that each time I do that, you can see that now our book has some nice, little, form to it. So now we're going to make it look like a cartoon.

So what I'm going to do is, I'm going to go in here and select an oval, I'm gonna get my oval tool and set the paths, I make sure I set the Paths, right there, the default is Shape, I have it set to Paths. I'm gonna create this large oval like that. Now what this oval is going to be is gonna be an eye. So I'm going to take it and I'm going to get my select tool. I'm going to drag it up into here, I'm going to hit command T to bring up the transform tools and rotate it like that, just like that. Put it in position, make that apply, and it's going to say, because it's a path that wasn't normally made with the pen tool so they had that last little window there.

So I'm just going to take this guy and put him right in position about where I want him there, just like that. So I'm going to say copy, I'm going to copy that. Select the path and I say copy, there we go. And I say paste. Now it looks like nothing happened but what it did is it pasted another path right on top. So I hit command T, so I can go in there and shrink this guy down, just a little like that. And we'll bring this one so it's just sitting right on top of the other one at the bottom there like that.

Okay. Make that happen. And we say, paste it again. Command V, pasted another one. You see it's right in the original spot, command T, and we'll make that one much smaller, way down about like that and we'll put it right about there, maybe a little bit bigger, and we'll put him right there like that. Click OK. And then finally, one more, one more. We say paste it again.

And we make this one really small, really small about like that. And we rotate it as well, put it right about there. Take it and we'll move it right into this little area right there. That's going to be the eye, okay? So I'm going to select this outer ring and what we're going to do now is create our layers. I'm going to create a group for this one too. So I'm going to say this is the eye. And it's always good to be organized and be ready to quickly find things.

So what I'm going to do is, I got the eye layers and what I'm going to do is I'm going to take the original layers that make up the book itself and come up here and say make a new group from all those layers and we'll call that the book. Okay, so there we go, book. And we'll rename this one, we'll call it face. There we go. So now, I'm going to create a layer, that's the group that's open so I created the layer in there and we're going to call this outer eye. And that's it back there.

So I got that green still selected so I'm going to say go in there and fill that with that green. There. Look at that layer and we have those effects so I'm going to copy it onto there. There's that same little shape going on out there. So I'm going to create a new layer and we'll call this eyeball. Okay so we select this guy right in there and using white, and in that layer, I'll just go ahead and fill that.

Another layer, which we'll call pupil. And we'll go to black, select this guy right there, take that path and fill it with black. And then finally, this guy right here which we'll just call glitter, that's good enough. And with white, I'll go ahead and fill that path with the white. So there, there we have an eye. So what I'm going to do now is, I'm going to go in here and just draw a little shape, right down here.

Let's start here and click and get this little arc going right across there like that. I'm going to hold down my option key so I can get a new handle, pull it out this way, come over here and still holding down that option key, I'm going to click and drag. And I get this little shape in there. Let's save that shape. And what we're going to do, is with black, in another layer on top of the entire eye, we'll just say base. Alright? And we'll fill that with the black.

Okay, so now, we've come back over here to the other parts of the eye and the outer eye, what I'm going to do is, I'm gonna give it a mask, give it a mask, and in that mask, I'm going to select all this area right here, right down there and fill it with black so that that area hid, deselect, I'm going to copy that mask over to the eyeball and then I'm going to copy it over to the pupil. Okay, there we see that we have this-- now, the outer eye, you see that bottom part? That's the effect.

So I'm going to double-click on this guy to bring back the layer styles, I'm going to say Layer Mask Hides Effect, click on that and there you can see it disappeared. I click OK and there we see that we have this eye. So now I'm going to take another, my pen tool, and create one more path here. Alright, and I'm going to go in here and just create a little shape like this and then come back this way, I option clicked and dragged, bring it this way, option click and drag, come over here to a little corner, option click and drag back that way and holding on the option key, I click.

And what this is going to be is a little winking eye. So, we'll call this on top wink. And I take that path and fill it with black and let's save that path. So there we have the winking eye. So now we need a nose. So, with my pen tool, I'll create a little nose and we'll just create this little shape, comes around like this and like this and like this, it's round and goes off like that.

And what I'm going to do is, I'm going to take this and stroke it. So I get my pen tool and I have a-- or my paintbrush tool, and I have a size very similar to the point itself. Now, it's a little soft so let's make this hard. Make sure that our tool, let's see, let's make sure that the spacing is down to 1% so it's good, nice and-- give me a nice, sharp line. Now that's really thick. So let's make it a little thinner, just thin it down and little more, let's say we bring it down to about a 4.

That's it, that's real close. So what I'm going to do is, I got that path selected, I create a new layer, we'll call it nose. And we'll stroke it. We've got the brush, so I take that path and stroke it, there it is. And let's save that path. Alright, so there it is. So what I'm going to do is I'm going to take my-- let's get in real close here, I'm going to take my eraser tool and let's make it much smaller. I'm just going to sharpen this little edge in here.

Let's bring the opacity back up to 100% there and I'm just going to tighten that little corner. See, so it just becomes this little point and the same thing at the end here, I'm just going to tighten it up just a little bit. So it starts to have that kind of a feel just like that. And then right underneath it, with my paintbrush, I'm just going to draw this little shape right under there, just like that, and fill it in. It's just like a little shadow under his nose right there like that, pull back.

And then, finally, we need a mouth. So I'm going to go in there and say mouth. Get my pen tool and I'm going to draw a little mouth. So I'm going to click up here, pull out a nice handle and we'll give it a nice smile. Go in here and go down, around like that and just like that. Now I can play with this guy just so I have it exactly the way I want it. So I'm going to pull this up a little more and give him more of that kind of a smile, just like that.

Okay. And what I'm going to do with that path, I'm going to save it. I'm also going to create another path inside, just like this, little path right in there like that, kind of follows the shape. And then, give it a little curl like that. And let's just see what this looks like. Okay, that's good, right there like that. And I'm going to take this guy, right there, add a layer for mouth, and I'm going to go ahead and fill that path with black. There it is. I'm going to take this guy, create a layer, and we'll call it tongue.

And I get a nice red and fill that path with the red. And there we see we have our happy, little face. Now, you can create your own characters, whatever it takes, it's not exactly the way I created that might fit your needs but it's the basic concepts of what I'm done here to create this little cartoon book.

Find answers to the most frequently asked questions about Pixel Playground .


Expand all | Collapse all
please wait ...
Q: Why can't I earn a Certificate of Completion for this course?
A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.
Q: Why are some of the 3D menu items grayed out when I try to follow along?
A: The 3D features in Photoshop CC require a computer with at least 512MB VRAM. If your computer doesn't meet this criterion, the 3D menu features will be greyed out.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Pixel Playground.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.