![Study 2D Animation Fundamentals in Blender Study 2D Animation Fundamentals in Blender](https://cms-assets.tutsplus.com/uploads/users/403/posts/41862/preview_image/blender_thumb.jpg)
Blender is known for being nice for 3D, however do you know that it is usually superb for 2D animation? This can be a comparatively new characteristic launched in Blender 2.8, and it contains a variety of distinctive functionalities and instruments that work extraordinarily effectively for creating 2D animations.
![blender 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/bouncing_ball_animation.gif)
![blender 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/bouncing_ball_animation.gif)
What You will Study in This Blender Tutorial
On this tutorial, we’ll undergo the fundamental instruments and workflow you have to to create a profitable 2D animation in Blender. Subjects we cowl will embody:
- Easy methods to use the Grease Pencil
- Easy methods to use Keyframes in Blender
- What 2D animation instruments can be found in Blender
1. Easy methods to Enter Draw Mode
Step 1
Create a brand new 2D Animation file by choosing it from the intro window. You can even go to File > New > 2D Animation.
This would be the primary mode you can be utilizing when creating your drawings and animations.
![new 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_01.jpg)
![new 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_01.jpg)
![new 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_01.jpg)
Step 2
This can create a brand new clean doc that we are able to work from. For some fundamental navigation across the viewport, you should use the gizmos positioned on the proper of the display screen.
![basic navigation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_02.jpg)
![basic navigation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_02.jpg)
![basic navigation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_02.jpg)
Step 3
You’ll create most of your drawing inside the Draw Mode. That is the one mode that means that you can create 2D strokes. You may change modes inside Blender utilizing the top-left dropdown menu.
Strokes which have already been created can’t be chosen in Draw Mode. If you wish to edit strokes, you should use the Edit Mode or Sculpt Mode as a substitute.
![draw mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_03.jpg)
![draw mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_03.jpg)
![draw mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_03.jpg)
2. Easy methods to Create a Grease Pencil Object
Step 1
The Grease Pencil is the principle device that you can be utilizing in Blender to create 2D animations, and it’ll permit you to attract 3D area.
Blender extremely recommends utilizing a pill or touchscreen show while utilizing this device.
To create a brand new Grease Pencil object, you should first go into Object Mode by choosing it from the top-left dropdown menu.
![object mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_04.jpg)
![object mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_04.jpg)
![object mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_04.jpg)
Step 2
Then go to Add > Grease Pencil to see a number of completely different choices to select from.
- Clean: Creates a null Grease Pencil Object
- Stroke: Creates an instance stylized stroke demo
- Monkey: Creates a monkey face instance
![grease pencil](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_05.jpg)
![grease pencil](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_05.jpg)
![grease pencil](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_05.jpg)
Step 3
Create the clean grease pencil object, after which return to the 2D Animation workspace to return into draw mode.
![create blank grease pencil](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_06.jpg)
![create blank grease pencil](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_06.jpg)
![create blank grease pencil](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_06.jpg)
3. Easy methods to Use the 2D Drawing & Animation Instruments
Step 1
On the left, you may discover all of your fundamental instruments, which embody the Draw Device, Fill Device, Eraser Device, and so forth. These work in an analogous technique to what you may discover in some other photograph enhancing software program.
![basic tools](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_07.jpg)
![basic tools](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_07.jpg)
![basic tools](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_07.jpg)
Step 2
The fundamental Draw Device will embody all of your fundamental settings corresponding to brush stroke and color, which you’ll regulate on the proper of the display screen.
![draw tool](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_08.jpg)
![draw tool](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_08.jpg)
![draw tool](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_08.jpg)
Step 3
With the Draw Device chosen, you may change the comb by clicking on the pencil icon positioned on the highest menu bar.
![draw tool brushes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_09.jpg)
![draw tool brushes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_09.jpg)
![draw tool brushes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_09.jpg)
Step 4
Alongside the highest bar, you additionally produce other choices to vary the fundamental settings of the Draw Device, corresponding to color, radius, power, and so forth.
These settings are additionally accessible on the proper facet of the display screen underneath the Lively Device & Workspace Settings.
![top bar](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_10.jpg)
![top bar](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_10.jpg)
![top bar](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_10.jpg)
Step 5
To make use of the Draw Device, merely click on and drag as you’d utilizing some other photograph enhancing software program. Grease Pencil strokes in Blender are 2D, however they exist as a 3D object.
As soon as you might be accomplished drawing, you may then edit these strokes additional by going into Edit Mode.
![3D view](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_12.jpg)
![3D view](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_12.jpg)
![3D view](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_12.jpg)
4. Easy methods to Put together Your Animation
Step 1
In Blender, the Grease Pencil object will be animated within the following methods:
- Inherited Animation: Utilizing the motion of one other object as its dad or mum
- Shifting as a Entire Object: Altering the place, orientation, or measurement
- Deforming: Animating their factors
- Drawing Body by Body: drawing one body at a time, like conventional animation
To start out a brand new animation, go to File > New > 2D Animation to start out a brand new animation template. This template ought to have already got a Grease Pencil object already created and Auto Keyframes enabled.
Draw a ball and rename it “Ball”. You can even use the Circle Device to do that in case you want. For an ideal circle, you may hit the Shift key as you click on and drag.
![draw ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_13.jpg)
![draw ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_13.jpg)
![draw ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_13.jpg)
Step 2
When you’re pleased with the form, hit Enter on the keyboard. This can create the Grease Pencil object and add a keyframe for you within the timeline.
You can even delete the Fills as we’ll solely be utilizing strains for this tutorial.
![delete fills](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_14.jpg)
![delete fills](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_14.jpg)
![delete fills](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_14.jpg)
Step 3
Create a brand new Grease Pencil object for the ground by going into Object Mode, after which go to Add > Grease Pencil > Clean. Rename it “Ground” after which draw the ground in Draw Mode.
![create floor](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_15.jpg)
![create floor](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_15.jpg)
![create floor](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_15.jpg)
Step 4
Use the identical course of to attract out the motion path in your bouncing ball. You may rename this Grease Pencil object “PathGuide”. We’ll use this as a information in your ball animation.
![path guide](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_16.jpg)
![path guide](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_16.jpg)
![path guide](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_16.jpg)
5. Easy methods to Animate With the Grease Pencil
Step 1
Go to Edit Mode and transfer the ball to the beginning of your path.
![move ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_17.jpg)
![move ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_17.jpg)
![move ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_17.jpg)
Step 2
Choose the keyframe for the ball and duplicate it by urgent Shift-D. Then transfer the keyframe ahead by about 10 frames.
![duplicate keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_18.jpg)
![duplicate keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_18.jpg)
![duplicate keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_18.jpg)
Step 3
Do that 6 instances for the ball to bounce 3 instances. Change the tip body of the animation to finish concurrently the final keyframe.
![duplicate more keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_19.jpg)
![duplicate more keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_19.jpg)
![duplicate more keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_19.jpg)
Step 4
Go to Edit Mode and transfer the timeline ahead to the following keyframe. Then transfer the ball to the place you need it to be at that second.
![move ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_20.jpg)
![move ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_20.jpg)
![move ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_20.jpg)
Step 5
Repeat the steps for every keyframe till you attain the tip of the animation.
![add all ball keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_21.jpg)
![add all ball keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_21.jpg)
![add all ball keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_21.jpg)
Step 6
Now, in case you press the play preview button, you may see that we now have a fundamental animation!
To make the animation smoother, you should fill within the area between every of the present keyframes with new keyframes. So repeat the identical course of as earlier than to fill within the lacking keyframes.
![fill in missing keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_22.jpg)
![fill in missing keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_22.jpg)
![fill in missing keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_22.jpg)
Step 7
You may then organise your keyframes. Choose the “filler” keyframes, hit R on the keyboard, and choose Breakdown so that you just now see a visible distinction for the various kinds of keyframes.
![organise keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_23.jpg)
![organise keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_23.jpg)
![organise keyframes](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_23.jpg)
Step 8
Add some last changes for every body, corresponding to ‘squashing’ and ‘stretching’ the ball form, to enhance the look of the animation.
![bouncing ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/blender_24.jpg)
![bouncing ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/blender_24.jpg)
![bouncing ball](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/blender_24.jpg)
Congratulations! You are Accomplished!
![blender 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/403/posts/41862/image-upload/bouncing_ball_animation.gif)
![blender 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/403/posts/41862/image-upload/bouncing_ball_animation.gif)
![blender 2D animation](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/403/posts/41862/image-upload/bouncing_ball_animation.gif)
Congratulations! And that’s how one can create fundamental 2D animations in Blender. Be happy to create your personal drawings and animations, and I am going to see you subsequent time right here on Envato Tuts+!