Animation lesson online in Russian. How to create an animation of a saxophonist? Let's sort out homework
And will be posted as I write it)
Creating a video avatar
To be more precise, this lesson is devoted not so much to creating, but to designing a video avatar. That is, it implies that you already know the very principle of creating a video avatar.
The lesson consists of two parts: transitions and lighting. It is best to work with anime videos because... I can’t guarantee that the effects will be suitable for the “life” video, but that’s up to you.
You don't have to do all the transitions in the same order as I did and use exactly the same settings. If you see that in your particular case the transition with these settings looks too sharp or, conversely, too smooth, then reduce or increase them to your taste.
1) Create a basis for the avatar, i.e. cut your shots.
(!) There is no need to immediately cut off the layers along the avatar border.
Why? Have you ever encountered this problem where you cut layers along the edge, and then apply effects like shift or warp, and the edges stretch, forming unsightly stripes? You and I don't need this.
On average, an avatar can have from 4 to 7 moments, i.e. small segments between which there will be transitions. The normal number of frames is from 50 to 80.
I will have 8 moments and some of them will be quite short, but this is mainly to show more different transitions.
Here's my base:
- 
-
2) I said that there is no need to cut along the border, but you can’t leave it the way it is now.
So go to Image > Canvas Size and set the width to 150 pixels:
- 
-
Then we take the “Frame” tool and crop the avatar along the border that we have now. Then we return the original canvas size.
Let's get down to the transitions themselves.
3) 1 transition.
I will make 4 layers for it from two points, which I will connect:
- 
-
(I will say the names of the layers that are on my screen so that it is clearer to you which layer I am working with)
I copy Layer 6 and on this copy go to Filter > Distort > Curl and set the Angle to -150.
Then I set the Opacity to 35% and merge it with Layer 6 (Click right click mouse > Merge with previous).
I copy Layer 7, set the curl to -300, opacity to 55% and merge it with Layer 7.
I copy Layer 8, curl -450. Then I go to Filter > Blur > Radial and set the following settings:
- 
-
Opacity 75%, merge with Layer 8.
On Layer 9 itself, twist -600, blur with a degree of 20.
4) I’m doing the second part of the transition.
On Layer 10 I set a radial blur with settings:
- 
-
On Layer 11 I reduce the degree to 75. On Layer 12 - 50, Layer 13 - 25.
5) I arrange three inner layers one at a time. That is, I place Layer 10 above Layer 7, Layer 11 above Layer 8, Layer 12 above Layer 9:
- 
-
On Layer 10 I set the opacity to 30% and merge it with the previous one.
I do the same with Layers 11 (opacity 60%) and 12 (85%).
The transition turned out like this:
- 
-
6) 2nd transition
I will work with these layers:
- 
-
On Layer 16 I go to Filter > Blur > Gaussian Blur and set the Radius to 2.0.
On Layer 17 I change the radius to 4.0.
7) Copy Layer 20. Go to Filter > Distort > Wave, set the following settings:
- 
-
(choose the option yourself which one is best)
Next, I set the Radial Linear Blur with a degree of 25. Opacity 40%, merged with Layer 20.
I copy Layer 19, make a wave, increasing the amplitude:
- 
-
I set the blur to 50, opacity to 65%, and merge it with Layer 19.
I copy Layer 18, do the same thing: make the amplitude of the wave 15, blur 75, opacity 85%, merge.
Because It seemed to me that the transition came out too sharp, I manually make several intermediate frames between these layers (i.e. 3 transition layers and two more at the edges):
- 
-
This is how the second transition turned out:
- 
-
9) Third transition
For transitions I use 4 layers on each side:
- 
-
I copy Layer 23, on the copy I go to Filter > Blur > Motion Blur, set the settings:
- 
-
Next Filter > Other > Shift:
- 
-
I set the opacity to 40% and merge it with Layer 23.
I do the same with Layer 24 (the same blur, changing the shift to +16 and opacity to 60%) and with Layer 25 (shift +24, opacity to 80%).
I don’t copy layer 26, I blur it on it itself, shift +32.
10) On Layer 27 I make a radial blur with a degree of 100, on 28 - 75, on 29 - 50, on 30 - 25
11) Arranging layers:
- 
-
And I merge with opacity 25%, 50% and 80% on layers 27, 28 and 29 respectively.
12) The transition can, of course, end here, but I will add “circles on the water” there.
To do this you will need the Water Ripples filter from the Redfield plugin.
You can download it from this link.
IN Lately More and more often, letters are coming through the site with questions about where to start learning flash. I’ll publish a few, I think it will be interesting for many beginners. The answers are solely my vision and my experience, which does not mean at all that if you do it differently, nothing will work. For those interested, read below (the spelling and grammar of the messages have been preserved). And if you are not a beginner, then you will definitely be bored and tedious reading this :)
“hi)) my name is Nico, I’m from Tajikistan and I have a great desire to become a flash animator, but I just don’t know where to start, I found your site there are a lot of useful things, but for me, a beginner, they are still difficult. please advise me where to start learning flash animation)) I will be very grateful . and write down how you draw, should I buy a vakom bamboo pen and learn to draw on it”
Niko, you have the main thing - desire. If it does not evaporate in a couple of weeks or months, then the result will be. Where to start - with the hardware.
1. Buy/download a flash tutorial from the Internet. Take one of latest versions(Flash Cs4-Cs 6), forget about textbooks on Macromedia, FlashMX, this is already the last century in the literal sense. Although much has not changed in flash since then.
If you are planning to learn Action script (and for a flasher, knowing at least the basics of as, I think, is simply necessary) - stop at c As3. As2 is slowly becoming a thing of the past, we will keep up with the times.
Since I studied flash for a long time, I cannot recommend any specific publications because I am not familiar with them.
You will probably be very surprised, but all books on learning flash contain the same information :) This is especially true for books for beginners.
I really liked the How to Cheat in books Adobe Flash in English from flash animator Chris Georgenes (he writes lessons on flash animation for Adobe).
This is a series of books, they are republished for each new version of the flash. If you know English Language is an excellent book, pleasing to the eye with wonderful graphics.
Download How to Cheat in Adobe Flash in Cs5 together with the disk you can.
My study of flash began with a tutorial. What personally helped me in learning Flash was not the textbook itself, but the video course that came with the textbook. Therefore, let's move on to point No. 2.
2. Video lessons.
I think that video lessons are the most effective, since I myself studied Flash using a video course.
3. Another thing about learning flash animation is that you can’t do it without a program like Swf Decompiller. This is a breaker of SVF files, that is, ready-made animations. That's what we're talking about. It allows you to view (not steal:) the work of pros, and is very helpful in learning flash. You take a completed piece of work and look at it on the timeline to see how it was done, and try to repeat it. The animation is not always displayed correctly - masks, twins, but the principle can be understood and taken into account.
4. It is very effective to learn flash using specific examples. Set yourself a goal to make an animation according to an imaginary scenario - for example, an animation of a moving car along a certain trajectory. When there is an end goal, it is easier to teach.
5. If questions arise during the study, you can leave them here or in the community in topic. Or on any other forums where flashers live.
The largest flash forum that I know of is flasher.ru. So, dear beginners, take advantage of the benefits of the Internet and this resource in particular :)
6. And one more thing important point. In order to do good animation– it would be a good idea to refer to textbooks on classical animation (especially if you want to learn how to animate characters, and not just text blocks for banners).
Having mastered flash as a tool, you will become not exactly an animator, but rather a “mover” who knows how to move objects.
There are plenty of books on classical animation - stop first at "Timing in Animation", you can take it.
Regarding where to get Adobe Flash. If you want to find or take something, then better than google there is nothing. He knows everything :)
Is it possible to learn how to work in Flash on your own? This is quite possible, almost all the good flash animators I know taught themselves flash, without courses or exams. Patience, hard work - and everything is in your hands. I’ll even say this - I don’t know flashers who attended the courses, they taught everything on their own.
“Thank you for the blog, I found a lot of useful things for myself.
I am a pure vector designer, and it was not difficult for me to draw in Flash. The problem started when it came to animation.
Could you make a lesson for the most brainless, crooked noobs)) So that even I would understand))"
( tara )
There will be an animation lesson for beginners. I can’t imagine how to fit everything into one lesson, I think it will be a series of lessons. I was sure that the Internet was full of lessons for beginners, but for some reason they are often asked for. So stay tuned for updates on the website and
Name: Basics of animation. Theory of Animation. Anime Studio Pro for Beginners
Author: Alexander Ptichkin
Released: 2013-2015
Genre:
Language: Russian
About the video course: Have you long dreamed of learning how to create cartoons, but don’t know where to start? There is a solution, the video tutorials presented are a great chance to learn how to create cartoons from scratch. After studying the lessons, you will learn from scratch how to work at a basic level in the Anime Studio Pro program, learn how to create raster and vector characters, lay “bones” in them and configure them for further animation, learn how to correctly output animation from the program, etc. The lessons are aimed at teaching you how to create animation, and not just repeat all the mouse movements after the Author. And if you really want to learn how to create your own animation and cartoons, then these video tutorials are what you were looking for, and all you need is motivation to learn!
Basics of Animation
A special course for beginners on learning to work from scratch in the Anime Studio Pro program. In the course of 7 lessons, the Author undertakes to teach you, from scratch, how to work at a basic level in the Anime Studio Pro program, teach you how to create raster and vector characters, lay bones in them and configure them for further animation, teach you how to correctly output animation from the program, etc. At the end of the course, you will create your first 10 second video with animation and sound in mp4 format.
Creating the first outline of the cartoon
Modeling the vector character “Bird”. We lay bones in it for animation, and animate the flight into the distance. We also work with the animation of the camera in the program and lower it onto the road, so that in the next lesson we can move on to creating the background of the cartoon.
Creating the background of the cartoon
This is a close-up of the "car" character. We lay bones in the character and animate the character’s movements along the road.
We create overall plan streets
We continue to animate the car. We bring it to the house and hide it behind it using masks in the program. We also create the “Door” character, lay out the bones and animate the swing of the door.
Render
In this lesson we learn how to make a Render from the Anime Studio Pro program, that is, we learn to output animation for further assembly and into a video in Adobe After Effects.
Editing in Adobe After Effects (Ae)
We learn to work at a basic level in Adobe After Effects (Ae) and assemble our material into a finished video in mp4 format. As a result, at the end of this lesson we ended up with an as yet unvoiced video in mp4 format.
Mixing in Adobe Premiere Pro (Pr)
Learning to work at a basic level in the Adobe program Premiere Pro(Pr). We import our video recording from the last lesson into it. We import audio tracks into the program and learn how to work with them in the program. We voice our composition and once again output it only with sound from the Pr program. The output is a video with sound in mp4 format.
Theory of Animation, Editing, Voiceover, Preparing files for animation, etc.
This section contains the laws of animation and the stages of creating a video, such as: how to make a storyboard, what plans to take and how to edit them together, how to prepare files in Adobe Photoshop for further animation, and also contains lessons on: character creation, settings, rigging, animation, gait, voice acting. We do all this in Anime Studio Pro.
What frame rate to choose for shooting cartoons and videos
In this lesson I will tell you what factors to focus on when choosing the frame rate of a cartoon or video (film).
Ways to optimize Render. How to display animation correctly
In this lesson I talk about 3 ways to optimize and reduce file size when Rendering in Anime Studio Pro for further editing in Adobe After Effects or Premiere Pro
Organizing the work on a project in Anime Studio Pro + common mistakes beginners
In this lesson, I tell you how to correctly organize work on a project in Anime Studio Pro, so that it is more convenient for you to work and the program does not make mistakes in its work.
Preparing (.png) a character in Photoshop (.psd) and importing into Anime Studio Pro (.anme)
In this lesson I will tell you how to prepare our character in Adobe Photoshop, most often it is jpg or png picture, for further import psd file and animation in Anime Studio Pro.
Concept: “Degree of stylization of a cartoon” Which one to choose for work?
In this theoretical lesson I will talk about the concept: “The degree of stylization of a cartoon” and making the right choice her for further work(possibly for life).
Sound in a cartoon - Where to get it and how to record it yourself?
In this lesson I will tell you where you can take music for free without violating someone’s rights ( background noise) for cartoons, clips, etc. and how to record them yourself with using Adobe Premiere Pro and Adobe Adobe Audition without the use of special equipment!
Preaction and Afteraction. Their role in animation
In this lesson we will talk about two components of action - Pre-Action and After-Action and discuss their role in animation.
Stretch and Squash - Animation techniques. When is it used and what is given?
In this lesson I will tell you when the Stretch and Squash animation techniques are used and what they do in different situations.
Animation: Walking and Running. Principles and procedure for creation
In this lesson I will talk about what gait is and how it differs from running. Also, I will talk about the procedure for creating a gait.
Principles of editing plans by size, phase of movement, composition, orientation in space, speed
In this lesson we continue the conversation about editing plans and we will talk about 9 principles of editing plans, such as: by phase of movement, by composition, by orientation in space, by speed of movement
Storyboard and Animatic. Types of animatics and their applications
In this lesson we will talk about the stages of creating videos (cartoons/films), namely about Animatics, Stylomatics, Videomatics (types of animatics) and Storyboard.
Types of plans and the basic principle of installation of plans: “By size”
In this tutorial I will talk about 7 types of plans i.e. “Panorama”, “Very General”, “General”, “Medium”, “Large”, “Very Large” and “Detail”. I’ll also tell you about two rules for editing plans: “By size” and the second “By the position of a person in space (in the frame)”
Timing, Spacing, Animation curve
In this lesson I will talk about two basic laws of animation - these are: Timing and Spacing. I will also talk about the procedure for creating animation. From animatic and animation curve to realistic actions. It doesn’t matter where you create animation: be it Adobe After Effects or Anime Studio Pro - the laws of animation are the same for everyone!
Creation, rigging and animation of a vector character. Part 1
In this lesson, using the example of the dude from Dumb ways to die, I tell you how vector characters are created and configured for animation in Anime Studio Pro
Creation, rigging and animation of a vector character. Part 2
In this tutorial we will create an animation of the character from the video Dumb ways to die. We will also work with masks and make a mask for combustion and a mask for spraying particles. The lesson will also cover the topic of particles and we will make our own set of particles.
Anime Studio Pro for Beginners
This section presents basic lessons on working in Anime Studio Pro, as well as using third-party programs.
Content:
Review of Anime Studio Pro. Let's create our first high-quality animation!
In this lesson I tell you how to work in Anime Studio Pro. (I do full review programs) - I talk about settings, panels, render, etc. We will also create your first high-quality animation - a bouncing ball - and display it using the Adob Premiere Pro program in the form of a video in mp4 format.
Key frames. "Time of action". Timeline. Anime Studio Pro
In this tutorial I talk about the Timeline panel in Anime Studio Pro. I also talk about key frames, interpolation, action time, and graphs by which you can change the interpolation of keys, thereby changing the animation.
Layer settings: 3d, perspective, shadow, transparency, blur in Anime Studio Pro
In this tutorial we will talk about layer settings in Anime Studio Pro. Namely: 3d, perspective, image noise, shadow, transparency, blur, etc.
Physics in Anime Studio Pro - Breaking up text
In this tutorial we will create a scene and configure it using physics properties in Anime Studio Pro. Create breaking text. I will also show you how to break text into shapes.
Physics in Anime Studio Pro - Pinwheels
In this tutorial we will create a scene and configure it using physics properties in Anime Studio Pro. Create rotating objects and set up rotation.
Masks in Anime Studio Pro
In this lesson I talk about one of the most powerful aspects of the program - masks and how to use them. Nowadays no one is made without masks normal operation- and their principle is the same everywhere - hide or show the object we need in a given area.
Create Reflection + Shadow in Anime Studio Pro Part 1
In this tutorial we will create realistic reflection in the water from the character.
Create Reflection + Shadow in Anime Studio Pro Part 2
This is the 2nd lesson and we will add a shadow from the sun to our composition.
Create Reflection + Shadow in Anime Studio Pro Part 3
This is the 3rd lesson and we will add an artificial shadow from a lantern to our composition. We will edit and finalize the final project in Adobe Premiere Pro and output it as a finished mp4 video file.
Detailed lesson by shadows from characters in Anime Studio Pro + Mask + Voice acting
In this lesson we: let's make a shadow from the dragon. We will also make a mask with which the dragon will hide behind a tree. We'll edit and sound it all in Adobe Premier Pro
Blend Morphs in Anime Studio Pro
In this tutorial we will learn how to create actions in 1 frame and learn how to use the Blend Morphs tool
Create an Equalizer in Anime Studio Pro. Audio Wiggle Review
In this tutorial we will get acquainted with the "Audio Wiggle" tool in Anime Studio Pro and use it to create a single strip Equalizer. Where can this effect be applied? For example, we are making a TV and we can make an equalizer for it so that it twitches to the beat of the TV show that is on TV.
Inverse kinematics in Anime Studio Pro. Script for the program
In this lesson we will talk about a script that allows you to create inverse kinematics in Anime Studio Pro.
Adding a vector point during animation and preserving the animation
In this lesson we will talk about a script that allows you to add vector points during the animation process while preserving the animation itself - that is, the point itself will move along with the character as if it were animated and participated in the construction of the character from the very beginning.
Theory of animation in 30fps and OnionSkin (frame clearance)
In this tutorial we will talk about how to create animation in 30fps (30 frames per second) and also about the OnionSkin function (frame illumination) for creating higher quality animation in Anime Studio Pro
Setting the trajectory of movement. Closed and broken trajectory
In this lesson we learn how to set and configure the trajectory of movement in Anime Studio Pro. Follow Path Tool Overview
Mixing two or more actions in Anime Studio Pro
In this lesson I will tell you how to rationally combine several actions together, for example: “transition from a gait to a standing position” or “from a standing position to running”, etc.
New additions to creation and animation in Anime Studio Pro 11
Recently released a new version Anime Studio Pro 11 program. And in this lesson, the Author talks about how to work in the program and also about all the changes regarding the creation of characters and animation relative to the past key versions programs such as Anime Studio Pro 8 and Anime Studio Pro 9.5.
Released: Russia
Duration: 15:14:04
File
Format: MP4 (+ additional materials)
Video: AVC, 1200x800 / 1152x720, ~750-1300 Kbps, 30,000 fps
Audio: AAC, 157 Kbps, 44.1 KHz
Lesson description
Complexity: for beginners
Duration: average
(what we will create)
In this Photoshop lesson we will create a cycle of animation of a man running in place. In order to turn our creation into a movie, it will be enough just to add a background that scrolls from right to left. Animating walking and running characters is not the best simple task, but, nevertheless, it is a very entertaining process!
1. Character Animation
Step 1
Let's start by adding guide lines to the canvas that emulate the plane of the base. When creating animations for both running and walking, I like to designate the ground plane separately for each foot. This will make the gait more realistic.
The animation of running and walking is very similar. When a character walks, his head is at the highest point at the “transitional” moment of stepping from foot to foot. Then, the character leans on the other leg and rises slightly on it.
When a character runs, he or she leaves the ground with both feet at some point, whereas a normal step always leaves at least one foot touching the ground.
Step 2
Let's start the drawing with the pose shown below, where one of the legs makes contact with the ground with the heel.
I usually make such drawings in a free, relaxed manner. Also, before adding arms, I recommend working out the poses and the animation itself.
Step 3
We place the second leg. Notice that in the picture below, the foot of the leg farthest from us is completely touching the ground. The leg closest to us (the character's right leg) is about to begin to move forward at this moment. Notice how the right leg overlaps the left leg as it moves.
Step 4
Let's start working on our third drawing. Taking into account the fact that we are working on a cyclic animation, and our character will run while remaining in place, his left foot (the one that completely touches the floor) should “slide” back, while the right leg will move forward.
Step 5
Figure – 4: The right leg is brought forward.
In the picture below you can see how I superimposed the remaining “stages” of the running cycle on our first four pictures. The first drawings are indicated in black. Notice the change in shape and position of the foot as it “slips” backward. This is what creates the illusion of running in one place. Subsequently, you can add a scrolling background to this animation.
Step 6
Figure – 5: soaring up! Both feet leave the ground.
Please note that in Figure-5 the character is located higher than in Figure-6 shown below.
Step 7
In Figure 6, the character is still in the air, but is about to touch the ground with his forward foot.
Step 8
In Figure-7, the character's foot finally touches the ground (heel first). Next, we simply repeat the just animated movement, only for the character’s other leg.
Step 9
Here you see that the foot closest to us has completely sunk to the floor and rests on it with the entire surface of the sole. Try to ensure that each drawing is fairly well balanced, otherwise it will appear that our character is falling, unbalanced.
Step 10
Just like earlier in the case of the right leg, you can observe in Figure-9 that the character's left leg farthest from us begins to move forward. Draw with ease! Don't be afraid to even draw how the left leg connects to the character's lower torso even though we can't actually see it.
Step 11
Lift off the floor. In Figure 10, the supporting leg pushes the character up. That is, we again repeat the process done earlier, but for the other leg.
Step 12
In Figure 11, the character again completely breaks away from the plane of the floor.
Step 13
In the picture, character 12 is still in flight, slightly shifted forward and down. And since we are creating a cyclic animation, when it plays, picture 12 will be immediately followed by picture 1. Great job!
We did a good job. Let's see what our animation looks like: at this stage. I think it's great!
Here I've highlighted the leg closest to us in red so that you can more clearly see the movement of each leg.
2. Hand animation
During the animation, the right arm typically moves forward while the left leg moves forward. Then, as the right leg begins to move forward, the left arm also moves forward.
Step 1
So, let's add hands to the character. The leg farthest from us is in front, as is the arm closest to us. The leg closest to us is in the extreme rear position, just like the arm farthest from us.
Don't worry about the details. Work in a sketch style until you are completely done with the animation. You can leave the details for later. In my case, the hands are stylized with simple strokes.
(add hands to picture-1)
Step 2
At the moment when one leg overlaps the other, the arms are also somewhere in the middle stage of their movement. Here they seem to meet, approaching the body as closely as possible from different directions.
(hands added to figure-2)
Step 3
We work more actively with our hands!
The left hand begins its movement forward, simultaneously with the right leg, which is also carried forward. At the same moment, the hand closest to us (right) moves back synchronously with the leg farthest from us “sliding” back.
(adding hands to the drawing - 3)
Step 4
Let's continue! We work in the same free manner. Pay attention to the position of the arm closest to us, which is moved even further back, along with the leg farthest from us, which is in the extreme rear position.
(hands added to the picture - 4)
Step 5
You're doing great! Do not stop!
(add hands to the drawing - 5)
Step 6
Finish with hands
(hands added to the picture - 6)
(hands in the picture - 7)
(hands in the picture - 8)
(Figure 9 with hands)
(Figure - 10 with drawn hands)
(hands in the picture - 11)
(hands in the picture - 12)
Let's see what our animation looks like with the animated hands added. In my opinion, great!
3. Cute details
Now that we've finished working on the character's movements, we can clean up our drawings, marking the final outline with a clear black line. Here you can already pay more attention to detail. For example, I added eyes. They don't have to be very detailed. It is enough if they are simply recognizable.
Step 1
(detailed drawing - 1)
Step 2
It turns out just wonderful! To draw my character, I used a brush with a medium tip. The lines do not have to be absolutely perfect, or rather, they should be somewhat careless. This way you will be able to emphasize your style. Some studios work specifically with ink lines applied with minimal pressure. This way, I think it turns out even more fun!
