How To Animate Warrior Cats With Photoshop

Oh yay! Another tutorial! So, today I'1000 going to be showing you all the basics of animation and some tips to making amend and smoother piece of work. I started animating when I was 12 because of warrior cats. It was more similar bare minimum of frames to make Firestar sing, though. I didn't actually get back into it until this year, and in no way am I amazing in any fashion. Only I wanted to share tips to get started and meliorate.

Too UM Hello THERE Characteristic :ok_hand: and a post characteristic #waquality absolutely incredible

Today I will cover:

i. 12 Principles

ii. Programs

iii. Common mistakes

:black_nib: :runner: ‍♀ :walking: ‍♀ :runner: :walking: 🖋

The 12 Principles of Animation

These are the most of import elements to go along in mind when starting out. Some are definitely more important than others.

1. Squash and Stretch

This is the most important, and fifty-fifty if yous aren't animative in a super cartoony way, yous will need to empathize this. This action gives the character and objects weight and flexibility. Without it your character would be stiff and robotic. Think of just a basic bouncing brawl animation- when the ball hits the ground it squashes, and when it goes up and falls down theres the stretch.

────

2. Anticipation

Before you do an action, you always exercise something else beginning. This principle is of import for making sure your movements are more organic. You have to bend your knees before you jump! The cat y'all're animative shouldn't just go right into an activeness- they need a couple frames to start upward the action. This works for setting up a scene well, if the cat is going to pick upwardly a piece of prey it should glance at it first, or identify a paw well-nigh it- anything to bring attention to it and make it easier to process.

────

iii. Staging

This is more than for setting a scene, using lighting or setting or expression ect. Similar what I was proverb in Anticipation, you need to make information technology articulate whats about to happen to the audience. If you accept 2 characters in the foreground talking and some other character is about to show upward, pan over a bit so the new graphic symbol volition bear witness upwardly in the center of the frame.

────

4. Direct ahead & Pose to Pose

These two are methods of blitheness. Many new animators use straight ahead- Only when animating characters, it's a much better thought to use Pose to Pose.

Straight ahead animation is when you lot depict the first frame and simply keep animating. This works for more abstract work, elements such equally fire or water, or some objects.

Pose to Pose is when you draw the first frame then the last, adding keyframes between those, and so even more frames between those. It's an easier method, every bit it allows y'all to go along each drawing more consistent and smooth. I apply this for nigh everything.

────

five. Follow through

Follow through is pieces of the character that lag behind naturally. Say the cat youre animative comes to a quick stop. The front legs would be the first to cease, then torso and head, then back legs and ears, and finally the tail.

────

vi. Slow in & Irksome out

Another very of import one. Rather than your character coming to a complete cease/go or going the same speed throughout an activity, you add more frames at the get-go and/or terminate depending on the activeness. A graphic symbol turning to the left apace would have more frames on the end equally it settles in the position.

────

7. Arc

Arc is necessary to having natural and fluid movements. If your character or object doesn't follow a movement arc, it'southward going to look erratic or mechanical. When you move your artillery they arc upward and down. There's a natural arc shape in walking if y'all follow the path the head takes.

────

8. Secondary Action

These actions go along with the chief action to give the character more than life. Having the tail and ears behave a certain style while a cat talks or walks will aid show their emotion and attitude, along with making information technology overall more fun to look at. If you graphic symbol is singing along sadly, add a few limp tail movements, make the ears go back, have the pupils look down and paws elevate against the dirt. the dirt that they are. im looking at you, every ashfur amv

────

9. Timing

Timing is simply how many frames it takes for a movement to get done. Adding more than or less reflects personality of the character and tone of what is going on. Ho-hum drawn out movements evidence a tired or one-time character or pitiful or at-home song, while quick erratic movements testify an energetic or immature character in or intense or upbeat song.

────

ten. Exaggeration

Self explanatory, exaggeration is exaggerating a characters movements and emotions. Now, keep in mind, even if you're doing animation with realistic manner you should ever exaggerate merely a picayune- or it's gonna end up kinda boring and may fifty-fifty await unnatural. You don't demand to go crazy like with my silly example gif below, but just a piddling goes a long way on the finished product!

────

11. Solid drawing

Solid drawing is making sure that the mass and shape of your character stays consistent through your animation. This is the largest issue young and new animators have, and it makes or breaks a polish animation. When squashing or stretching you have to make sure the grapheme or object's shape and size is consistent, like if you lot flatten it y'all take to stretch out the sides. If your character is running, parts of the torso tin can't compress or go bigger. Pose to pose helps avoid these issues.

────

12. Appeal

This is simply having a adept pleasing graphic symbol. Now, this doesnt mean your character has to look pretty and stuff- there are enough of ugly characters with appeal. For example, Olaf from Frozen is a really bad grapheme design. he doesn't accept good appeal. hes not good to look at- id argue fifty-fifty Minions have more appeal than him. While Yzma and Cruella deVille have so much appeal- their designs are genius for reflecting their character, fifty-fifty though they are ugly it's nice to await at them.

:black_nib: :runner: ‍♀ :walking: ‍♀ :runner: :walking: 🖋

Programs

A lot of people are discouraged from animative because they don't think they have anywhere to practice information technology.

Yous don't need a programme made for animation to learn, while having Flash/Adobe Animate or Toon Boom may seem necessary, they aren't. I use Toon Boom Studio version half dozen (Meanwhile the most current is like eleven) to brand full animations, but I just employ the app SketchClub and it's power to export gifs to make petty practice things. Photoshop and FireAlpaca as well have gif capabilities if you apply the computer. Hither is what I recommend to outset animating:

Windows motion-picture show maker or iMovie, depending on if y'all accept PC or Mac. Both are free. Draw out the frames in FireAlpaca (Costless), Photoshop, or Pigment tool Sai (PC) and you tin can hands put them together in your movie making software. Take advantage of layers.

Toon Boom Harmony and Adobe Breathing (previously Flash) are well known high stop studios. They have a heafty price tag for the newest versions, just if yous are admittedly committed to learning animation I recommend them. College and some Highschool students may go free access or great discounts, Only it depends on the school and your courses.

There are plenty of animation apps for iOS and android- although finding a practiced one is hard. I'd suggest searching around a bit, the just decent free i for both platforms I know of is Flipaclip. Others are complete garbage or paid- but really nada over most $10.

:black_nib: :runner: ‍♀ :walking: ‍♀ :runner: :walking: 🖋

Mutual mistakes

I mainly encounter people rushing into it without knowing the basics. I did this, and really yous won't get anywhere if you accept no clue on what to do. At that place'south more to blitheness that a few switching frames and tweeting. Now I'm not trying to bash anyone or annihilation, I'm non some anti animation meme jerk. I've seen lots of well blithe memes, and at that place's zip wrong with making lilliputian cute things for yourself to have fun. But if yous wanna go skilful and make quality frame by frame work (Or proper puppeting/tweening) you need to do research. Really learn those basic principles. And if you desire to make tweened animations- delight be careful. Majority of them really don't look good. Tweening is short for inbetweening, which is frames betwixt keyframes. In wink, y'all basically yous take an object and movement it from betoken A to indicate B and the program automatically slides it over for you lot. I encounter this done wrong constantly, creating overly polish uncanny valley mechanical movements. I've done information technology before. Proper tweenong is used sparingly and in sure situations. If you really wanna make polish animations without drawing frame by frame you demand to brand a puppet- a very usually used affair in mainstream 2nd animation, such equally My Petty Pony or Rick and Morty. If you don't take a program that can brand puppets, find a way to simulate it properly.

Lastly, I want to quickly mention the frames per 2d yous should be working with. 12 and 24 FPS are standard. When puppeting you can use 24 FPS, or animating on ones, but exist conscientious as you don't want it to have the overly smooth look. If y'all choose to do frame by frame manus drawn in 24 FPS I guarantee yous are digging yourself a grave- it will actually be harder to keep consequent and shine, and many frames will go by unnoticed. If you are doing a very fast intricate motility yous may as well do ones, but again be careful.

I recommend 12FPS, aka animative on twos. This is the correct number to proceed both amount of work and illusion of move in check.

That's all I got! I'd be happy to answer whatever more than questions. I promise this was helpful! :two_hearts: :sparkling_heart:

#leaderreview

#curatorreview

ithinkthosetagsgetmeattentionright

edit: HAHA OMG when ur animating and u become a notification for your own postal service

Source: https://aminoapps.com/c/warriors/page/blog/animation-where-to-start/0Xxe_q7TkubjZKQEM7kl4ZMXYdlmeG4aK

Posted by: bojorqueznothat.blogspot.com

Share this post