how to draw 3d boom

Everyone has a story to tell, and blitheness is one of the many awesome mediums to do merely that. Animation allows yous to create scenes straight from your imagination! So throughout this tutorial, we will be learning to create an animated scene in Toon Boom.

1. Get to Know Toon Blast

Pace ane

Create a new scene by filling out these boxes upon opening the programme:

(1) Proper name: Name your scene hither.

(2) Location: Indicate where you want to save the file of your scene by clicking Scan...

(3) Camera Size: You can select a default camera size from here, or you tin customize your settings past entering your preferred values in the boxes for Width, Height, Frame Charge per unit, and Field of View

(4) Create Scene: You may click this push once all of the above are set.

In case you decide to alter your settings afterward you've created your scene, you can hands do and then past clicking Scene > Scene Settings. Hither you can accommodate your Resolution and Frames per second.

Step 2

Familiarize yourself with the interface.

The following are the more than essential parts that we will exist using oft in this tutorial.

(1) Camera view: This is the drawing area. Notice that there is a rectangle inside the grey infinite; this is the size of the camera and basically the phase where the animation takes identify. Anything exterior the borders volition not evidence up in rendered outputs.

(ii) Timeline: This is where nosotros create and modify layers and frames, and edit the length of the blitheness.

(3) Toolbar: All our essential tools, which will be listed one by one later, are constitute hither.

(4) Tool Properties: This is where you tin can customize your tool's properties and/or settings (if available).

(5) Colour Palette: This is where yous can create, select and change colors that will appear in your scene.

Step 3

Familiarize yourself with the tools.

(1) *Select: Used for rotating, resizing, and repositioning any selected object in your drawing space.

(2) *Profile Editor: Used to adjust Vector Points in your drawings.

(3) Brush and (4) Pencil: Used for drawing.

(5) Text: Used to insert text.

(6) Eraser: Used for erasing.

(7) *Paint: Used to fill drawings with color.

(eight) *Line: Used for making lines.

(9) Dropper: Helps locate a color swatch when a colour from a cartoon is picked.

(10) Drawing Pivot: Allows y'all to set up pivots on your drawing objects.

(11) Morphing: Generates drawings between vectors.

(12) *Hand: Used to navigate the drawing space; however, keyboard shortcuts might be more than user-friendly compared to this tool. The shortcuts are as follows:

• Mitt: Press the Space bar while clicking and dragging.
  
• Zoom in: Press i.
  
• Zoom out: Press 2.
• Rotate view: Printing Control-Alt while clicking and dragging.

(thirteen) Animate: Always enable this when using the Transform tool to breathing

(fourteen) Transform: Used to create some bones animations such as rescaling, repositioning, and rotating.

(15) Testify Onion Pare:Enabled in order to view previous and next drawings while animating.

Note : Tools indicated with a (*) take a small triangle on their lower right sides, meaning more options are bachelor when long-clicked.

Now, information technology's fourth dimension to use these tools and features to create an animated scene!

In the adjacent steps, we'll be learning to create a sky with twinkling stars and moving clouds.

ii. How to Create the Background

Step ane

First, we desire to create a rectangle. Using the Rectangle Tool, drag your cursor just exterior the edges of the camera borders.

Footstep two

Fill up the rectangle. Using the Pigment Tool, click within the shape.

Pace three

On the Color Palette, Double-click the color used to fill the rectangle. In this case, the default Blackness was used.

The Color Picker box pops up as a effect, and this is used to edit the colors. I find the Multiple Bicycle Fashion more convenient and easier to command, so switch over to that mode by clicking the indicated button.

Step 4

In the Multiwheel colour tab, select Gradient instead of Solid. As a result, a spectrum with two nodes appears below it.

Footstep 5

Make sure the left node of the spectrum is selected, and then choice a violet hue from your colour wheel.

Now nosotros have a basic gradient!

Pace six

Nosotros want the gradient to exist vertical instead of horizontal. We can edit the orientation using the Edit Gradient/Texture tool, which can exist plant past long-clicking the Contour Editor (white arrow symbol).

Using this tool, simply select the rectangle and rotate the make full of the shape.

Step 7

Going back to our gradient colors, we desire the violet color to transition into a yellow-orange.

On the Multiwheel Colour tab, select the right node of the spectrum and select the desired hue from the color cycle.

Pace viii

Add together some other color to the spectrum by clicking on the expanse right between the existing nodes. A new color volition appear, and while information technology is selected, pick a pink hue from the colour bicycle.

Step 9

You can edit the gradient further by dragging the nodes left and correct along the spectrum. Now we take a nice slope to serve as our heaven background!

Pace 10

Go out the Multiwheel colour.

Nosotros can make ourselves more organized past renaming the color and drawing layer. Simply Double-click the text beside the gradient colour and rename it to Sky. Then Double-click the text on the drawing layer and rename information technology to Sky_gradient.

Step 11

On the timeline, notice that if y'all drag the Playhead (the carmine bar) to the cease of the scene, the sky gradient disappears. What nosotros desire to do is select the final frame on the drawing layer (in this case, frame 60), and then press F5. This merely extends the exposure of the drawing.

Now that we've finished with the Heaven gradient, allow's Lock the layer so that we don't accidentally alter information technology as we movement on to the side by side steps.

Simply click the symbol that looks similar a lock on the drawing layer.

3. Try Out Different Drawing Techniques

Stride 1

Brand a new drawing layer by clicking the (+) symbol on the timeline. Select Drawing from the drop-downward list.

On the pop-up box, name the layer Clouds and then click Add and Close.

A new layer appears on the timeline.

Note: to delete a layer, select it, and click the (-) symbol.

Footstep 2

In that location are different ways to create drawings on Toon Smash. If you accept a graphics tablet, you can use the Brush and Pencil with ease.

Test them out and draw some clouds using the brush and the pencil.

Step 3

You tin can also create drawings using the Polyline. This tool is helpful to non-users of graphics tablets. It is similar to the Pen Tool in Adobe Photoshop or Illustrator.

To employ it, simply click a point on the drawing space, and drag to influence the curve.Click again on another point, and and so Elevate. Without releasing the point,Alt- Drag in club to change the direction of the side by side curve.

Repeat: Click, Drag, Alt-Drag until you want to close your drawing. To do so, click the side by side bespeak on the starting point.

Step 4

Another manner of creating drawings is by using the Shape Tools and the Cutter .

Using the Ellipse and Line, create a general cloud shape. Long-click the Select tool (black arrow symbol) in order to observe and select the Cutter.

Under the Tool Backdrop on the right, brand sure to select Round for the Tip Fashion. Drag the Cutter over the lines you lot want to get rid of.

Step 5

Let'south compare each cartoon method and run across which one you prefer!

The showtime cloud, created using the Brush tool, is fitting for graphics tablet users. Its strokes are made up of vector points on both sides, which makes it difficult to modify with the Contour Editor. I find it great for creating crude sketches and animations.

The 2nd deject, created with the Pencil, is also suitable for graphics tablet users. But unlike Brush strokes, Pencil strokes are fabricated of a single path of vector points, making them easier to alter with the Profile Editor.

I find information technology great for creating clean line fine art.

The third cloud, created with the Polyline, gives you full control over the number of vector points yous want on your drawing.

I notice information technology great for creating make clean line art, and information technology's useful for people who don't employ graphics tablets.

The fourth deject, created with shape tools and Cutter, is also good for non-users of graphics tablets.

It's non that easy to alter with the Contour Editor, but this method is nifty for creating geometric designs.

4. How to Animate With the Transform Tool

Pace one

Showtime, let'due south create the drawing which we'll animate.

Select the default white colour from your palette, and draw a cloud using the Pencil or your preferred tool. Make full it with the Pigment tool.

Select the cloud drawing, and so Copy and Paste and reposition them adjacent. Once you have iii equally spaced copies of the deject, select them all and position them in the camera space so that the whole bottom is filled with the drawing.

Stride 2

We want to extend the exposure of the drawing by going to frame 60 on the Clouds layer and pressing F5.

Then prepare keyframes on frame i and 2 by pressing F6 while those frames are selected.

• F6 creates keyframes.
• F7 deletes keyframes.

Step 3

Enable the Onion Skin by clicking the everyman push in the toolbar on the left. Doing this allows you to see the previous and adjacent frames of your animation.

Footstep 4

The current look of the camera view is basically what our first keyframe looks like. It's the 2d keyframe that nosotros are going to modify.

At present, make sure that on the timeline, the Playhead is on frame 2 where the 2d keyframe is situated.

Select the Transform tool, which is right above the Onion Peel button. The drawings on the Clouds layer become highlighted in pinkish.

Step 5

Spot the center of the option, which is the small xanthous square, and so click and drag to the right. Make certain to press Shift and then that the drawing only moves horizontally.

When you movement the drawing to the right, you'll notice a ruby-red version of the deject behind it. That is a view of the cartoon'due south previous position, or cloud one indicated in the image below.

On the current frame, we want to place cloud 2 very close to the position of cloud 1 in the previous frame, but non completely overlapping information technology. We want to put information technology simply a few nudges to the left of the previous drawing.

Stride half dozen

Look at the timeline.

On the Deject layer, drag the second keyframe from frame ii to frame 60. This creates In-betweens between the kickoff and second keyframes.

In-betweens are similar transition images; they help create an illusion that the offset keyframe is smoothly transforming into the next keyframe.

More In-betweens make the transition slower, and so brand the animation slower. FewerIn-betweens make the animation faster.

Step vii

We can now preview what the resulting blitheness looks similar.

Enable the Camera Mask to block out the parts that should be hidden. It is the rectangle symbol / the 3rd button on the small panel between the camera space and the timeline.

Enable the Loop push button, and click Play. These are located correct to a higher place the layers console.

Every bit a result, we get a seamless looping blitheness of panning clouds.

Aside from animating a simple pan, you tin besides employ the Transform tool to brand an object rotate, scale upwardly, scale downwardly, squash, and stretch.

5. How to Animate Frame by Frame

Footstep i

Disable the Cloud layer past clicking the symbol that looks like cartoon eyes. This temporarily removes the cloud drawings from view.

Create a new layer and proper noun it Star.

Step 2

In frame-by-frame animation, nosotros're drawing one frame after some other in order to brand it move.

Important keys to retrieve are F and Thousand.

• F is used to become to the previous frame.
• Thou is used to get to the next frame.

To animate a twinkling star, use the pencil (or your preferred tool) to depict a pocket-size diamond on the first frame of the star layer.

For the next few frames, draw the diamond growing until information technology breaks apart and disappears.

Step 3

We desire the animation to play on two's, meaning nosotros want the drawings to take an exposure of two frames each.

Aside from click-dragging or pressing F5, we can extend the frame exposure by pressing Shift-+.

Go to the Star layer and press Shift-+ one time on each frame.

Step four

Let'southward edit the position and rotation of the animation.

Long-click the Select tool (black arrow symbol) and click Reposition All Drawings.

Elevate and rotate the cartoon to your desired position. This modification is automatically applied to all the drawings on the selected layer.

Now we have a frame-by-frame animation of a star!

6. How to Complete Your Scene

Pace one

We now have a groundwork, animated clouds, and an blithe star. Now nosotros simply have to make full the sky with more stars and complete the scene!

To create a re-create of the star blitheness, correct-click the Star layer and click Duplicate Selected Layers.

Use the Reposition All Drawings tool to reposition, rescale and rotate the indistinguishable star, which is the Star_1 layer.

On the timeline, drag the frames on Star_1 to the right, just to create multifariousness in timing.

Stride two

Now nosotros desire to fill the stage with variations of the star animation and spread information technology out throughout the scene duration.

Create more layer duplicates, reposition the drawings, drag frames, and copy and paste frames on different areas on the timeline.

Step iii

Enable the visibility of the Clouds layer by clicking again on the cartoon optics symbol.

Earlier in the cloud animation, I thought that the clouds were moving too fast. To remedy this, extend the scene length past dragging the crimson bracket on the timeline from frame 60 to 120.

Select the last frames on the Clouds and Sky_gradient layers, and press F5 to extend the exposure.

On the Clouds layer, drag the last keyframe from frame lx to frame 120. This increases the In-betweens and therefore slows downwards the animation.

Pace iv

Re-create and paste the star animations.

Select all the star animations by clicking the frame one on the Star layer, pressing Shift, and and so clicking frame 60 on Star_1 layer.

Copy the frames and paste on frame 61 of the Star layer.

Step 5

Nosotros want the clouds to exist in the foreground, so on the layers console, elevate the clouds layer to the top of all the other layers.

vii. How to Consign Your Animation

When y'all're satisfied with the animation, you may go along to exporting.

Go to File > Consign > Movie...Click Browse... to name your output file and select your file location. In the Consign Range, you can opt to select all or specify the frames you want to export. Click OK.

Wait for your movie to finish exporting, and there you have it! You now have a .mov file of your animated scene, which you tin can convert into other video formats using video editing software such equally Adobe Premiere Pro.

Happy Animative!

While Toon Smash still has many more than avant-garde tools and features to be explored, starting with the almost basic techniques can still bring yous spectacular results.

Your program and materials can simply go y'all then far in creating skillful art—the rest is upwardly to you and your creativity!

I hope you lot learned a great deal and have fun animating!

Looking for more Toon Blast tutorials? Why not effort these:

guzmansaire1998.blogspot.com

Source: https://design.tutsplus.com/tutorials/the-beginners-guide-to-toon-boom--cms-30668

Share this post