How To Animate Thumbnails | Mike Ryan | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

How To Animate Thumbnails

teacher avatar Mike Ryan, Traditional Animator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

9 Lessons (28m)
    • 1. Introduction To Thumbnails

    • 2. A Toon Boom Harmony Tutorial

    • 3. How To Set Up Your Animation

    • 4. What Is A Thumbnail

    • 5. How To Do Thumbnail Poses Part 1

    • 6. How To Do Thumbnail Poses Part 2

    • 7. How To Create A Thumbnail Animation

    • 8. How To Organize Your Animation

    • 9. Class Recap & Project

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

The second class will show you, from start to finish, how to create thumbnails for your animation. Throughout this specific class and the project you will be undertaking here, I’ll be teaching you how to go about planning your work with thumbnails. This will include poses and mannerisms your character will be acting out in the sequence. These drawings will help you plan out your animation down the road in the classes ahead.



Meet Your Teacher

Teacher Profile Image

Mike Ryan

Traditional Animator


Hello everyone, my name is Mike Ryan. I’m an old school animator who specializes in traditional animation. I’ve animated for over ten years creating short films, work reels, & small pieces incorporating character animation, effects animation, & storyboards. Sharing all that I’ve learned from my mentors to old school animators like yourself will be a rewarding experience. I look forward to having this time to show you the ropes through my animation tutorials here at Skillshare.

Mike Ryan attended the University of Central Florida from 2009 thru 2014, where he studied as an Experimental Animation major. His creative work has been awarded twice at UCF with the J.R. Hopes Scholarship for Animation and the Sony Scholarship.

FREE CLASS ACCESS LINKS & PREM... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction To Thumbnails: everyone. My name's my client on multiple animator who specializes in traditional animation. I banded for 10 years, creating short films, work feels and small pieces, incorporating character animation of examination. Answer reports. Sharing all divert for my mentors. Two old school animators like yourself will be a rewarding experience. I look forward to having this time to show you the ropes. You, my animation to tour, was here at school shirt and welcome to the second class of a Siri's, which should be focused on thumbnails. This specific class was show you from start to finish how to create thumbnails for your own animation. Develop the specific class and the party will be undertaking. Here I'll be teaching. You had to go about playing your work with thumbnails. This room include poses and aneurysms. Your character will be at Yale in the sequence. The's drives will help you plan your animation down the road in the class is ahead. This supplies and students who you are just joining often the medium for for students who already have some prior knowledge of the art form. This class is great for beginners, hobbyists and professionals in fuel because can use these skills to create the poses that were got your character going forward. You can apply these skills to situations outside the class, any animation of your own choosing. I encourage all of you to share your projects around here because we're all in the same boat reaching for the same goal. By the end of this quest, you obey what? Your effectively playing your character animation in good time, which will help you in your animation down the road ahead of us. Thank you for trial been and I hope you enjoy this class. 2. A Toon Boom Harmony Tutorial: it's time for another tune. Boom Harmony tutorial No. To use the grid, select the great buddy right here to use the hand glove just like this button. This gives you the ability to move around. Screen shaky, isn't it? To assume it or assume l press the one or two buttons on your keyboard. This can be done on the edit menu as well. To enlarge or shrink a drawing, select the drawing any box work here. Select one the tiny squares in the box and with the shift buying held down, move the mouse or, if your finger on the digit pad move it over to either side to make it bigger or smaller to copy and paste. Select the drawing right click and a list of options will show up, including copying and pasting, which can also be found on the top, either under the edit menu or those two funds. Over there, the onion skin shows us drawings before or ahead of our current drawing foodists button. We can change the transparency level of the joints before or after. If you want to change how many drawings who wish to see at the same time or If you want to see any at all, select these buttons up here the red for the previous and the green for the drawings After you can see multiple drawings at the same time or none at all, depending on whatever you want to see. Movie and drawing is very simple. We simply select the drawing and received the box appear and move it to a general direction . You wish for it to go just like this? You see that? I'm going back to my main page of thumbnails. I select the drawing and fund that I slept. The copy option. I then go to the ing, knew where that I made. I paced the drawing and I move it to the area where all the drawings are located. Which is right about there. These basic tools will help. You felt this class. That's it for now. Thanks for dropping in. Tune in for all the video lessons coming up for this class. See you later. 3. How To Set Up Your Animation: Welcome back. It's now time to set our animation for this class. So remember last time when we made a several folder for a Class one character design work? Well, now we're going to start working. Aren't our stuff for class tooth. So let's make a drawing layer. Although I'm thinking we might need a second drawing layer. So let's add a 2nd 1 Just be safe. Way may need that second wear anyway, So we're not gonna put these two new drawing layers in our class one folder because they won't go there at the end of this class. We're going to put them in our class to folder. So this is what we should have right now. 4. What Is A Thumbnail: What is a thumbnail? Well, thumbnails are the drawings that we animators love to use to help us plan out our animation . They can be, you know, simple drawings or shaking scratch drawings or very detailed drawings. But really, it doesn't matter what method to use. I myself have used both methods, depending on you know how I feel like. But what matters, ultimately is just praying something down on the paper. Like if you're in a drawing class, because at the end of the day it is all part of the natural creative process. And let's say you come up with a lot of poses and you only decide to use some of them. That's cool. That's fine. Trust me. That's actually happened to me during the course of this nine class serious, so don't worry about that. In fact, that's even better. It just shows that you're really thinking about your animation and what drawing to you want to use for your final piece 5. How To Do Thumbnail Poses Part 1: So how do we go a bell in creating thumbnails? It's really simple. I mean, there's no rocket science or anything like that. So right now I'm gonna show you a me drawing the thumbnails. I'm plenty off my animation, So why do we call them thumbnails in the first place? Well, animators, back in the day, you know, while Disney's Time or Mex Flashers time Chuck Jones's time, when the animators were plenty out their drawings, their do the small sketches in on in the note bugs or in any piece of paper they would have , and these false sketches that they make help them determine the direction of the animation . It would also help them or gal the Post because and I say this as someone threw Stone, who's been in this position before, where you're drawing a sequence and you're already in the animation process and you spend so much time on this one posed that by the time you finish that pose, you feel drained from him because you've concentrated and overthought the this one drawing for so long, which is why I am eaters up to do the small sketches and I personally love during that Because by during these false sketches, you can just work out the pose. So that way, when you actually do work on the animation of your piece, you already have in front of you the idea of but the post should look like and you want to spend so much time on it. I mean, yeah, you spent some time on it, but won't be so long like it would You didn't do these false sketches. I like to do these small sketches. You know, whether it's on the computer, like in tune, boom harmony or on a piece of paper I see floating around or you in post it. I actually like during posted as well. I can already tell you that a lot of these drawings that you're seeing right now are not gonna be in the final piece. Thank icann. Gigabit history on it. The animation that been working on for this night class Siris was actually meant to be much longer. Um, it was gonna be actually 20 to 30 seconds long. And where you're seeing right now are the drawings from the cut portion of the animation. There was some extended dialogue. The character that I was drawing. He was not to say I will change myself, the people mover and no one's going to stop me and you see that he has this chain around him and he, um, bends to change for emphasis and those air down in frustration. And I actually saw when I was during this piece Mickey's Christmas Carol. This was like months ago and I started cleaning. That said, there's a scene where goofy, the character he plays, the ghost that visit Scrooge McDuck. And at one point he holds chain and those that Scrooge. And that was the inspiration for this part. The sequence. But, um, as I continued working on this piece, I realized that that was too long and had I continued on that route, I likely would not be doing these classes right now. Never, because that would be super long. And I probably not be able to finish it right now as I speak. So I had to cut it because you know the old saying, you know, you cut the fat out Well, that was pretty much it. I thought the animation that had for the poses that had the 1st 11 seconds. That was no more than not that it was good. 11 seconds is good. And I say that because when I was an animation student at the Unit University of Central Florida Experimental and Mission program, um, we did 11 2nd dialogue animation test in my own A rose for a website called the 11 2nd Club . Yeah, believers, the 11th 2nd Club and do that website were take dialogue from whatever audio they had to offer and you were enemy to it. And so for that reason, I decided to keep it. At 11 seconds, you can see that these poses some dream, you know, they could be, you know, dynamic. Or they could be simple again. This is all part of the creative process. It's good, Teoh comfort, any kind of pose you can think of because it helps you get thinking about what direction are really my damnation being shouldn't be this chaotic. Where should be, you know, simple 6. How To Do Thumbnail Poses Part 2: welcome back to the continuation of the previous video lesson on making thumbnails. So here you see me again, working out the poses for defamation of have in mind and as I look back and all these some nails makes me sad to think that that they're none the final piece. But, you know, that sometimes happens in the creative process where, you know, you started a lot of ideas for a lot of poses. But, you know, as we get more intimation mindset as we start Teoh see what works and what doesn't work. Um, had a car, all these poses because it was gained too long for its own good. And I realized that all these poses could be its own animation for a different character. So it's ah, total waste. I can still use thes poses for the basis of another nation. Just that what makes us so, so sad and I like was that, um I did draw these poses as I got into the an Asian face of this, um, Siri's. There is then that I realized I can't used these poses because it's going to hundreds own good again. And you know that happens too. Sometimes, you know, you make these decisions and beginning and sometimes an even most likely you make these decisions later on. In fact, I can tell you that as I finish up the animation, you know, I'm in the final stages off of that process. I'm so drinking it, I'm still be finding it. I'm still adding force up to it because I'm still not quite satisfied The way it looks yet I'm still we working, Amster improving. And I still see flaws. And, you know, that's, you know, the normal thing that all artists and animators caring When we look at our work, we tend to be more critical overworking me, seeing as much as we love to seeing where works, we tend to see what we not work or what we can improve on. And so again, um, you know, if you've been through this mindset before, then you get what I'm saying. If you're new to this process and you're just having these experiences right now, you don't have to worry. You don't have to fret about it because, you know, that's all part of the creative process. So we're all in the same boat here So let's see. I'm I believe this is either part of the deleted poses or we're just gained to the poses that I would That would eventually be the basis for animation. It's actually been a while since I last looked at these thumbnails, because this is what class to I'm in liking the final stage in the class nine of the of the story. So it's like a like a trip back, seeing all these thumbnails here like that and your just thinking, you know, where was mine mindset at this time where I thought about this animation being really long and big and in the course of time, kind of fat al shaming in making your tighter at focusing on the Post is that I can really work on like here, like these were the the poses that I would eventually end up in me by an animation. This just the beginning, um, beginning of the animation, actually, where the main character he's minding his own business can see. Then the first post, then in the second and 3rd 1 you're seeing right now, it's like he just found something had just happened, and it it may cause them to respond to it and receive starting in the fourth pose. I would say that is when he begins to talk where he begins to respond to what he had just heard the dialogue being. Then the people were had just closed and he can't seem to believe why they closed down the people mover. And here we seeing uses his gestures, his hands rooting around, his body ing moves away. Well, it's no longer looking in. One direction can look in multiple directions. And here you're seeing use of the curve use of the dine Eric. Her back should say, Curve helps us playing out the way the body will looking respond. It gives him more of energy in action, and here you have all the poses I've done for this animation. 7. How To Create A Thumbnail Animation: So now we come to the final lesson of this class. Which will be how do we go about in previewing or poses? Like how do we get the feel for how it will look? They're in motion. And so we about to see is how I would go about it. I just created a drawing layer and now copy and pasting the thumbnails that I made from the original layer, which would be the one, the bottom, just a new wear, which is on the top. Why am I doing this? I'm during this. So that way I can see in sequential order how the thumbnails removed frame by frame. So tree Pete Um, repeat, from what I said in the tutorial for this class, Graham during is pretty. No Superman sri forward. I go back to the main layer you see here and I select the thumbnail. You know, I select it and you see that box I Then why click it and copying? I then coach this new layer that I made here and paste it and with the onion skin on, I have it so that the previous drawing can be seen. Why I have the onion skin on it. So that way, when I paste the new drawing in, I can match it correctly with the previous drawing. So that way is in same position. Why would I have that in the same position? It so that way. But I moved the slider that red. Then you're seeing in the timeline When I moved that across all the drawings Aiken seeing frame by frame how the character will move it gives me a better idea of how the poses are, like, really good. Are they better? They met. You know, I first started using this approach, actually not in tune broom harmony, but on no something as simple as a piece of paper. But I do my animation on the light table. When I played out, my drawings for the animation are drawn a number of thumbnail sketches on a sheet of paper . I then thought because I had posted, you know, on my desk, I thought, you know what if I cut all these drawings up to the size of thumbnails, put them in sequential order. I were then scanned the drawings to the computer and crop ID. So that's just the one thumbnail sketch that I would see and then through Sony, Vegas or Platoon, who are then, like what you see here are then matchup the drawings with one another in the same place. So that way, when I see in motion, I could see higher moves and flows. Now, in this case, since I've done all my drawings off my thumb, you'll sketches here. You know, there's no need to scan or anything like that, like cutting paper up. All that's required of me as you see here, because I copy the thunder that I want. Like there. I pace into the new drawing layer, and I match it up with the previous drawings in the sequence. So just repeat, from before you see that I'm going back to my main page of thumbnails. I select the drawing and fund that you have the menu coming up. I select the copy option. I then go to being new Layer that I made. I paced the drawing and I move in to the area where all the drawings are located, which is right about there, actually surprised myself. I didn't realize how maney thumbnails I'd done for this piece. I think a I mean, what, like 35 thumbnails, which actually took me back. I didn't think I did that many poses. I thought I did much less. You know, again, that happens when you're in your work for so long. You don't realize how much work you put into until you stand back in. You really see the big picture, the big picture being in that first layer when you see all of your opposes together like there I thought, Well, I I didn't realize I spent too much time in You see that? I'm also enlarging and shrinking the drawings because, as you can, seeing on the original where the thumbnail sketches come in various sizes and right now you seem the thumbnails in motion. Now, I didn't render the animation. Where you seen is that I'm using that red slider in the timeline. I'm using that wedge slider to go through the drawings frame by frame. So that way, Aiken, seeing my thumb, you'll opposes in motion, which is pretty cool, because when I think of thumbnail poses or sketches the tension, I think of that emotion. So join us here is, you know, pretty awesome. I like seeing the thumbnail drawings in motion, and that completes our lesson into thumbnails. 8. How To Organize Your Animation: So now that we've gone through thumbnails, let's now organize We have made in this class. So here you see all the thumbnails that we've made in this class first layer and now the second layer. So now we're going to put these drawings away in a separate folder. You have class war on the bottom, and we're gonna make a class to folder Oh, name the layer were followed the thumbnails, thumbnail poses and no name the layer of the thumbnail animation thumbnail animation. Again, we're not gonna put this in the class one folder. We don't mix them up some gun, make a new group slash folder, and I'm going to name that group slash monster class, too. We think brain freeze thumbnails that's a class to thumbnails, misspelled it. There, very go. And I'm going to draw these two layers into the folder, and now it is part of that. So now we have now to classes and confusion with more to come 9. Class Recap & Project: Okay. Thank you, everyone. Now that you have finished, the second class lets you a quick recap what we were before we dive into the class project . First we learned what makes a thumbnail a thumbnail and living matter in the planning of our animation. Secondly, we learned how we go about drawing them and finally be previewed are thumbnails as a week animation to see how the poses flow. That all set, let's talk about the project will be working on for this class. Our task would be to create thumbnails for our animation, just like the ones from the examples you saw earlier in this class. There could be as many poses as you like, so long as they demonstrate the poses and mannerisms of your character. So for this class project, there will be two parts to it. First, take a screen capture of your thumb bills. All of one drying safe is either a J Peck or PM Gene. The second part. Copy and paste your thumbnails to a new layer so you can preview them as its own. You animation Removing the bad times slider in the timeline accordion style animation through screen cast O Matic. Then save your recording as the MP for post your J Peg and you're and before in the class projects gathering. And that's a real treat for the next class in Siris. Thanks for choppy in. See you later.