Adobe Animate CC Notes

Adobe Animate CC Notes

Adobe Animate CC Notes:-Creating A New Animate Document  You can create a new animate document either from the startup screen of animate, where you can select an appropriate option from the create new section, or from the file menu, located at the top of the animate window.

Exploring the User Interface of Animate

The UI of animate consists of a flexible system of panel that contain various tools used in creating animation. you can resize these panels from any edge and dock them individually or into used groups.

The Menu Bar and the Workspace Switcher

The menu bar is located below the title bar in the animate window. it consists of a range of menus, each containing various options, which can be used to program specific tasks.

The Stage and The Pasteboard

The white area in the animate window is known as the stage. this is the section of the workspace where you add objects and create animations.

Adobe Animate CC Notes

The Tools Panel

the tools panel is located on the right side of the animate window. the tools in this panels appear in the form of buttons and are used to drag, paint, select, and modify animate graphics, as well as change the view of the stage.

Tools in the Tools Panel

Selection Tool –             Select, moves, deform, or splits object and shapes in the document window.

Sub selection Tool –       Select and transform the outlines of a shape.

Free Transform –            Scales and rotates object.

Gradient Transform Tool –   Scales and rotate the gradients applied to object and shape.

3D Rotation Tools –       Rotation a move clip symbol in the x, y, and z axes.

3D Translation Tool –    Move a move clip symbol in the x, y, and z axes.

Lasso Tool –                       Selects object and shape that cannot be precisely by using selection tool.

Pan Tool –                     Draws precise, path as starting lines and smooth curves.

Text Tool –                    Provide a text field to add text.

Line Tool –                    Draws starting lines.

Rectangle Tool –            Draws rectangles and squares.

Oval Tool –                    Draws circular and elliptical shapes.

Rectangle Primitive Tool –    Creates rectangles squares with corner that can be reshaped.

Oval Primitive Tool –     Creates basic oval, and them modifies their than angle and radius setting to create donut, pie shape, or open curves.

Polystar Tool –               Creates star-shaped object and polygon other than a quadrilateral.

Pencil Tool –                  Draw freeform lines and shape.

Brush Tool –                  Draw thick, artistic lines, such as the stroke of a brush on a canvas.

Spray Brush Tool –         Creates a spray-painting effect in a graphic.

Deco Tool –                   Creates a pattern, such as a grid or vine full, to an object or scene.

Bone Tool –                   Allows jointed movement within a single object or between two or more object.

Bind Tool –                    Modify the links between individual bones and control options of a shape.

Paint Bucket Tool –        Adds and changes the fill color of shape create on the stage.

Ink Bottle Tool –            Change the stroke color, line with, in style of lines or shape outline.

Eyedropper Tool –          Select fill and stroke attributes from object and applies them to other object on the stage.

Eraser Tool –                  Remove unwanted shapes and from the stage.

Hand Tool –                   Draw and scroll the stage horizontal and vertically.

Zoom Tool –                  Increases or decreases or the of the stage.

The Properties Panel

The PROPERTIES panel is located at the right side of the stage, beside the tools panel. this panel provide easy access to the properties or attributes of the or object selected on the stage or in the TIMELINE panel.


The panel is used to store and organize the content of your animate project, such as symbol bitmaps, sound animate, and video clips.


Animate documents are made up of layers’ frames, and graphical object such as symbols, which are displayed on the stage. these elements are controlled from the TIMELINE panel (fig.fl-1.14) located below the stage.


the MONITOR EDITOR panel allows you to edit the motion of object in your animation. this panel is used to edit only motion tweens, and can be used to control basic motion such as rotation, transformation, color effects, filters, and easing.

Adobe Animate CC Notes

Opening A Animate Template

The animate library provides templates in the form of different predefined animate documents. the templates are arranged into various categories, such as adverting, banners and media playback. each template provides predefined options.

Working with Drawing Tools in Animate

  • Rectangle Tool
  • Oval Tool
  • Rectangle Primitive Tool
  • Oval Primitive Tool
  • Line Tool
  • Text Tool
  • Pencil Tool
  • Pen Tool
  • Brush Tool
  • Deco Tool
  • Paint Basket Tool
  • Eyedropper Tool
  • Eraser Tool

Adobe Animate CC Notes

Using Rectangle Tool

Rectangle tools is used to draw rectangle and squares in animate.

Using Oval Tool

Drawing with oval tool create smooth ovals as well as circular and elliptical shape.

Using Rectangle Primitive Tool

Rectangle primitive tools is located in the fly-out menu that opens on clicking the small arrow alongside the rectangle tool.

Using Oval Primitive Tool

this tool is remove portion from circular and ellipsoid shapes, such as a quarter of a circle or two-third of an ellipsoid or oval.

Using Line Tool

Line tools, as the name suggests, enables you to create perfectly straight lines.

Using Text Tool

text tools is used to add text in a animate animation or move.

Using Pencil Tool

Pencil tool is used to draw free-from lines, shapes, or any kind of drawing on the stage with the help of mouse pointer in animate.

Using Pen Tool

Pen tool last you draw path to create your shapes by using interconnected anchor pointes.

Using Brush Tool

Brush tool helps to draw think, artistic lines, similar to the strokes of a brush canvas.

Adobe Animate CC Notes

Using Deco Tool

Deco tool is used to create kaleidoscopic graphic and visual effect to an object or scene in animate.

Using Paint Basket Tool

Paint basket tool is used to ad and change the fill color of the shapes create on the stage.

Using Eyedropper Tool

Eyedropper tool is used to select to color of object/scenes on the stage and apply them as a fill and stroke attributes to other object.

Using Eraser Too

Eraser tool is used to clear or eraser any unnecessary object from the stage.

Using Selection Tool

This Tools is used to select move, deform and spilt object and shape.

Using Selecting Tool

Sub selection tool is useful for moving and editing anchor points, which are create with pen tool, and adjusting tangents on lines, curves, and outlines.

Using Free Transform Tool

Free transform tool allows you to scale, rotate, skew, and distort your shapes.

Using Gradient Transform Tool

Gradient transform tool help to break the monotony of slide fill color by allowing you to manipulate the gradient color of object in animate.

Using Bone Tool

Bone tool allows you to create jointed movement within a single object or between two or more object. in other words, bone tool provides a means of creating animation that simulate moving limbs or joints where interaction between various connected components is needs.

Editing Object in Animate

Animate also provide several ways to edit object to change their appearance in an animation according to your requirements. sometimes, you may need to edit an object because you make a mistake, but often, editing is just a part of the creation process. the editing process includes a whole gamut of action that you can perform on an object such as.

  • Altering the Shape and Outline of an Object
  • Optimizing Curves
  • Expanding and Contracting Fills
  • Softening the Edges of an Object
  • Converting Lines of Fills
  • Grouping and Ungrouping Object
  • Breaking Apart a Group and an Object
  • Transforming Object
  • Distorting an object
  • Using the Envelope option
  • Scaling an object
  • Rotating and skewing an object
  • Flipping an object
  • Restoring a transformed object

Adobe Animate CC Notes

Working with Classic and Text Layout Framework Text Engines

text plays an important role Animations. apart from image and animations, if you want to provide additional information regarding an animation, you can do so by adding text. you can add text with the help of text tool available in the tool panels.

you can select the type of text engine you want to use for your text form the text engine drop-down list in the list in the PROPERTIES penal. the classic text option in the drop-down list provides the following three types of text fields:

Static: Creates a text fields in which text cannot be changed or moved at runtime. this is the default text fields of the classics text engine when text tools is select.

Dynamic: Creates a text fields in which you can lode text either from ActionScript or from databases such as SQL or oracle, and add or change text a runtime. the dynamic text fields is generally used to display constantly updating data, such as breaking news, stoke exchange rates, and scores of sport matches.

Input: Creates a text fields in which text can be added at runtime. some common examples of input text fields are online registration from, feedback forms, and search boxes.

Adobe Animate CC Notes

Working with The TIMELINE Panel

  • Working with frames and keyframes in animate
  • Working with layout and layer Folders in animate

Working with Frames and Key frames in Animate

A new file creates in animate appears with a single frame in the TIMELINE panel by default objects creates in animate are organized in layers. these layers are display at the left side of the TIMELINE panel.

Inserting Frames and Keyframes in the TIMELINE Panel

you need to use a keyframes if you add a new object or make any change in the existing object at any point during the animation.

Converting A Key frames into A Frame

If you insert a key frame in the TIMELINE panel but later find that you need a frame instead, you can convert the key frame in to frame, without altering the content of the preceding or succeeding keyframes in the TIMELINE panel.

Coping and Pasting a Frame or Sequence of Frames

If animate you can also create a duplicate copy of the content of a particular frame or the image contained in a sequence of frames.

Changing the Length of a Sequence of Frame

Animate allows you to change the length of a sequence of frame by simply dragging the first or last frame of the sequence.

Deleting a Frames or a Sequence of Frames

You can use the remove frames options in the edit menu.

Working with Layers and Layer Folder Animate

As you know, an animation can consist of virous elements, such as image, graphics, sound files, and video clippings. you can manage these elements better when they are arranged in separate layers. such an arrangement allows you to work with these elements and create animations easily without affecting the content of other layers.

Creating a Layer

A new animate file option with a single layer, called Layer 1, in the TIMELINE penal by default. this layer is display at the left side of the TIMELIBNE panel. you can create more layers according to your requirements.

Locking and Unlicking a Layers

Animate allows you to lock and unlock the layer of animate file to project their content from accidental modification.

Adobe Animate CC Notes

Hiding a Layers

Animate allows you to hide the content of the layers of a project do not in interfere when you work with the other layers.

Creating a Layer Folder

Layer folder can be created in animate to arrange and organize layers and their content particularly while working on animation that content a large number of layers.

Renaming a Layers of Layer Folder

Assigning meaningful names to layers and layer folder help you to locate the content placed in then more quickly and easily.

Coping and Pasting the Content of a Layer

In animate, you can copy the content of one layer onto another layer.

Deleting a Layer

If a layer is no longer useful or needed in a project or an animation, you can delete he layer from the TIMELINE panel.

Using Symbols, Instances, and the Library

Exploring the Types of Symbol in Animate

Symbol are reusable object that you commonly use in your animate or move such as button images, and sound animate. all symbols are stored in the library.

As stated earlier, animate provides three types of symbol.

  • Graphic Symbol: Refers to a states object used to create. moves. A graphic symbol can be a background.
  • Button Symbol: Allows you to create user interface (UI) to perform virous actions. such as starting stopping, and lopping as animation.
  • Movie Clip Symbol: Reface to reusable parts of a move. it has it won TIMELINE penal, which is different form and independent of the main TIMELINE penal. move clip symbol can also be controlled by ActionScript

Adobe Animate CC Notes

Creating Symbols in Animate

Creating Symbols from an Existing Object

you can concert a single object on to a symbol, or a group of objects into symbol.

Duplicating a Symbol

This procedure creates a copy of a symbol, which is not an instance of the original symbol.

Inserting Instances in Animate

After coming a symbol in animate, you can use it multiple times in animation or move. the symbol can be used on the stage, placed inside other symbol, or even be sherd with other animate documents.

Exploring the LIBAREY Panel in Animate

The LIBAREY panel is a collection of symbol and other media assets, video clips, and sound files. every animate file has its own exclusive library, which display a list of all the times used in the respective animate file along with their names, and also allows you to used and original these times as you work.

Using Common Libraries in Animate

common libraries are libraries of built-in button, sound and interactive components built-in with animate.

Importing Symbols from Other Animate Files

you can easily access symbol any animate files. any animate file that continuous symbol can be opened as a library while you work.

Adobe Animate CC Notes

Working with Sound and Video

Working with Sound Files in Animate

Adding sound can bring your animation to life. however, you should remember that you cannot record or create sound in animate, they have to be important as sound files.

Importing a Sound File

Animate allows you to import these sound and make as animation audible, thereby enhancing the expressive quality of the animation.

Adding Sound in the TIMELINE Panel

After importing a sound files to the LIBRARY panel, you can use the sound file n your animate document however, before you can do that, you need to add the sound file on the TIMELINE panel.

Adding Sound to a Button Graphic

you can add sounds for the different state of a button symbol. animate store the sound with the symbol, which means they can be used with all instances of the symbol. you can add sound to preset button available in the common libraries, create your own button graphic, or use a button graphic from an existing animate document.

Editing Sound

After creating sound for an object in our animation, you may feel that the sound is not as synchronized with the moment of the object as you want it to be. in such an ease, you can such animate to edit the sound so that it is synchronized with the moment more closely.

Importing a Video File

importing video in to animate is easy. you can embed an imported video file and place it on the TIMELINE panel so that the file became a part of the animate document, or lode or externally, so that remains a separate file. you can import a video file from a local source by using the import video wizard that appears by selecting file-import-import video.

Adobe Animate CC Notes

Adding a Video File

A video file can be edited by using the PROPERTIES panel and the video properties dialog box.

Creating Animations

Understanding Tweened Animations

the term tween-in-between and refers to the successive frames that are create between keframes in an animation. in a tweening animation you create motion for the object in the animations

Creating Frame-by-Frame Animation

Frame-by-frame animation gives you very detailed control over your animation however, the frames are display of using this method of animation is that it is very time consuming. therefore, generally, frame-by-frame animation is used to animation single object that can be used as part of lager animate animation.


Using Shape Tweening in Animate

you can you shape tweening to change one shape into another shape during the course of an animation. shape tweening allows you to change the location. size and color of an object similar to motion tweening, though the result produced in both types of shape tweening, the object is treated as an editable shape, whose individual edges can be transformed separately, resulting in a new shape at the end of the animation.

Creating a Shape Tween

Shape tweening allows you to change the shape of an object in to another shape. the process is also known as morphing and can be used to create fantastic effects. animate allows you to shape tween an object easily. for this you only need to define the start and end frame of your object. animate automatically provides the in between frames to produces realistic of the project.

Exploring the Onion Skinning Feature

one of the most useful visual aids in animate is onion skinning feather, which allows you to view all frames of animation at once on the stage. this help you make essential decisions, such as in what way you want to scale or move or project through the source of an animation. it also helps you to see how your animation works alongside other items on the stage as the timeline plays back.

Adobe Animate CC Notes

Working with Motion Tweening in Animation

Motion tweening is the creation of motion by indicating the start and end frames of an animation on the

TIMELINE panel, while animate automatically provide the remainder of the frame in between these to frames. this types of tweening is useful for animating moves, clips, graphic symbols, and editable text, however, you cannot use motion tweening to animate groups drawing object, of raw shape (unless these are first converted in to movie clip graphic symbol). as the name suggest motion tweening is applied to move an object (called target object) frame one place to another on the stage; however, you can perform other actions as well, such as changing the color, size and transparency of the object.

Working with Motion Presets in Animate

motion presets are preconfigured motion tweens, offered by animate, which provides twining on an object on the stage. if you want to these motion presets, you need to first select the object, then select the notion preset of your choice in the in the MOTION PRESTES panel and click the apply button in the same panel to apply the motion panel.

Understanding Classic Tween in Animate

Classic twining is a method for creating tweens in provides (cs4 and earlier) of animate. this mothed is still available in animate cs5 and is supported when opening animate files of provies various that contain motion tweens.  Although similar to a motion tween, in classic tween, you have to create your one keyframes rather that animate creating them automatically for you. the frames in a classics tween are displayed in blue color on the TIMELINE panel. Another difference between is based a motion tween and a classic tween is that the properties related to easing and rotating a symbol as well as set the easing option to create smooth animations in a classic tween.

Creating Classics Tween Motion along Guided Path

you can create a guided path for a classic tween. a guided path is nothing but a motion path that is create when you move a symbol along a predefine path, such as curve or circle. motion guided layers allow you draw path along which tweened instances, groups, or text blocks can be animated.

Adobe Animate CC Notes

Creation a Make Layer

In animate you can use making to selecting block areas of a layer. using this technique, you create an array of effect in several ways, such as animation the make or object under the make, placing multiple makes in a scene or hiding object under a make. makes are created on special layers called make layers. a make layer contains a filled shape that block or makes objects on at last one other layer to which it is linked. you can link more then one layer to a single make layer.

Working with Advanced Animation

Working with Bone Tool

Bone tool that allows you to connect symbol together quickly and easily in a parent/child relationship. the complete bone structure is also known as an armature. armatures can be applied to a series of move clips symbol or to a shape that you can manipulate by dragging the armature to a new position. object create in animate such as a human limb, a puppet, or a snake can be animated realistically with the use of bone tool. this tools allows you to add bones tool to the object which can be animate with the help of joints.

Working with 3d Animation in Animate

most simple object in animate are created by using the x and y axes, which represent the width and height of the object respectively. however, you can also create 3d effect in your animate animation by including 3d z-axis which represent the depth of the object. you can rotate and move a movie clip symbol in 3d shape on the stage with the help of 3d rotation tool and translation tool.

Adobe Animate CC Notes

Using 3d Rotation Tool

3d rotation tool enables you to spin object around the x, y and z axes and creates the illusion of depth by skewing and scaling your graphic based on the degree of rotation and the vanishing point and perspective  along setting.

Using 3d Translation Tool

3d translation tool enable you to object forward and background on the stage along the z-axis, left and right on the stage along the x-axis, and up and down on the stage along the y-axis.


Working with ActionScript


Exploring the Versions of ActionScript

As already learned, ActionScript is specifically used in animate to control the actions performed by the object or symbol created in a animate movie. ActionScript includes a large library of pre-built classes and functions that last you create object a preforms the desired actions in the animate movie.

Using ActionScript with Button

Animate allows you to add ActionScript code to a button define the action performed by it an animation. you can perform several action by using button, such as stop or run the animation, or play and stop the background music.

Using ActionScript with a Movie Clip

Animate also allows you to add ActionScript code to a movie clip to perform various actions, such as playing or stopping the movie clip and replacing one more clip with another. by using ActionScript code, you can also set the properties of the movie clip according to your requirement, such as change its size, shape, visibility, and appearance.

Adobe Animate CC Notes

Publishing and Exporting Animate Files

Publishing Files in Animate

you can also publish your file in other formats, such as joint photographic experts group (JPEG), graphic interchange format (GIF) or portable network graphics, (PNG). another option is to publish the file as a animate projector. A projector is an executable file that can be played whether or not the animate player is installed on a user’s computer.

Working with Publish Settings

After creating and testing a animate file, you may want to publish it so that it can be viewed by other user on the internet with the help of different web browsers. you can publish your file by configuring the publishing option on the publish setting dialog box, you can select the format of the file you are publishing (such as JIF, JPEG, and PNG) and the HTNL document needed to display the file in the browser to window.

Exporting File in Animate

After you have made a animate movie complete with motion tween, sound video, and ActionScript interactivity, you need to make the movie suitable for the intended delivery medium, such as, the internet CD, or DVR-ROM. for this, you need to first save the animate file containing the movie by specifying the location on your computer and then specify the format in which the particular animate movie will be viewed by other user. the entire process is known as exporting a file in animate.

एडोबी ओफ्फिसाल वेबसाइट 


Leave a Reply

Your email address will not be published. Required fields are marked *