Posted on Leave a comment

Kids Animation Tutorial Part 2, Character Design Stage with Powerpoint

Welcome to my second instalment of an animation tutorial I am doing with my buddy Carlos Campos for our channel Kindertunes, where Carlos shows us his process for creating an animated video for kids, step-by-step, using Powerpoint and some other digital tools.

To recap our last animation tutorial + interview, Carlos basically was working on his “idea board” using Powerpoint, and coming up with some of the designs for the characters in this video he’ll be working on, which is going to be for the Christmas classic, “Rudolph the Red-Nosed Reindeer”.

This will be the song with both lyrics and vocals, with an animated video accompanying it, with character design and animations all by Carlos.

So, on to the next part of the tutorial. After Carlos finished up creating some models and elements in Powerpoint, he moved on to refining those models, which are essentially the characters and the animated elements that make each of them up.

Here’s a picture of how Rudolph is coming along.

Things, as you can see, are getting a bit more detailed, but they’re not completely refined to the point where they’re quite ready to be animated yet. This process can take a little while. It’s where the characters get all of their personality, so there’s a benefit to not rushing it along.

At the same time, you have to know a few things about Powerpoint in order to get anywhere here. As such, because I’m a Powerpoint newb myself, I decided to ask him some questions about the software and how it works in regards to animations such as these.

DF: When it comes to Powerpoint, what can you say about using this software in terms of advantages and such?

CC: PowerPoint is extremely versatile here, which is why I’ve come to appreciate it so much, and why it’s become one of my main tools when it comes to design software.

Essentially, it is part of the Microsoft Office Suite and is often used as a software for presentations. The “workspace” it offers acts like a sort of canvas and several of them can be used in the same project.

They’re known as “slides”. In each slide one can input information in the form of text, images, video… and each of this elements can be manipulated at will through the use of certain commands.

One of its main advantages is that programs from the Microsoft Office Suite have become nearly ubiquitous among computer users. They are available for both Mac OS and Windows.

This guarantees compatibility between platforms in most cases. The software is designed specifically for each platform though, which means that, for the most part, they both have the same features, but may still vary to some degree.

I personally use PowerPoint for Mac OS and use it to create the character models you saw earlier and, as PowerPoint also has the option to animate certain elements within and across slides, I can animate most of them directly in PowerPoint.

DF: So Powerpoint can animate? Tell me more!

CC: Sure thing! In the images from our project shown here, you can see how the animation pane actually looks in the PowerPoint interface.

As you can see, there are many elements that can be selected and different effects can be applied to them. For instance, they can fade or zoom in or out, spin, change color, grow/shrink, or blink, just to name a few possibilities.

They can also move across the slide in various set paths. It is also possible to combine two or more animations and apply them to the same object. Like a spin and a zoom-in, for example.

In the next image, you can see that the list of object visible has been shortened since a menu that was previously hidden was now made visible.

CC: This is the ‘properties’ menu. From there, you can select any animation you’ve applied onto any object. As you can see, the object that has been selected is called Circle Burst.

Again, I rename every object to be able to track it down and know which one it is that I’m working with. There are 3 types of effects: Entrance, Emphasis and Exit Effects. That’s a lot of E’s, I know.

The one I’ve chosen is an Emphasis Effect (in yellow). Combined with other objects and animations, it gives the effect of lines radiating from an object, like a flat explosion or a circle “bursting”, hence the name.

This is to signal that the object is appearing, and emphasize its position. From this panel, you can indicate whether you want the animation to start or end more gradually, have it happen more that once, decide how long you want it to be and if you want for it to play automatically or when clicked.

This is usually for presentations where there’s a presenter changing the slides, but in this case we want it to happen automatically. We can delay it for as long as we want to in regards to when the slide comes into view.

Slides can also have transitions between each other and fade in and out, have all sorts of wild and crazy effects or just change from one to the other seamlessly.

There’s a lot of room to play with these settings and with all of those options available, animating is made much more simple. There are certainly many other animation programs out there.

They can have a very steep learning curve or a ton of over-specific features, but they can also be helpful when working with 3D models or just really detailed stuff. It’s all a matter of personal choice and needs, I think.

DF: So how close are you to finishing this stage of things? It looks like there’s a lot of stuff laid out.

CC: Yeah! This is only one of the multiple slides to be used in this particular project.

Right now, there are over 30 slides in total! The story sequence of the song is almost done by now, and in relation to the video, I’m at a point where the song is almost over.
I’m very excited to share the final result with you!

DF: Will you be adapting all of this to another animation program?

CC: When needed, I complement the animation with the video-editing software I’m using. In this case, it is Shotcut. I also use iMovie sometimes.

There’s a neat green/blue screen feature that allows for the overlapping of two videos. That can be very useful for including new elements on top of the already existing ones.

Right now I’m working on another project which will probably require me to migrate to the Adobe Suite environment temporarily. That would be Adobe Animate software. Again, it is a bit more specialized and, in my experience, not as accessible.
Still comes in handy.

DF: Powerpoint files are interchangeable with this other software?

CC: In most cases, yes. It has a ton of export options, and there’s file conversion, too! Which is super convenient when working across systems.

I can transform it into pdf, then vector format, or turn PowerPoint elements directly into image files, or video! It’s something you don’t really get with other platforms.

DF: This is all thanks to Powerpoint?

CC: Yup! Some third-party software can be used if needed, of course. I think what’s most important is to have final product that works. Sometimes programs don’t behave well… lol. So that requires finding alternatives.

DF: What file formats are we talking here?

CC: Image-wise: .png, .jpeg, .tiff, .bmp, too! Video exports allow for MP4 and MOV or WMV I believe, depending on your version and operating system.

There’s PowerPoint’s native .ppt and .pptx, also .pdf as mentioned earlier. I believe there’s even a way to render elements as text, though I am not sure how that works or what it produces as an output as I’ve never had the need to use it.

With .pdf, .svg is also a possibility! I can then take it to some other program such as InkScape or Illustrator and verify/tweak it there if needed.

DF: Good to hear all of these formats are basically interconnected in some way. Makes it all easier.

CC: Boy, it does!! Haha

DF: Anything else we want to mention to the people out there? Or should we wait until the next lesson?

CC: I think we covered most of it for now! It feels like a little bit of a crash course on PowerPoint itself probably, haha, but we just talked about the basics here. It is just to give you an idea of what this software is about.

Of course, it’s not perfect, nor are any of the other applications out there, but I consider it to be a great tool. Going into detail over how every animation is done individually would take a huge amount of time!

Probably wouldn’t even fit in one article! Haha. Again, my advice to those who are interested in getting started is to just start playing around and try finding creative ways to translate your ideas and inspiration from other sources, and from the real world, into animated sequences.

Just give it a try! There’s also a bunch of tutorials online and checking them out certainly wouldn’t hurt!

DF: Sounds good man, let’s see where the next tutorial takes us!

CC: Can’t wait!!!

Lastly here, this is a picture of Carlos’ written notes that goes along with what he does with the software. As he says, he likes to write things down with a paper and pen as well, because it helps his creative process.
You at home might want to try this too!


Posted on Leave a comment

Kids Animation Tutorial – Part 1, Idea Board with Powerpoint

Today I’m chatting with Carlos Campos, professional freelancer and animator of many, many projects about what you might call his “workflow” when it comes to designing an kids animation project for a client using Powerpoint to start things off.

In this case, that client is…well, technically it’s me, since I commissioned it, although we are more like buddies in this animated endeavour.

What’s going on is that Carlos and I are working on a new animation channel for Youtube called Kindertunes featuring children’s nursery rhyme songs, which requires us to come up with animations of various lengths to provide content for the channel.

I wanted to talk to him about how he gets his inspiration going, and he gave me the lowdown on these first crucial stages of planning. Now I want to share all that with you!

Check out our Youtube Channel called Kindertunes here!

Generating Ideas for your New Animated Video

Carlos is a fan of coming up with what you might call his “storyboard” or “idea chart” in Powerpoint, where he can design the characters who will appear in the animation, and then do some editing of those characters to work on their aesthetic looks and expressions.

He can also design background elements and play with those as well. This would essentially be the first step in what will become the animation that will be used for the video.

So it’s an important step to take, but it can also be one of the most fun because it involves creating a lot of the visual elements of your cartoon, or animation and doing a lot of brainstorming.

For instance, our new video is for a Christmas song (as Christmas is around the corner), and here’s his version of Santa Claus.

I don’t know a whole lot about Powerpoint myself, so I’ll let Carlos jump in here and say a few things about what he’s up to in this first stage of planning your animation.

I will also jump in and ask a few questions to get more info.

Interview with Carlos Campos on the first stages of animating using Powerpoint

Carlos: Alright! So, I took a bunch of snapshots of my “workspace” you could say. This is basically showing what the project files look like. It shows the first and second stages of the creative process.

First comes what I call the “mood board”. I know some people call it different names. I just go with that, because I like it. It’s pretty much any external source of inspiration.

You include it within your space (be it physical or digital) and keep going back to it while designing. It’s a lot of fun, ’cause you start connecting the dots, so to speak, and create different relationships between the chosen objects.

So if I’m creating, let’s say, a logo, for a company called Evil Apples Entertainment (nice name right?), I’ll take into account whatever the client wishes to include in the design and see how we can work it in.

In some cases, I might advise them to drop certain elements or include certain others, maybe just change a thing or two about the ones they mentioned.

Dave: Can we take a look?

Carlos: Yeah! So this is the mood or idea board for this particular project. The song will be “Rudolph the Red-Nosed Reindeer” – a Christmas classic.

So the animation, being mainly for kids but also adults too, has got to be fun, colourful and festive!

Dave: Looks cool! Looks like you’re working with a few templates to get some ideas.

Carlos: Thanks, that’s right. I take a look at those items and see what vector shapes might help me better represent the style and ideas behind the project at hand.

In this case, since the graphics in the previous video lacked an outline (referring to our Itsy Bitsy Spider video), I’ll try to steer away from using them here, to keep the graphic theme consistent.

We want to have a visually similar look from the last video to this one, I think. It will make it all look more consistent. We’re basically coming up with our style of how the cartoons or animations will look.

Next, I look at icons, logos or vectors already on the web and maybe inspiration outside of the target field.

So, not just Christmas maybe but also actual pictures of deer to see if there’s any anatomical features that any drawing may be missing (e.g. spots, a tail, more realistic antlers…)

Then see if I wanna include that. Next I go to creating shapes, editing them, etc. I’ll show you that now. The idea is to make them “easier” to edit.
Here’s a Christmas tree that will be part of the video. As you can see, certain shapes repeat.

Dave: Nice, yeah I see. Lots of different shapes…

Carlos: Yep, a few different elements here. I am just kind of working on the fly a little bit. Some people do it in a way that’s more rough-and-ready.
Some are super nit picky.

I consider myself being sort of in-between. Hahaha. But yeah, I mean, the creative part is not something you can teach or reproduce just by having the knowledge.

Dave: All part of the workflow I guess. Getting some ideas going. No need to be super picky right away.

Carlos Campos: It does help to be somewhat organized. Otherwise it’s chaos. Lol.

Dave: Never hurts to have a plan eh?

Carlos: Exactly. Anyway, as you can see in the “Model: Rudolph (elements)” slide, I create a bunch of shapes and then put them together to create the actual model which will then be animated.

So if I want to make the arm pivot or move or something, I have to keep it on a separate “layer”, so to speak. But yeah, even if they might resemble elements from my mood board, I have to come up with all sorts of crazy ways to make them work on my project.

Carlos: Also, on that one you can see how I name every element to be able to track it down when there’s tons of shapes and pictures all over the place. It’s not rocket science, but it does take patience, creativity, organization…It can be very time-consuming, too, haha, but I like it.

So in the snow slides you can see I get to select the elements, edit them (make them bigger, taller, larger, change colors, shadows, dimension, glow, position…), animate them…There’s the Santa model which is more recent.
I made that yesterday.

Dave: So this is all in Powerpoint?

Carlos: Yes. So far, it’s all on PowerPoint. And for the tree, I wanted it to have some cool, fun decorations to avoid it from looking too traditional.

I thought that a funny way to generate interest with the decoration would be to make the connection between Rudolph’s nose, Santa’s nose (they’re the exact same), and the Christmas tree spheres.

I’m gonna let the viewers know that they’re the same thing (noses) by using the same animations. It’s just an idea.

Dave: Well, I see you’re coming up with a lot of ideas at this stage in the process. Nothing is moving yet, but I can see how it will soon enough.

Carlos: Won’t be long! I really hope this can give you a better perspective of how I work and what goes into the designs and creation of the videos!

Dave: Once you’ve got enough ideas, then what?

Carlos: Yup. Once these ideas are ok’d, I move on and create the settings and start the animating. Add music, then edit the video file…it’s not necessarily a long process.

Dave: Cool. So what do you call this stage in the process…character development? Storyboarding? Idea board? Is there a name that covers what this is?

Carlos: Storyboarding might be a good way to put it, but there’s no plot progression yet. So character development might be the best term. I just consider this my idea board and I work off of it for now.

I mean, to me, it’s just sort of drafting I guess. I know it’s not that actually, haha, I guess I never give it too much thought, I just do it.

Dave: Well I feel like I’m learning a lot here, man, thank you! Hopefully my readers on the site enjoy this as well.

Carlos: Cool! We’ll have to document the process as we go along. This is just Part 1. We’ll come back with the next step in the process, and I’ll share that as well.

Dave: Sounds good. I’ll leave people with our first video so they can see what we’ve been up to lately. See y’all next time!

Carlos: Bye!

Read part 2 of our animation tutorial with Carlos Campos